Search
Random Day in the Life of a Developer
11.7.2018
Yesterday, I started going through my email as soon as I got to work. I always start my day with email. I kinda like email. I read some interesting things in keeping up with the industry. I deal with some business things. I handle with some personal things. I make a note of the most important stuff...
CSS Grid in IE: Debunking Common IE Grid Misconceptions
2.7.2018
This is the first in a three-part series all about how to use CSS grid in a way that will work not only in modern browsers but also in Internet Explorer (IE). Imagine writing CSS grid code without having to write a fallback layout! Many of us think that this is some far off future that is many...
Empower Through Web Development
28.6.2018
As a person with a disability, I appreciate the web and modern-day computing for their many affordances. The web is a great place to work and share and connect. You can make a living, build your dream, and speak your mind.
It’s not easy, though. Beginners struggling with the box model often take...
Free E-book: Modernize for Mobile Apps
28.6.2018
(This is a sponsored post.)
No sign up required to read the free e-book.
Building modern apps (mobile, PWAs or Single Page Apps) that connect to legacy or enterprise systems is a pain. We put together an e-book that discusses the various options for how to make it all work. Here are some of...
What the heck is "Script error?"
22.6.2018
If you’ve done any work with the JavaScript onerror event before, you’ve probably come across the following:
"Script error."
“Script error” is what brows
Balancing Time
22.6.2018
I first wrote this post four years ago. I put it on a blog that no longer exists. Funnily enough, I still refer to it myself, so I figured it might be best served in a place where other people can see it. I've made only a few minor tweaks to the original content. A lot about how I work has changed...
Using Custom Fonts With SVG in an Image Tag
21.6.2018
When we produce a PNG image, we use an <img> tag or a CSS background, and that's about it. It is dead simple and guaranteed to work.
PNG is way simpler to use in HTML than SVG
Unfortunately, the same cannot be said for SVG, despite its many advantages. Although you're spoiled for choices...
Building a RSS Viewer With Vue: Part 2
19.6.2018
Welcome to Part 2 of this mini-series on building a RSS viewer with Vue. In the last post, I walked through how I built my demo using Vue.js and Vuetify on the front end and Webtask on the back end. When I built that initial version, I knew it was exactly thatmdash;an "initial" version. I took some...
Collective #424
14.6.2018
Generative artistry * Gifdancer * Sonar * Polly.js * CSS Micro Reset * Gradient Joy * Making Web Components Work
Collective #424 was written by Pedro Botelho and published on Codrops
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...
A Quick Roundup of Recent React Chatter
12.6.2018
Like many, many others, I'm in the pool of leveling up my JavaScript skills and learning how to put React to use. That's why Brad Frost resonated with me when he posted My Struggle to Learn React."
As Brad does, he clearly outlines his struggles point-by-point:
I have invested enough time...
Češi rozbíhají Coworkbooking.com, cílí na digitální nomády po celém světě
12.6.2018
Trojice Čechů Jiří Opletal, Marek Tůma a Jan Dohnal v pondělí spustila portál Coworkbooking.com – globální platformu pro rezervaci pracovních míst v coworkingových prostorách. Má propojovat digitální nomády, coworkingová centra a firmy z více než 800 měst po celém světě. Uživatel si jednoduše...
console.logTime
7.6.2018
I work on a really complex debugger at Mozilla but, and don’t tell my colleagues, I sometimes enjoy simply using console.log and other console commands to get some simple output. I know, I know, but hey — whatever gets the job done. A few years ago I detailed console.time...
console.timeLog
7.6.2018
I work on a really complex debugger at Mozilla but, and don’t tell my colleagues, I sometimes enjoy simply using console.log and other console commands to get some simple output. I know, I know, but hey — whatever gets the job done. A few years ago I detailed console.time...
Developing a design environment
28.5.2018
Jules Forrest discusses some of the work that her team at Credit Karma has been up to when it comes to design systems. Jules writes:
...in most engineering organizations, you spend your whole first day setting up your development environment so you can actually ship code. It’s generally pretty...
Solving Life’s Problems with CSS
28.5.2018
Or: When all you have is a CSS hammer, the world looks like a CSS nail.
Whenever I hear a perfectly nice comment like, "Yeah, representing the tech field!" in response to my pure-CSS art, I get a sharp feeling of panic.
Like many people who work on UIs for a living, I have difficulty applying...
Service Worker Cookbook
25.5.2018
I stumbled upon this site the other day from Mozilla that’s a collection of recipes to get started with a Service Worker — from caching strategies and notifications to providing an offline fallback to your users, this little cookbook has it all.
You can also check out our guide to making...
Just a Couple’a Fun Typography Links
22.5.2018
Marcin Wichary made an incredible demo exploring "segmented type" as in, the kind you might see on a display like a microwave, but scaling up in complexity from there.
"Datalegreya is a typeface which can interweave data curves with text."
Airbnb commissions their own new font, Cereal (complete...
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...
How React Reconciliation Works
17.5.2018
React is fast! Some of that speed comes from updating only the parts of the DOM that need it. Less for you to worry about and a speed gain to boot. As long as you understand the workings of setState(), you should be good to go. However, it’s also important to familiarize yourself with how this...