Search

Nalezeno "Web": 2501

Painting With the Web

1.12.2020
Matthias Ott, comparing how painter Gerhard Richter paints (do stuff, step back, take a look) to what can be the website building process and what can wreck it: […] this reminds me of designing and building for the Web: The unpredictability, the peculiarities of the material,...

How to Add Text in Borders Using Basic HTML Elements

1.12.2020
Some HTML elements come with preset designs, like the inconveniently small squares of <input type="checkbox"> elements, the limited-color bars of <meter> elements, and the “something about them bothers me” arrows of the <details> elements. We can style them to match...

Under-Engineered Responsive Tables

1.12.2020
I first blogged about responsive data tables in 2011. When responsive web design was first becoming a thing, there were little hurdles like data tables that had to be jumped. The nature of <table> elements are that they have something a minimum width depending on the content they contain...

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

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

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