Search

Nalezeno "AI for Good": 1288

The Return of the 90s Web


One of my forever-lessons here on CSS-Tricks is that having your own website and blogging on it is a good idea. It’s probably one of the best decisions I’ve ever made, as it’s been a direct source of fun, career development and, eventually, income. I always chuckle at little...

Everything You Need to Know About FLIP Animations in React


With a very recent Safari update, Web Animations API (WAAPI) is now supported without a flag in all modern browsers (except IE).  Here’s a handy Pen where you can check which features your browser supports. The WAAPI is a nice way to do animation (that needs to be done in JavaScript) because...

CSS :is() and :where() are coming to browsers


Šime Vidas with the lowdown on what these pseudo-selectors are and why they will be useful: :is() is to reduce repetition¹ of parts of comma-separated selectors. :where() is the same, but nothing inside it affects specificity. The example of wrapping :where(:not()) is really great, as now there...

Hundreds of Institutional Investors Send a Good Sign to Bitcoin & Co


The results of a recent survey of 774 institutional investors in the US and Europe confirm that interest in and acceptance of cryptoassets as a new investable asset class is growing, according to Tom Jessop, president of Fidelity Digital Assets. The subsidiary of the US-based mutual fund giant...

The Trickery it Takes to Create eBook-Like Text Columns


There’s some interesting CSS trickery in Jason Pamental’s latest Web Fonts & Typography News. Jason wanted to bring swipeable columns to his digital book experience on mobile. Which brings up an interesting question right away… how do you set full-width columns that...

The Many Bad (and Good!) Patterns for Close Buttons


Manuel Matuzović details 10 bad HTML patterns for a close button. You know, stuff like this: <a class="close" onclick="close()"×</a Why is that bad? There is no href there, so it really isn’t a link (close buttons aren’t links). Not to mention the missing href makes this...

Are You a Developer?


“You’re not really a developer. Sooner or later people are going to realize you don’t know what you’re talking about. You’re just not good enough.” You’ve probably had thoughts like these at one point or another. You’ve never heard someone else tell you that you’re not a developer, but you’re still...

A Guide to the Responsive Images Syntax in HTML


This guide is about the HTML syntax for responsive images (and a little bit of CSS for good measure). We'll go over srcset and , plus a whole bunch of things to consider to help you get the best performance and design control from your images. The post A Guide to the Responsive Images Syntax...

CSS Tips for New Devs


Amber Wilson has some CSS Tips for New Devs, like: It’s not a good idea to fix shortcomings in your HTML with CSS. Fix your HTML first! And… You can change CSS right in your browser’s DevTools (to open them, right-click the browser window and choose “inspect”...

Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects


I was reading Anna Kaley’s “Listboxes vs. Dropdown Lists” post the other day. It’s a fairly straightforward comparison between different UI implementations of selecting options. There is lots of good advice there. Classics like that you should use radio buttons (single...

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

Using CSS Masks to Create Jagged Edges


I was working on a project that had this neat jagged edge along the bottom of a banner image. Looking sharp… in more ways than one. It’s something that made me think for a second and I learned something in the process! I thought I’d write up how I approached it so you can use it on your...

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