Search

Nalezeno "Perfect Crowd": 302

Editing HTML Like A Boss In VS Code

16.9.2020
Here’s a seven minute video from Caleb Porzio that focuses on some of Emmet‘s HTML editing features. You might think of Emmet as that thing that expands abbreviations like table.stats>tr*3>td*3 into glorious, expanded, and perfect HTML. But Emmet has other HTML editing trickery...

A Community-Driven Site with Eleventy: Preparing for Contributions

19.8.2020
I’ve recently found myself reaching for Eleventy (aka 11ty) above all other tools when I want to develop a website. It’s hard to beat a static site generator that provides advanced templating opportunities while otherwise getting out of your way and allowing you to just create. One...

Nailing the Perfect Contrast Between Light Text and a Background Image

7.8.2020
Have you ever come across a site where light text is sitting on a light background image? If you have, you’ll know how difficult that is to read. A popular way to avoid that is to use a transparent overlay. But this leads to an important question: Just how transparent should that overlay...

How to Get All Custom Properties on a Page in JavaScript

8.6.2020
We can use JavaScript to get the value of a CSS custom property. Robin wrote up a detailed explanation about this in Get a CSS Custom Property Value with JavaScript. To review, let’s say we’ve declared a single custom property on the HTML element: html {   --color-accent: #00eb9b; } In JavaScript...

Block Links: The Search for a Perfect Solution

25.5.2020
I was reading this article by Chris where he talks about block links — you know, like wrapping an entire card element inside an anchor — being a bad idea. It’s bad accessibility because of how it affects screen readers. And it’s bad UX because it prevents simple user tasks, like selecting text. But...

„Pixel perfect“ by měl být zakázaný výraz

20.5.2020
Nepoužívejme prosím ve webdesignu spojení „pixel perfect“, když mluvíme o kvalitách návrhu nebo kódování webu. Je to výraz zastaralý, nesmyslný a degradující dobré designéry i kodéry

Accessibility Links

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

Fluid Width Video

11.3.2020
IN A WORLD of responsive and fluid layouts on the web, ONE MEDIA TYPE stands in the way of perfect harmony: video. There are lots of ways in which video can be displayed on your site. You might be self-hosting the video and presenting it via the HTML5 <video tag. You might...

Responsive Grid Magazine Layout in Just 20 Lines of CSS

25.2.2020
I was recently working on a modern take of the blogroll. The idea was to offer readers a selection of latest posts from those blogs in a magazine-style layout, instead of just popping a list of our favorite blogs in the sidebar. The easy part was grabbing a list of posts with excerpts from...

CoinJar: A Perfect Partner For Crypto Transactions

23.2.2020
Cryptocurrencies have successfully completed a decade of run in the financial space. What was introduced as a means of payment settlement during the time of the global recession, has now become an unprecedented part of an array of industrial domains. Today, the most renowned names of the business...

CoinJar: A Perfect Partner For Crypto Transactions

23.2.2020
Cryptocurrencies have successfully completed a decade of run in the financial space. What was introduced as a means of payment settlement during the time of the global recession, has now become an unprecedented part of an array of industrial domains. Today, the most renowned names of the business...

Footnote Characters

20.2.2020
They are special superset numbers that are sometimes perfect for footnotes. Here they are: ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ I generally prefer to superscript the number myself, like: <pThis next word<sup1</suphas a footnote.</p You'd probably add an anchor link around that as well to link to an...

Practice GraphQL Queries With the State of JavaScript API

29.1.2020
Learning how to build GraphQL APIs can be quite challenging. But you can learn how to use GraphQL APIs in 10 minutes! And it so happens I've got the perfect API for that: the brand new, fresh-of-the-VS-Code State of JavaScript GraphQL API. The State of JavaScript survey is an annual survey of...

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