Search

Nalezeno "simple": 421

Collective #601

9.4.2020
LCH colors in CSS * Frontend Mentor * Responsive Images the Simple Way * Button?Design * Interactive Timetable Collective #601 was written by Pedro Botelho and published on Codrops

Getting JavaScript to Talk to CSS and Sass

3.4.2020
JavaScript and CSS have lived beside one another for upwards of 20 years. And yet it’s been remarkably tough to share data between them. There have been large attempts, sure. But, I have something simple and intuitive in mind — something not involving a structural change, but rather putting...

CSS-Only Marquee Effect

31.3.2020
A simple CSS-only marquee effect for a menu based on Francesco Zagami's Dribbble shot. CSS-Only Marquee Effect was written by Mary Lou and published on Codrops

4 CSS Grid Properties (and One Value) for Most of Your Layout Needs

30.3.2020
CSS Grid provides us with a powerful layout system for websites. The CSS-Tricks guide gives you a comprehensive overview of Grid’s properties with layout examples. What we’re going to do here is a reverse approach to show you the smallest possible set of grid properties you need to know to meet...

An Introduction to MDXJS

25.3.2020
Markdown has traditionally been a favorite format for programmers to write documentation. It’s simple enough for almost everyone to learn and adapt to while making it easy to format and style content. It was so popular that commands from Markdown have been used in chat applications like Slack...

Auto-Growing Inputs & Textareas

25.3.2020
By default, <input> and <textarea> elements don't change size based on the content they contain. In fact, there isn't any simple HTML or CSS way to make them do that. Kinda funny, as that seems like a reasonable use-case. But of course, there are ways, my friend. There are always...

Did You Know the Ordered List Element Has Start and Reversed Attributes?

24.3.2020
I sure didn't! Tomek Sułkowsi shows how we can reverse the numbering of ordered lists with a simple HTML attribute: <ol reversed<liApple</li<liBanana</li<liPear</li</ol CodePen Embed Fallback And the start attribute can be added to begin the list at a number other...

Tether Launches Stablecoin Token on Bitcoin Cash via Simple Ledger Protocol

19.3.2020
Tether, the world’s most popular stablecoin, will be using the Simple Ledger Protocol built upon the Bitcoin Cash network for issuing its tokens. Among other things, this means that millions of Bitcoin.com Wallet users will now be able to send and receive USDT via SLP tokens right within...

React Suspense in Practice

19.3.2020
This post is about understanding how Suspense works, what it does, and seeing how it can integrate into a real web app. We'll look at how to integrate routing and data loading with Suspense in React. For routing, I'll be using vanilla JavaScript, and I'll be using my own micro-graphql-react GraphQL...

Build a Node.js Tool to Record and Compare Google Lighthouse Reports

16.3.2020
In this tutorial, I’ll show you step by step how to create a simple tool in Node.js to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them so web performance can be monitored as the website grows and develops. I’m hopeful this...

How to Make a Line Chart With CSS

11.3.2020
Line,  bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use SVG or a JavaScript chart library like Chart.js or a complex tool like D3 to create those charts, but what if you don't want to load yet another...

Background Scale Hover Effect with CSS Clip-path

11.3.2020
A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path. Background Scale Hover Effect with CSS Clip-path was written by Mary Lou and published on Codrops

I Pressed ⌘B. You Wouldn’t Believe What Happened Next

9.3.2020
This talk by Marcin Wichary is — beyond both enthusiastic and outstanding — all about the complexity of UI design, typography, and the lengths his team at Figma has gone to make sure that doing something as simple as selecting a font from a dropdown does what you expect it to. I’d recommend this...

Hex Opacity Table

6.3.2020
We’ve used hex colors for years but 8-digit hexadecimal is still relatively new. While rgba is simple to understand, 8-digit hex is more difficult, as you need to provide a hex representation of a numeric value. The following is a hexadecimal chart of opacity! 100 FF 99 FC 98 FA 97 F7 96...

Belgium Startup Launches Smart Chip Hardware Wallet for SLP-Based Tokens

3.3.2020
On March 1, the Simple Ledger Protocol (SLP) developers’ Twitter account revealed a new hardware wallet card for SLP tokens created by the Belgium-based company Satoshichip. The newly designed product is the first SLP token hardware wallet on the market and it works natively with the Electron...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace