Search

Nalezeno "use": 4172

CSS Scrollbar With Progress Meter


Scrollbars are natural progress meters. How far the scrollbar is down or across is how much progress has been made scrolling through that element (often the entire page). But, they are more like progress indicators than meters, if you think of a meter as something that “fills up” as...

No-Class CSS Frameworks


I linked up Water.css not long ago as an interesting sort of CSS framework. No classes. No <h2 class="is-title">. You just use semantic HTML and get styles. Is that going to “scale” very far? Probably not, but it sure is handy for styling things quickly, where — of course...

Create Diagonal Layouts Like it’s 2020


Nils Binder covers the ways: 1. Use an SVG in the form of a triangle. This technique is nicely described by Erik Kennedy on CSS-Tricks. 2. Hide part of your section using clip-path. Read Diagonal Containers in CSS by Sebastiano Guerriero or Sloped edges with consistent angle...

The WebAIM Million—Updated


This report made a big splash last year. It’s a large chunk of research that shows just how terribly the web does with accessibility. It’s been updated this year and (drumroll…) we got a little worse. I’ll use their blockquote: The number of errors increased 2.1% between...

Learn Eleventy From Scratch


The latest edition of Andy Bell’s Piccalilli landed in my inbox this morning with a sweet offer: preorder Andy’s course on learning Eleventy from scratch at a third of the price. Why the plug? No, not sponsorships or anything like that. I just happen to hear a heckuva lot about Eleventy...

A Grid of Logos in Squares


Let’s build a literal grid of squares, and we’ll put the logos of some magazines centered inside each square. I imagine plenty of you have had to build a logo grid before. You can probably already picture it: an area of a site that lists the donors, sponsors, or that is showing off...

CSS-Only Marquee Effect


You make sure the text is more than twice the width of the screen, then use negative translate animations to do the marquee movement. You’ll probably want to aria-hidden all but one of them if you need to duplicate the text. Or, you could use a very clever CSS trick...

Getting JavaScript to Talk to CSS and Sass


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

Accessibility Links


Austin Gil has kicked off the first in a five-part series about “HTML Forms Right” and to starts with semantics. It’s talking to the “we build our front-ends with JavaScript” crowd. The first block of code is an example of an Ajax form submission where the data...

Why Do Some HTML Elements Become Deprecated?


The internet has been around for a long while, and over time we’ve changed the way we think about web design. Many old techniques and ways of doing things have gotten phased out as newer and better alternatives have been created, and we say that they have been deprecated. Deprecated. It’s a word...

Collective #600


Fix an overloaded server * New use-cannon features * Ash's Smooth Scroll * Animockup Collective #600 was written by Pedro Botelho and published on Codrops

Web Performance Checklist


The other day, I realized that web performance is an enormous topic covering so very much — from minimizing assets to using certain file formats, it can be an awful lot to keep in mind while building a website. It’s certainly far too much for me to remember! So I made a web performance checklist....

Cloudinary Studio


I knew that Cloudinary worked with video as well as images but, the other day, I was curious if Cloudinary offered a video player embed just like other video hosts do (e.g. YouTube, Vimeo, etc). Like an <iframe> that comes with a special player. I was curious because, as much as...

Max Stoiber’s Strong Opinion About Margins


Going with that title instead of the classic developer clickbait version Max used. ;) We should ban margin from our components. Don’t use margin?! This thing I’ve been doing my entire career and don’t have any particular problems with?! Well, that’s not exactly Max’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