Search

Nalezeno "web form": 2688

A Complete State Machine Made With HTML Checkboxes and CSS

27.11.2020
State machines are typically expressed on the web in JavaScript and often through the popular XState library. But the concept of a state machine is adaptable to just about any language, including, amazingly, HTML and CSS. In this article, we’re going to do exactly that. I recently built a website...

Collective #636

26.11.2020
Web Development for Beginners * Playfulness In Code * Text Gradients in CSS * What are design tokens? The post Collective #636 appeared first on Codrops

Use a Submit Button Outside of !

24.11.2020
Have you ever felt like you’ve been a professional developer or designer forever, and somehow not known something basic, and borderline hate yourself? That’s me with a trick that was introduced to me by Miguel Piedrafita: 🔥 You can submit forms from a button outside of the form...

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...

The Core Web Vitals hype train

24.11.2020
Some baby bear thinking from Katie Sylor-Miller: my excitement for Core Web Vitals is tempered with a healthy skepticism. I’m not yet convinced that Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS) are the right metrics that all sites should...

Creating UI Components in SVG

24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...

How to Create a Timeline Task List Component Using SVG

24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...

DRY-ing up styled-components

23.11.2020
I like working with styled-components. They allow you write CSS in your JavaScript, keeping your CSS in very close proximity to your JavaScript for a single component. As a front-end developer who loves to dissect a web page and break it down into reusable components, the idea of styled-components...

How You Might Build a Modern Day Webring

20.11.2020
I’m sure different people picture different things when they think about webrings, so let me clarify what I picture. I see an element on a website that: Signifies this site is part of a webring Allows you to move to the next or previous site of the webring Maybe has other functionality like...

Bitcoin.com Announces Cooperation Agreement With Japanese Media CoinOtaku

20.11.2020
PRESS RELEASE. Bitcoin.com, the go-to web portal for everything bitcoin, announced it reached a cooperation agreement with Japanese media CoinOtaku. A subsidiary of Beat Holdings Limited, CoinOtaku (CoinPartner) has over 900,000 views per month in its cryptocurrency portal and thousands...

Google Stadia na iOS zamíří také oklikou přes web a prohlížeč Safari

20.11.2020
Vyhodíte je dveřmi, oni se vrátí oknem. Apple dal před pár měsíci najevo, že v ekosystému iOS nemá o streamované hraní zájem. Nebo má, ale bude muset každou jednotlivou hru dostupnou v cloudu schvalovat on sám, s čímž zase mají problém provozovatelé služeb. Ti si teď ale našli cestu, jak pravidla

Color Theming with CSS Custom Properties and Tailwind

19.11.2020
Custom properties not only enable us to make our code more efficient, but allow us to work some real magic with CSS too. One area where they have huge potential is theming. At Atomic Smash we use Tailwind CSS, a utility class framework, for writing our styles. In this article, we’ll look at...

Firefox 83

19.11.2020
There’s a small line in the changelog that is is big news for CSS: We’ve added support for CSS Conic Gradients (bug 1632351) and (bug 1175958). 🎉🎉🎉 Conic gradients are circular, just like their radial counterpart, but place color stops...

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