On Our Radar This Week: Google, Build Tools and Debugging in the BrowserBy James Hibbard
Welcome to the next installment of On Our Radar, a weekly round-up of news, trends and other cool stuff from the world of web development.
There sure has been a lot going on recently: Jeff Bezos unveiled Amazon’s first smartphone, ‘rebeccapurple’ was officially added to CSS Color Level 4, and it was announced that HTML5 may be on track for W3C Finalization by the year’s end – will wonders ever cease? In other news, Microsoft debuted a pair of trousers that can wirelessly charge mobile devices, the World Cup got its own API and Google began testing a domain registration service.
Staying with the company whose corporate motto is “Don’t be evil”, Google this week announced an independent “fork” of OpenSSL, the widely used cryptography library that came to international attention following the Heartbleed vulnerability. They also launched “Made with Code”, an initiative to encourage more girls to code, then put their money where their mouth is with a $50m pledge! Version 1.3 of the Go programming language (originally developed by three Google engineers) was also released. It promises faster compile times and targets Google’s experimental NaCl cross-platform technology.
As if that wasn’t enough, here’s more Google goodness (including two Go based tutorials):
- Go: Building Web Applications with Beego
- Go, Colourspace, and All the RGB Colours in One Image
- Web Fundamentals and Web Starter Kit: Resources for Modern Web Development
- Google Chrome Hegemony (extra points if you know what one of those is)
- 19 Hidden Chrome Features That Will Make Your Life Easier
And if that wasn’t enough, Google I/O (Google’s annual developer conference) took place this week, where they launched a new smartwatch and other Android Wear products ahead of Apple. You can find an extensive summary of what else was unveiled here.
Enough about Google already? Ok, let’s move on …
Keeping your skills up-to-date is a constant challenge in this fast-paced industry, so here’s a selection of articles and tutorials to help you do exactly that:
- Getting It Right by Betting on Wrong
- Enable PhpMyAdmin’s Extra Features
- Minimalist Newsletter Subscription Form
- Shared Terminology Yet Different Concepts Between Ember.js and Rails
- The Humble Button Element
- Why Every Language Needs Its Underscore
And if all that talk of “dependency injection” and the “open/closed principle” went whizzing over your head – don’t worry! Here’s a bonus video which does a great job of explaining things such as “event-loops”, “callbacks” and “concurrency”.
Buzzword of the Week – Build Tools
There are a slew of build tools out there and sometimes it’s hard to know which one to use. Never fear! Here is a selection of articles that will hopefully make the decision easier:
- Grunt for People Who Think Things Like Grunt are Weird and Hard
- 5 Grunt Tasks You Won’t Want to Miss!
- Building Your First Grunt Plugin
- Building With Gulp
- Getting Started with Browserify
- jQuery: Using Only What You Need
And as a final tip: the jQuery core team uses this handy Grunt task to see the file size impact of each change.
While we’re on the subject of web development tools, let’s turn our attention to those which come built in to your browser. Whether dealing with layout issues, editing audio, or building an entire web app, we’ve got you covered.
- Inspect Element & Trouble Shooting CSS in the Browser
- Secrets of the Browser Developer Tools
- Mozilla brings Web app dev inside the browser with WebIDE
- WebIDE Lands in Nightly
- What’s New in Firebug 2.0
- Introducing the Web Audio Editor in Firefox Developer Tools
After so much talk of tools and streamlining your workflow, let’s even things out with links to some amusing and random sites which are guaranteed to drain your newfound productivity.
- 70 of the Most Useful Websites on the Internet
- Runpee – because movie theaters don’t have pause buttons
- The Useless Web
- Stephen Colbert reviews the “Yo” smartphone app
- How to insult your boss without them finding out (Code Golf)
And that’s just about it for this week. I’ll leave you with the news that the long overdue redesign of caniuse.com is all but finished, a discussion on the fact that disability isn’t binary and a report on the birthday paradox at the World Cup (which should keep my mathematically minded co-author happy).
So what do you think about the current happenings in Google? Do you use build tools such as Grunt or Gulp or are they a waste of time? Do you have any tips or tricks for your favorite browser tools that you want to share? Let us know and the conversation can begin.