Search

Nalezeno "LiNK": 2492

Same HTML, Different CSS


Ahmad Shadeed covers the idea of a card component that has a fixed set of semantic HTML with some BEMy classes on it. There is a title, author, image, and tags. Then he redesigns the card into five totally different designs without touching any of the HTML just the CSS. If this is an ah-ha moment...

Solving Sticky Hover States with @media (hover: hover)


Mezo Istvan does a good job of covering the problem and a solution to it in a blog post on Medium¹. If you tap on something that has a :hover state but you don't leave the page then, on a mobile device, there is a chance that :hover state "sticks." You'll see this with stuff like jump-links used...

Blame the implementation, not the technique


I'm not sure we've gotten much better at this since Tim Kadlec wrote this in 2012: Stop me if you’ve heard this one before. “Responsive design is bad for performance.”“User agent detection is bad. Don’t segment the web.”“Hybrid apps don’t work as well as native apps.”“CSS preprocessors shouldn’t...

Listen to your web pages


A clever idea from Tom Hicks combining MutationObserver (which can "observe" changes to elements like when their attributes, text, or children change) and the Web Audio API for creating sounds. Plop this code into the console on a page where you'd like to listen to essentially any DOM change...

India’s Election Commission Developing Blockchain System for Voting


The Election Commission of India is collaborating with the Indian Institute of Technology to develop a blockchain system for voting, the Chief Election Commissioner has reportedly revealed. The new system aims to allow Indians to vote even when they are away from their hometowns. Furthermore,...

The Unseen Performance Costs of Modern CSS-in-JS Libraries


This article is full of a bunch of data from Aggelos Arvanitakis. But lemme just focus on his final bit of advice: Investigate whether a zero-runtime CSS-in-JS library can work for your project. Sometimes we tend to prefer writing CSS in JS for the DX (developer experience) it offers, without...

A Headless CMS for You and Your Web Development Agency


(This is a sponsored post.) Storyblok is a headless but component-based CMS with a built-in live-preview. You can use it for building fast and reliable websites and power native apps with your favorite technology. Let us start with the basics and what a headless CMS is: A headless content...

2020 Stack


In an article with the most clickbaity article ever, Joe Honton does a nice job of talking about the evolving landscape of web development. "Full-stack" perhaps had its day as a useful term, but since front-end development touches so many parts of the stack now, it's not a particularly useful term....

Altcoin Season Trending – LINK, XTZ, BSTX, HBAR Gain Up to 120% in 24h


The last few days have shown bullish price activity across the list of top cryptocurrency markets. There’s been a lot of focus on coins like BTC, ETH, BCH, and EOS, but digital assets like HBAR (120%), STX (52%), XTZ (20%) and LINK (13%) have seen much larger gains this week. The cryptoconomy...

Toward Responsive Elements


Hot news from Brian Kardell, regarding what we've been referring to as "container queries", the most hotly requested feature in CSS: There does seem to be some general agreement on at least one part of what I am going to call instead "Responsive Design for Components" and that is that flipping...

Neumorphism.io


I was sort of making fun of neumorphism the other day. I don't actually care that much. I mostly just think it only works on some flat colored backgrounds, mostly really light colors, and somehow that feels weirdly limiting. (nope, sure, sure, nope 🤷‍♂️). Anyway,...

SFTP & Database Access on WordPress.com


(This is a sponsored post.) Wait what? That's right, direct access to the files and data storage that power your site on WordPress.com, just like you have if you self-host a WordPress site. You can read their announcement here. Note this is for Business and eCommerce plans only. All you have to...

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