Search

Nalezeno "more": 9200

Do This to Improve Image Loading on Your Website


Jen Simmons explains how to improve image loading by simply using width and height attributes. The issue is that there’s a lot of jank when an image is first loaded because an img will naturally have a height of 0 before the image asset has been successfully downloaded by the browser. Then it needs...

monica.css


Monica Dinculescu: I don’t want every possible padding and margin and colour and flexbox configuration in the world. I just want the ones that I know I end up using in every project. So here is monica.css: my very own CSS framework, which I copy paste at the beginning of every CSS file and take...

50m-User Chat App Kakao Delays Its Crypto Wallet + More News


A screenshot of the KakaoTalk chat app. Crypto Briefs is your daily, bite-sized digest of cryptocurrency and blockchain-related news – investigating the stories flying under the radar of today’s crypto news. Adoption news The Kakao Group’s KakaoTalk chat app-linked crypto wallet Klip will debut...

Understanding Web Accessibility Color Contrast Guidelines and Ratios


What should you do when you get a complaint about the color contrast in your web design? It might seem perfectly fine to you because you’re able to read content throughout the site, but to someone else, it might be a totally different experience. How can put yourself in that person’s shoes...

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

Mike Bloomberg’s 2020 Finance Policy Proposes Strict Bitcoin Regulations


The 2020 U.S. Presidential candidate Michael Bloomberg addressed the subject of cryptocurrencies and initial coin offerings (ICO) in his recently published Financial Reform Policy. Bloomberg wants more “regulatory oversight” when it comes to this promising technology, claiming he sees...

Centering a div That Maintains Aspect-Ratio When There’s Body Margin


Andrew Welch had a little CSS challenge the other day to make an ordinary div: • centered vertically + horizontally• scales to fit the viewport w/ a margin around it• maintains an arbitrary aspect ratio• No JS There's a video in that tweet if it helps you visualize the challenge. I saw Paul...

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

Expect More Volatility in Bitcoin, Retail is Most Bullish - Analysts


We may have just seen the tip of the iceberg in terms of volatility to come this quarter, two new reports suggest, while leaving the door open for the possibility that lower volatility could be a new normal for the bitcoin (BTC) market. According to the January 2020 Volatility Report from...

Web Component for a Code Block


We'll get to that, but first, a long-winded introduction. I'm still not in a confident place knowing a good time to use native web components. The templating isn't particularly robust, so that doesn't draw me in. There is no state management, and I like having standard ways of handling that. If...

Europeans Launch Bitcoin Friendly POS Terminal + More News


Crypto Briefs is your daily, bite-sized digest of cryptocurrency and blockchain-related news – investigating the stories flying under the radar of today’s crypto news. Adoption news Payment solutions provider Ingenico has teamed up with Austrian fintech firm Salamantex to release a new POS terminal...

Moving from Vanilla JavaScript to a Reusable Vue Component


I recently wrote an article explaining how you can create a countdown timer using HTML, CSS and JavaScript. Now, let’s look at how we can make that a reusable component by porting it into Vue using basic features that the framework provides. Why do this...

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

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