Search

Nalezeno "web": 2178

7 Examples of Scroll-Triggered Animations in Web Design


These days it is quite difficult to imagine a modern website without any dynamic elements. Small, big, medium-sized they — will be there on many websites. Web user interfaces... The post 7 Examples of Scroll-Triggered Animations in Web Design appeared first on Onextrapixel

“The Modern Web”


A couple of interesting articles making the rounds: Tom MacWrite: Second-guessing the modern web Rich Harris: In defense of the modern web I like Tom’s assertion that React (which he’s using as a stand-in for JavaScript frameworks in general) has an ideal usage: There is a sweet spot...

The Fastest Google Fonts


When you use font-display: swap;, which Google Fonts does when you use the default &display=swap part of the URL , you’re already saying, “I’m cool with FOUT,” which is another way of saying web text is displayed right away, and when the web font is ready...

User agents


Jeremy beating the classic drum: For web development, start with HTML, then CSS, then JavaScript (and don’t move on to JavaScript too quickly—really get to grips with HTML and CSS first). And then… That’s assuming you want to be a good well-rounded web developer. But it might be that...

Inspirational Websites Roundup #15


A new roundup that consists of a special collection of the latest web design trends and inspiration. Inspirational Websites Roundup #15 was written by Mary Lou and published on Codrops

Notion-Powered Websites


I’m a big fan of Notion, as you likely know from previous coverage and recent video. It’s always interesting to see what other people do with Notion, and even how Notion uses Notion. I’d say most usage of Notion is private and internal, but any page on Notion can be totally...

Online Together


(This is a sponsored post.) An Event Apart: Online Together is a single-day online conference with an intense focus on digital design, UX, content, code, and more, giving you deep insights into where we are now and where things are going next. AEA! With a brand new online version of their...

Pseudo-elements in the Web Animations API


To use the Web Animations API (e.g. el.animate()) you need a reference to a DOM element to target. So, how do you use it on pseudo-elements, which don’t really offer a direct reference? Dan Wilson covers a (newish?) part of the API itself: const logo...

Free SSL Certificates with ZeroSSL (Sponsored)


During my early years in web development, one of the most costly and annoying tasks was securing and installing security certificates on client websites. Most providers charged hundreds of dollars for SSL certs and getting them configured properly was a huge source of stress. Securing sites is much...

[článek] Web CNN Prima News: Sázka na jistotu


[7 minut čtení] Prima chce web CNN Prima News dostat mezi největší zpravodajské weby v Česku. Jak se jí povedl a má šanci uspět? Do českého mediálního rybníčku přibyla zpravodajská stanice CNN Prima News a mediální analytici se vyjadřují k jejímu vizuálu, programové skladbě i personální výbavě

CSS Animation Timelines: Building a Rube Goldberg Machine


If you’re going to build a multi-step CSS animation or transition, you have a particular conundrum. The second step needs a delay that is equal to the duration of the first step. And the third step is equal to the duration of the first two steps, plus any delay in between. It gets more...

Rychlejší a s tmavým režimem. Facebook spouští nový web


„Facebook za 16 let od spuštění dospěl. Doplnili jsme nové funkce, optimalizovali jej pro nová zařízení i operační systémy a rozšířili jej do stovek jazyků. Donedávna jsme se zaměřovali na mobilní verzi a uvědomili si, že desktopový web je pozadu. Lidé ale potřebují, aby také držel krok,“ uvádí

Chromium lands Flexbox gap


I mentioned this the other day via Michelle Barker’s coverage, but here I’ll link to the official announcement. The main thing is that we’ll be getting gap with flexbox, which means: .flex-parent { display: flex; gap: 1rem; } .flex-child { flex: 1; } That’s excellent...

Let’s Take a Deep Dive Into the CSS Contain Property


Compared to the past, modern browsers have become really efficient at rendering the tangled web of HTML, CSS, and JavaScript code a typical webpage provides. It takes a mere milliseconds to render the code we give it into something people can use. What could we, as front-end developers, do...

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