Search
Vertically Centering with Flexbox
8.5.2018
Vertically centering sibling child contents is a task we’ve long needed on the web but has always seemed way more difficult than it should be. We initially used tables to accomplish the task, then moved on to CSS and JavaScript tricks because table layout was horribly inefficient —...
React and autofocus
7.5.2018
While I love ReactJS, I can say that I sometimes find interactions that were easy during the pre-ReactJS are annoyingly difficult or at least “indirect”. One example is properly ensuring that a given <input> element gets focused when a button in a different component...
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...
IP Geolocation with ipstack (Sponsored)
2.5.2018
Knowing where your web visitor is located is an incredible advantage to any website; you can show relative content like maps, pricing, and availability, output your content in their likely language, etc — I cannot overstate how useful that information is. Of course we have the HTML5...
Change Python Version
1.5.2018
Python plays a major role at Mozilla; much of our website backends and tooling are written in the powerful language. Want to build Firefox? You’ll need to make sure you have the proper Python version, which I recently found out had been upgraded. Despite installing and verifying I had...
Reset File Changes with git
25.4.2018
There are many different philosophies when it comes to code review but mine is fairly simple: I like receiving early “work in progress” patches, I like to be positive in my code review messages, and if a patch is 90% there, I like to finish the patch myself so the project...
DDoS Protection by Incapsula (Sponsored)
24.4.2018
DDoS protection is an incredibly important protection for sites that require dependability, regardless of the service your site provides. Whether your online product or service is for managing money, buying or selling crypto, or simply sharing your tech nerdery (like this blog), there’s...
Script & Style Show: Episode 8: Conferences
22.4.2018
On this episode: David turns carmudgeon when it comes to conferences. The crew talks about different conferences, pitfalls of going to a conference, and most importantly, how to be successful at a conference. Enjoy!
The post Script & Style Show: Episode 8: Conferences appeared first...
Build an Amazon-Like Product Preview App using Vue.js
19.4.2018
If you have ever used online stores like Amazon or eBay, you have definitely used the preview feature. It shows you images or videos of the product so you know what to expect before making a purcha
Creating Spacers with Flexbox
18.4.2018
I was one of the biggest fans of flexbox before it hit but, due to being shuffled around at Mozilla, I never had the chance to use it in any practice project; thus, flexbox still seems like a bit of a mystery to me. This greatly pains me because I feel left out of the […]
The post Creating...
Script & Style Show: Episode 7: Open Source with Ashley Grant
14.4.2018
On this week’s episode we welcome Ashley Grant of Aurelia fame to talk about open source: the good, the bad, the ugly, and the scary. Enjoy!
The post Script & Style Show: Episode 7: Open Source with Ashley Grant appeared first on David Walsh Blog
WebGL Distortion Hover Effects
10.4.2018
A little library that can be used for creating WebGL powered distortion hover effects using displacement images.
WebGL Distortion Hover Effects was written by Robin Delaporte and published on Codrops
The Dark Side of Promises
9.4.2018
Since the release of es6 many new features have found their way into NodeJS, but non had quite the same impact as promises. Promises have been developed for the browser before es6 was even a thing. There were several implementations that have been used like jQuery’s deferred object before...
Script & Style Show: Episode 6: Debugging with Jason Laster
7.4.2018
On this week’s episode: we welcome my colleague Jason Laster from Mozilla to speak about the Firefox DevTools debugger. We talk debugging, console shame, the future of JavaScript debuggers, and more! Have ideas for the next episode? Comment below!
The post Script & Style Show: Episode...
Collective #404
5.4.2018
Creating Themeable Design Systems * Lazy Loading Images and Video * Introduction to HTML * Streamline Emoji * Perlin Noise * Generated Maps
Collective #404 was written by Pedro Botelho and published on Codrops
Destructuring and Function Arguments
3.4.2018
The JavaScript language has benefitted from some really awesome new features over the past few years, including arrow functions, the spread operator, and default function argument values. Even if your browser doesn’t yet support proposed JavaScript API syntax additions, you can use a tool...
Script & Style Show: Episode 5: Q&A
1.4.2018
On this week’s episode: Todd’s back from vacation while David’s knee-deep in a Firefox Debugger breakpoint UI update. We eventually move on to viewer questions that range form JavaScript knowledge, the Array.flatten controversy, front-end testing (TDD vs. BDD), and mastering...
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...
Set a Default Push Remote with git
27.3.2018
During my early days of git usage, my config allowed me to simply type git push instead of git push {origin} {branch_name} which I need to now. Up until recently I needed to type out the long version…(I know)…which was incredibly annoying because I like using detailed branch names....
5 Crucial Concepts for Learning d3.js and How to Understand Them
23.3.2018
You may have already heard about d3.js, the dazzling JavaScript library that lets you create beautiful charts and graphics with just a few lines of code. You might have seen some of the fantastic examples of D3 in action, or you may have heard that the New York Times uses it to create...