Search

Nalezeno "simple": 526

Fading in a Page on Load with CSS & JavaScript

13.1.2021
Louis Lazaris demonstrates a very simple way of doing this. Hide the body (with JavaScript) right away with opacity: 0 Wait for all the JavaScript to execute Unhide the body by transitioning it back to opacity: 1 Like this: CodePen… The post Fading in a Page on Load with CSS &...

Whack-a-Mole: The CSS Edition

6.1.2021
We’ve seen the checkbox hack and how it can be used to build a complete state machine in CSS. Today, we’ll take that line of thought a step further and build a simple game of Whack-A-Mole, where the player needs … The post Whack-a-Mole: The CSS Edition appeared first on CSS-Tricks. You...

Give your Eleventy Site Superpowers with Environment Variables

31.12.2020
Eleventy is increasing in popularity because it allows us to create nice, simple websites, but also — because it’s so developer-friendly. We can build large-scale, complex projects with it, too. In this tutorial we’re going to demonstrate that expansive capability … The post Give your...

The Rules of Margin Collapse

30.12.2020
Josh Comeau covers the concept of margin collapsing: This idea might sound simple, but if you’ve been writing CSS for a while, you’ve almost certainly been surprised when margins either don’t collapse, or they collapse in weird and unexpected ways. … The post The Rules...

Create a Tag Cloud with some Simple CSS and even Simpler JavaScript

28.12.2020
I’ve always liked tag clouds. I like the UX of seeing what tags are most popular on a website by seeing the relative font size of the tags, popular tags being bigger. They seem to have fallen out of fashion, … The post Create a Tag Cloud with some Simple CSS and even Simpler JavaScript...

Integrating TypeScript with Svelte

24.12.2020
Svelte is one of the newer JavaScript frameworks and it’s rapidly rising in popularity. It’s a template-based framework, but one which allows for arbitrary JavaScript inside the template bindings; it has a superb reactivity story that’s simple, flexible and effective; and as an ahead-of-time (AOT)...

The Advantages of Joining the Mining City Community

21.12.2020
This article explains the characteristics of the network marketing community based on Mining City and answers one not so simple question – why do most people fail in Multi-Level Marketing? What Google Won’t Tell You About Mining City Network marketing – also known as Multi-Level...

Three Ways to Distinguish a Site From the Norm

16.12.2020
In an age where so much web design is already neat, clean, and simple, I can think of three ways to distinguish your site from the norm: Stunning visuals that cannot be created in UI vector editors, like Figma and Sketch Beautifully-animated interactions that cannot be dreamt in the language...

Learning to Simplify

16.12.2020
When I first got this writing prompt, my mind immediately started thinking stuff like, “What tech have I learned this year?” But this post isn’t really about tech, because I think what I’ve learned the most about building websites this past year is simplification. This year, I’ve learned that...

Styling Comment Threads

7.12.2020
Comment threads are one of those things that look really simple when executed right. When designing them yourself, you may find that they are rather deceptively simple. There is a lot that goes into designing nice and usable comment threads, and in this article, I will try my best to walk...

Image Stack Intro Animation

24.11.2020
Two simple intro animations where an image stack moves to become a grid. The post Image Stack Intro Animation appeared first on Codrops

How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy

24.11.2020
A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they display properly. People do this with Google Fonts a zillion times a day, dropping its <link> tag into the <head>. Let’s...

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