Search
Centering: The Newest Coolest Way vs. The Oldest Coolest Way
20.6.2018
This isn't a comprehensive guide to centering things. We have that!
This is just a little observation about old and new. One of the trickier things related to centering in CSS is when you need to center both vertically and horizontally and you don't know the width or height of what you...
The Four Big Ways Jetpack Helps with Image Performance
19.6.2018
We've been working with Jetpack around here as a sponsor. It's a great match because as someone with a bunch of self-hosted WordPress sites, Jetpack is one of those no-brainer plugins for me. Jetpack can do a ton of good things for any site in a variety of very different ways. Here's one way...
Your Brain on Front-End Development
13.6.2018
Part of the job of being a front-end developer is applying different techniques and technologies to pull of the desired UI and UX. Perhaps you work with a design team and implement their designs. I know when I look at a design (heck, even if I know I'm not going to be building it), my front-end...
Collective #422
7.6.2018
G6 * Priority Nav Scroller * CORS * Sketch.systems * 10 Things I Regret About Node.js * Supercraft * The History of Connection
Collective #422 was written by Pedro Botelho and published on Codrops
Manipulating Pixels Using Canvas
7.6.2018
Modern browsers support playing video via the <video> element. Most browsers also have access to webcams via the MediaDevices.getUserMedia() API. But even with those two things combined, we can’t really access and manipulate those pixels directly.
Fortunately, browsers have a Canvas...
HSL() / HSLa() is great for programmatic color control
1.6.2018
If you ever need to hand-manipulate a color in native CSS, HSL is pretty much the only way. HSL (the hsl() and hsla() functions in CSS) stands for hue, saturation, lightness, and optionally, alpha. We've talked about it before but we can break it down a little more and do some interesting things...
The State of Changing Gradients with CSS Transitions and Animations
1.6.2018
Back in 2012, Internet Explorer 10 came out and, among other things, it finally supported CSS gradients and, in addition to that, the ability to animate them with just CSS! No other browser supported this at the time, but I was hopeful for the future.
Sadly, six years have passed and nothing...
Node.js Cron Jobs By Examples
30.5.2018
Ever wanted to do specific things on your application server at certain times without having to physically run them yourself. You want to spend more of your time worrying about productive tasks ins
Unicode Patterns
18.5.2018
These Unicode patterns by Yuan Chuan are extraordinarily clever. It's a <css-doodle> custom web component that sets up a CSS grid and randomizes what character to drop into a cell and things, like color.
See all their gorgeous work on CodePen and the very cool <css-doodle> website...
Responsive tables, revisited
16.5.2018
Lea Verou with some extra super fancy CSS trickery. No way we could miss linking this one up!
One of the problems with responsive table solutions, at least the ones where you are using CSS to rejigger things, is that there is duplicated content somewhere. Either in CSS or HTML.
Lea finds two ways...
A Strategy Guide To CSS Custom Properties
16.5.2018
CSS preprocessor variables and CSS custom properties (often referred to as "CSS variables") can do some of the same things, but are not the same.
Practical advice from Mike Riethmuller:
If it is alright to use static variables inside components, when should we use custom properties? Converting...
designsystems.com
15.5.2018
The team at Figma has created a new resource for “learning, creating and evangelizing design systems” called Design Systems that already has a good collection of interviews and articles by some folks thinking about these things.
I particularly liked Jeroen Ransijn’s post on how to convince your...
Five of My Favorite Features of Jetpack
15.5.2018
Jetpack is an official WordPress plugin directly from Automattic. It's an interesting plugin in that it doesn't just do *one thing* — it does a whole slew of things that enhance what your WordPress site can do. *Any* WordPress site, that is, and often with extremely little effort. Those easy...
Decorating lines of text with box-decoration-break
8.5.2018
An institution’s motto, an artist’s intro, a company’s tagline, a community’s principle, a service’s greeting… all of them have one thing in common: they’re one brief paragraph displayed on a website’s home page — or at least the about page!
It’s rare that just one word or one line of text...
Understanding React `setState`
25.4.2018
React components can, and often do, have state. State can be anything, but think of things like whether a user is logged in or not and displaying the correct username based on which account is active. Or an array of blog posts. Or if a modal is open or not and which tab within it is active.
React...
Choosing a Responsive Email Framework: MJML vs. Foundation for Emails
20.4.2018
Implementing responsive email design can be a bit of a drag. Building responsive emails isn’t simple at all, it is like taking a time machine back to 2001 when we were all coding website layouts in tables using Dreamweaver and Fireworks.
But there's hope! We have tools available that can make...
4 Things Every Progressive Web App Must Have
5.4.2018
A Progressive Web App (PWA) is a web app that uses modern web capabilities to deliver an app-like experience to users. It looks and behaves as if it is a mobile app and can be kinda installed. In t
How to Optimize Node Requests with Simple Caching Strategies
29.3.2018
One of the things that affect how users interact with our applications is its speed. Even though some users generally have a poor connection, they are expecting some minimum level of speed when usi
TOP virály týdne: Apple na druhou
27.11.2017
Dvakrát Apple, dva herci ze Stranger Things, hodně dotazů a hodně triků s láhví od vody – to jsou aktuální TOP virály týdne! Apple nechal zasněžit část Prahy Apple natočil svou vánoční reklamu v Praze už v září. Umělý sníh má za úkol nalákat zákazníky na nový iPhone X a… Číst dále
Příspěvek...
TOP virály týdne: Samsung se vysmívá Applu
13.11.2017
Vybrali jsme pět pár dní starých videí, která stojí za to vidět. Samsung se vysmívá Applu Samsung je jako ten otravný kamarád, který každoročně sleduje všechny novinky kolem vydání iPhonu, aby se potom mohl Applu vysmívat na těch internetech. Takový kamarád by měl udělat jedno: dospět. Monstrózní...