August 2011
5 posts
Create awesome Javascript function.
Test in Browser X; function works as...
1 tag
Avoiding common HTML5 mistakes →
In this post, I’ll show you some of the mistakes and poor markup practices I often see and explain how to avoid them.
2 tags
10 Javascript Performance Boosting Tips from... →
Nicholas Zakas is a Javascript guru and principle front-end engineer for the Yahoo! homepage. Zakas just announced his new book High Performance JavaScript, which you should order today.
Zakas is pretty much the man when it comes to Javascript performance, and in June he gave a Google Tech Talk entitled Speed Up Your Javascript.
While Javascript optimization is by no means black-and-white,...
July 2011
15 posts
3 tags
HTML5’s Microdata, Search, and the Collaboration... →
One of the most overlooked new features of HTML5 is Microdata. Microdata allows us to more specifically categorize and label our web content in a machine-readable way. Why this is important is because it may positively affect your search results.
1 tag
2 tags
Responsive images right now →
One of the more persistent issues is dealing with images. Resizing an image down to fit a smaller screen does work, but it’s a massive performance hit if your user is having to download a 1000px image to display on her 480px screen. Even if they’re on a super-fast WiFi connection, it makes no sense downloading 1000s of pixels if you can only display a fraction of that.
There have...
1 tag
Lessons Learned: Productivity Tips For Running A... →
It didn’t work out as you expected, did it? The freelance life was supposed to give you more time with the family and free you from that incompetent boss. You even thought you might be better off financially. Instead, you’re working longer hours and under constant stress, worrying about various aspects of your business.
To relieve the pressure of entrepreneurial life and avoid...
Double negative
clientsfromhell:
Client: Can you change it to say “Continue” instead of “Skip?”
Me: Of course! It’s funny, that’s actually what I originally put there but you asked me to change it. It’s nice to be right once in a -
Client: NO! YOU WERE NOT RIGHT! I WAS RIGHT! TWICE!
1 tag
The Latest in HTML →
1 tag
VIM note - delete is an art: All the delete...
jwr:
x delete character under the cursor (short for “dl”)
X delete character before the cursor (short for “dh”)
D delete from cursor to end of line (short for “d$”)
dw delete from cursor to next start of word
db delete from cursor to previous start of word
diw delete word under the cursor (excluding white space)
daw delete word under the cursor (including white space)
dG delete until the...
2 tags
YouTube Redesign Preview, Dubbed ‘Cosmic Panda’ →
cameronmoll:
Another preview of a redesign by Google Inc., this one for YouTube, and it’s difficult to not like the UI improvements.
2 tags
2 tags
Signs of a poorly written jQuery plugin →
So far with every single workshop I’ve given, both for advanced JavaScript and jQuery for Designers, this question (or some variation thereof) has come up:
How do you know if the plugin is good to use?
It’s always dependant on the problem they’re trying to solve, but in lieu of a better jQuery plugin ranking system, here’s a couple of tips that should raise a red...
1 tag
The Node Beginner Book » A comprehensive Node.js... →
The aim of this document is to get you started with developing applications for Node.js, teaching you everything you need to know about “advanced” JavaScript along the way. It goes way beyond your typical “Hello World” tutorial.
2 tags
Some notes about time →
dsable:
Getting hired through creative use of Twitter UI. Nice.
1 tag
Fractal | Email HTML/CSS Validation →
See exactly which lines of code are not supported in over 24 email clients.
Email designers that are tired of trawling through check lists, this is for you.
2 tags
Object-Oriented PHP: Autoloading, Serializing, and... →
In this object-oriented PHP tutorial, you learn how to automatically load classes, convert objects to strings, and inspect objects, properties and methods.
June 2011
15 posts
Shades of blue
clientsfromhell:
Client: I don’t like that blue, make it a bit lighter. Just a small bit!
I send the (unchanged) file back to her.
Client: Hmm, ok thats too light, make it a bit darker.
I send the same file - again, unchanged.
Client: Ok just ad a hint of brightness and we’re done!
Again, same file, unchanged.
Client: Perfect! Has anyone told you that you are amazing at what you do?
2 tags
CSS Prism by Ryan Berg →
Enter the URL of any CSS file to view and modify its color spectrum
2 tags
2 tags
2 tags
Tools For jQuery Application Architecture
4 tags
1 tag
Useful :nth-child Recipes →
1 tag
When Albert Einstein died, his final words died...
3 tags
Coding Better Object-Oriented JavaScript with... →
While many programmers do think that Object Oriented JavaScript is a good approach to take, it’s also known that it’s hard to write robust OO-style JavaScript simply due the nature of the language itself and the environment which it’s running in (mostly are browsers).
Using Google Closure Compiler can not only help you to compress the the code, but it also compiles it just like any compiler...
1 tag
HTML Email Boilerplate →
This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc.
1 tag
Portable Shell Programming →
jwr:
Resources to help make shell scripts portable. From the Autoconf documentation…
May 2011
13 posts
1 tag
1 tag
Advanced Google Analytics for Startups →
Growing a business is an endless cycle of experiments. You get an idea about why some part of your business is going the way it is, you tweak things a bit to test your idea, and then you review the results. For a web based business like Think Vitamin Membership, Google Analytics is an awesome way to collect information while experimenting and study what’s going on with your web app.
2 tags
Better Image Management With WordPress →
With the advent of sophisticated and user-friendly content management systems like WordPress, textual content has become increasingly easier to manage. The architecture of these systems aims to deliver a well-formed code foundation; this means that if you are a good writer, then your content will be just as awesome as the structure and quality of the code that runs it.
1 tag
A little collection of cool unix... →
Just a list of 20 (now 28) tools for the command line. Some are little-known, some are just too useful to miss, some are pure obscure — I hope you find something useful that you weren’t aware of yet! Use your operating system’s package manager to install most of them. (Thanks for the tips, everybody!)
1 tag
Writing clean, testable, high quality code in... →
Catastrophically bad code can be written in any language, including the elegant and powerful Python language. In this article, we explore how thinking about testing actually produces dramatically different Python code. Lastly, we learn how to measure scientifically the difference.
3 tags
Create Facebook applications with CodeIgniter →
Learn how to incorporate the Facebook SDK into the CodeIgniter framework, using the available functions to create applications.
2 tags
Seven habits for writing secure PHP applications →
Security in a PHP application includes remote and local security concerns. Discover the habits PHP developers should get into to implement Web applications that have both characteristics.
1 tag
Full Browser Width Bars →
…with no markup specifically for them (like internal wrappers). All the content is wrapped in one element. The header bars are extended to the left and right by pseudo elements.
1 tag
Javascript Mistakes You Must Avoid →
If you are new to javascript and you write raw javascript or use any framework (jQuery, Mootools, Dojo, YUI) with it, you must avoid few mistakes. Actually these are my experiences when I was learning javascript.
2 tags
Plastic bags are better than paper bags for the...
Introduction to programming in Erlang →
Erlang is a multi-purpose programming language used primarily for developing concurrent and distributed systems. It began as a proprietary programming language used by Ericsson for telephony and communications applications. Released as open source in 1998, Erlang has become more popular in recent years thanks to its use in high profile projects, such as the Facebook chat system, and in innovative...
April 2011
4 posts
UNIX tips: Learn 10 good UNIX usage habits →
jwr:
Adopt 10 good habits that improve your UNIX® command line efficiency — and break away from bad usage patterns in the process. This article takes you step-by-step through several good, but too often neglected, techniques for command-line operations. Learn about common errors and how to overcome them, so you can learn exactly why these UNIX habits are worth picking up.
320 and up →
Many CSS Media Queries boilerplates start with a desktop-specific stylesheet, then add queries and styles for progressively smaller viewports. This means that even the small browsers load desktop layout styles and potentially large assets, even when these are set to display:none;.
‘320 and Up’ starts with a tiny screen stylesheet that contains only reset, colour and typography styles. Media...