Search
Where Lines Break is Complicated. Here’s all the Related CSS and HTML.
9.5.2018
Say you have a really long word within some text inside an element that isn't wide enough to hold it. A common cause of that is a long URL finding it's way into copy. What happens? It depends on the CSS. How that CSS is controlling the layout and what the CSS is telling the text to do.
This...
Overriding Default Button Styles
9.5.2018
There are a variety of "buttons" in HTML. You've got:
<button>Button</button>
<input type="button" value="Button">
Plus, for better or worse, people like having links that are styled to match the look of other true buttons on the site
<a href="#0"...
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...
VS Code Can Do That?
7.5.2018
Clever microsite from Burke Holland and Sarah Drasner that highlights some of VS Code's coolest features. All fifteen of them are pretty darn cool. Here's a few other compelling features I've seen people use/love:
There is a terminal right in there, so you don't need a separate app.
The GitLens...
Microsites for Case Studies
7.5.2018
A lot of y'all have personal sites. Personal sites with portfolios. Or you work for or own an agency where showing off the work you do is arguably even more important. Often the portfolio area of a site is the most fretted and hard to pull off. Do you link to the live projects? Screenshots?...
CSS Environment Variables
4.5.2018
We were all introduced to the env() function in CSS when all that drama about "The Notch" and the iPhone X was going down. The way that Apple landed on helping us move content away from those "unsafe" areas was to provide us essentially hard-coded variables to use:
padding:
...
Script & Style Show: Episode 9: What’s in the News
4.5.2018
In this episode: David reveals his tree-falling-into-house nightmare, but quickly moves onto recent news, like the massive release of Dojo 2, EU privacy, service workers landing in all major browsers (finally Edge!), this tweet, and more!  
The post Script & Style Show: Episode...
Finger-friendly numerical inputs with `inputmode`
30.4.2018
Forms are often a nightmare on mobile. We can make the process as pain-free as possible by reacting to context. Input fields that expect numerical values should have a numerical UI. Bringing up a number keyboard on small screens is easy on most platforms — just use a <input...
JAMstack Comments
24.4.2018
JAMstack sites are often seen as being static. A more accurate mental model for them would be that they are sites which have the ability to be hosted statically. The difference might seem semantic, but thanks to the rise of many tools and services which simplify running a build and deploying...
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...
Scroll to the Future
19.4.2018
This is an interesting read on the current state of scrollbars and how to control their behavior across operating systems and browsers. The post also highlights a bunch of stuff I didn’t know about, like Element.scrollIntoView() and the scroll-behavior CSS property.
My favorite part of all though?...
Our 20 Favorite Web Dev Comics of All Time
19.4.2018
Brighten up your day at the office with these fun programming comics
List Processing with map, filter, and reduce
11.4.2018
Functional programming in JavaScript is all the rage these days.
And it should be: The benefits for readability, maintainability, and testability are dramatic.
"Functional programmmin
Incapsula Web Application Firewall (Sponsored)
29.3.2018
When I speak with people who have interviewed for front-end jobs at cryptocurrency exchanges, they always tell me how surprised they are that a majority of the interview questions are security-centric. Basic front-end security practices are fair game for all front-end developer interviews...
Building a NodeJS App with MongoDB Atlas and AWS Elastic Container Service – Part 2 (Sponsored)
20.3.2018
It’s that time of year again! This post is part of our Road to AWS re:Invent 2017 blog series. In the weeks leading up to AWS re:Invent in Las Vegas this November, we’ll be posting about a number of topics related to running MongoDB in the public cloud. See all posts here. In my last...
Building a NodeJS App with MongoDB Atlas and AWS Elastic Container Service – Part 1 (Sponsored)
13.3.2018
It’s that time of year again! This post is part of our Road to AWS re:Invent 2017 blog series. In the weeks leading up to AWS re:Invent in Las Vegas this November, we’ll be posting about a number of topics related to running MongoDB in the public cloud. See all posts here. Building apps...
Phone Number Validation with numverify (Sponsored)
6.3.2018
When we think about form validation, phone numbers aren’t the most pressing bit of information to validate, but if the phone number is absolutely critical to your business or application, you’ll want to do all you can to precisely ensure the number is correct. And the truth is most...
Velký test All-in-One PC a herních monitorů v novém Computeru
1.3.2018
Mají herní 144Hz monitory opravdu smysl? • Radíme s koupí projektoru • Nahlédli jsme do světa milovníků leteckých simulátorů
To Serve Man, with Software
31.12.2017
I didn't choose to be a programmer. Somehow, it seemed, the computers chose me. For a long time, that was fine, that was enough; that was all I needed. But along the way I never felt that being a programmer was this unambiguously great-for-everyone career field with zero downsides. There
Je tohle nejmenší hotel na světě? All inklusive ve starém Volkswagenu
16.11.2017
Je tohle nejmenší hotel na světě? All inklusive ve starém Volkswagenu