Major performance gains are to be had from browser caching CSS. You ensure your server is set up to send headers that tell the browser to hang onto the CSS file for a given amount of time. It’s a best-practice that many if not most sites are doing already. Hand-in-hand with browser caching is cache busting. Say ...
Say you have a time you’d like to display on your site. You’ve entered it in your time zone. You can always be specific and say something like: 3:00 PM Eastern Standard Time. Then leave it up to whoever is reading to convert it to their local time. Every Time Zone is a great site for that. But it can be nic...
We’ve taken an in-depth look at how SVG line drawing works before. It’s a clever trick where you use dashed lines for the stroke, but the gap in the dash is so long it covers the entire path. Then you can move it such that it covers the entire path again, which makes it appear as if it’s drawing itsel...
There is a great scene in Cold Mountain where Inman, who is AWOL from the army in The Civil War, is walking through the woods on a horse opposite Bosie, the deputy charged with catching people like Inman. The two are at a gunpoint standoff:Bosie: Tell you what I got on my side. Inman: What have you got on your side? ...
Creating CSS animations may be about learning the syntax, but mastering a beautiful and intuitive-feeling animation requires a bit more nuance. Since animations command so much attention, it’s important to refine our code to get the timing right and debug things when they go wrong. After tackling this problem mys...
These are both things that you do to assets on your website (things like .css files and .js files). They are both things that reduce the size of the file, making it more efficient in crossing the network between servers and browsers. As in, good for performance. The network is the speed bottleneck of the web and reduci...
There is some sentiment out there that front end development isn’t real development. It’s a swaggering, trollish sentiment. Still, it’s fun to puff our chests back sometimes. Let’s try to put a point on why front end development is every bit as difficult and worthy of the title as any other subs...
The following is a guest post by Ben Simmons (@bdsimmons15). Ben gives us a hand here in wrapping our heads around how to think about approaching animations on a website using Angular. Angular has a helper module for animation, but doesn’t actually do the animation for you. Which turns out to be pretty smart.An...
The following is a guest post by Thomas McGee (@ThomasEMcGee) from Writely Designed. Thomas has found that having the ability to do parent/child tags in WordPress can be useful. But, you’ll have to do some work if you want to do it, since WordPress doesn’t offer this by default.WordPress tags are pivotal ...
Let’s say there are rumblings from the deep (read: early Editor’s Drafts of potential future web tech specifications) that demonstrate some potential future code syntax. Say that syntax looks pretty awesome and we want it to be useable right now. That’s the idea behind some preprocessing these days. ...
Recent Comments