Search

Nalezeno "org": 520

Uses This


A little interview with me over on Uses This. I'll skip the intro since you know who I am, but I'll republish the rest here. What hardware do you use? I'm a fairly cliché Mac guy. After my first Commodore 64 (and then 128), the only computers I've ever had have been from Apple. I'm...

Practice GraphQL Queries With the State of JavaScript API


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

Use and Reuse Everything in SVG… Even Animations!


If you are familiar with SVG and CSS animations and started to work with them often, here are some ideas you might want to keep in mind before jumping into the job. This article will be about learning how to build and optimize your code with <use> element, CSS Variables and...

Flexible Captioned Slanted Images


The end result of Eric Meyer's tutorial on creating this row of slanted images is pretty classy. But it's more about the journey than the destination (there isn't even really an isolated demo for it). Eric does an amazing job at talking it through like a thought process. We did that recently, only...

Building Multi-Directional Layouts


There are some new features in CSS that can assist us with building layouts for different directions and languages with ease. This article is about CSS logical properties and values (e.g. margin-inline-start).  These are a W3C working draft that still going under heavy editing, but have...

JAMstack vs. Jamstack


It's just a word to evoke the idea that serving as much as you can statically while using client-side code and hitting serverless APIs for any needs after that. The "official website" changed their language from JAMstack (evoking the JavaScript, APIs, and Markup acronym) to Jamstack. It's nothing...

Getting Started with Front End Testing


Amy Kapernick covers four types of testing that front-end devs could and should be doing: Linting (There's ESLint for JavaScript and Stylelint or Prettier for CSS.) Accessibility Testing (Amy recommends pa11y, and we've covered Axe.) Visual Regression Testing (Amy recommends Backstop, and we've...

The Modern Lovers


I love stuff like this. The Modern Lovers, a rock band in the 70's, play a show in Boston, probably having some poster of their own for the show. Mike Joyce is inspired by the music and combines his love of it with the design style of Swiss Modernism to create a new poster for it. Pete Barr...

Timeless Web Dev Articles


Pavithra Kodmad asked people for recommendations on what they thought were some of the most timeless articles about web development that have changed their perspective in some way. Fun! I'm gonna scour the thread and link up my favorites (that are actually articles, although not all of them...

How We Tagged Google Fonts and Created goofonts.com


GooFonts is a side project signed by a developer-wife and a designer-husband, both of them big fans of typography. We’ve been tagging Google Fonts and built a website that makes searching through and finding the right font easier. GooFonts uses WordPress in the back end...

How many CSS properties are there?


Tomasz Łakomy posted a joke tweet about naming all the CSS attributes and Tejas Kumar replied with a joke answer, going as far as making an npm module. You can even run a terminal command to see them: npx get-all-css-properties You'll get 259 of them. The source code uses the website quackit.com...

Netlify High-Fives


We've got Netlify as a sponsor around here again this year, which is just fantastic. Big fan. Our own Sarah Drasner is Head of DX (Developer Experience) over there, if you hadn't heard. And if you haven't heard of Netlify, well, you're in for a treat. It's a web host, but for your jamstack sites...

Understanding Async Await


When writing code for the web, eventually you'll need to do some process that might take a few moments to complete. JavaScript can't really multitask, so we'll need a way to handle those long-running processes. Async/Await is a way to handle this type of time-based sequencing. It’s especially great...

Microbrowsers are Everywhere


The word "microbrowser" clearly got my attention. Never heard that before. Colin Bendell defines them as the little parts of other software that do HTTP requests to a URL to generate a preview. Like the little URL preview in iOS messages, WhatsApp, or Slack. I'm a tiny bit skeptical of the name...

How to Build Your Resume on npm


Just yesterday, Ali Churcher shared a neat way to make a resume using a CSS Grid layout. Let’s build off that a bit by creating a template that we can spin up whenever we want using the command line. The cool thing about that is that you’ll be able to run it with just one command. I know...

Gatsby and WordPress


Gatsby and WordPress is an interesting combo to watch. On one hand, it makes perfect sense. Gatsby can suck up data from anywhere, and with WordPress having a native REST API, it makes for a good pairing. Of course Gatsby has a first-class plugin for sourcing data from WordPress that even supports...

A Whole Bunch of Places to Consider Contrast in a Single Paragraph


When we're thinking about choosing colors in design, we're always thinking about accessibility. Whenever colors touch, there is contrast and, if we're talking about the color contrast of text, it needs to be high enough to be readable. This benefits people with a variety of visual disabilities,...

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