Responsive Data Table Roundup
Jan
11
2012
16
There has been a bunch of takes on responsive data tables since I first published about it. …
(Better) Tabs with Round Out Borders
Jan
10
2012
A good-looking tab control usually has one feature that I’ve always found impossible to reproduce without images: borders that bend to the outside at the bottom of each tab. In this article I would like to show how you can use the CSS :before and :after pseudo elements to create this effect without using images.
ShopTalk
Jan
9
2012
New thing! Dave Rupert and I are going to be doing a podcast called ShopTalk (@ShopTalkShow). …
Upcoming Speaking
Jan
4
2012
My first half of 2012 is sprinkled with some web conferences I’m very much looking forward to. …
Looking to Hire Someone for Web Work?
Jan
3
2012
The very first thing you should do is start writing. Just open a text file and define exactly who your ideal hire is. What they are like, what they hopefully know, what you’ll need from them, and what you can offer them. …
Latest Snippets
- Common Unicode Icons
- Reversing Text
- Base64 Encode of 1x1px Transparent GIF
- Post Data to an iframe
- Append / Prepend Files
- Subdirectories URL Internally Redirect to Query String
- Saving contenteditable Content Changes as JSON with Ajax
- Break Out of iframe
- Animate Height/Width to “Auto”
- Get an Images Native Width
- Remove Paragraph Tags From Around Images
- Make Archives.php Include Custom Post Types
- Convert Accented Characters
- Email Protector
Latest Screencast
#107: LiveReload, a Menu Bar App for Preprocessors and Speedy Development
LiveReload is a Mac-only menu bar app that is quite helpful for web developers. Just tell it to watch a specific folder, and when a file is saved, the browser will automatically refresh showing the change. So no need to switch applications and manually refresh, which is awkward and prone to breaking concentration.
Even better, LiveReload can trigger all the preprocessing to happen first. So if you like to work in SASS, Compass, LESS, Jade, CoffeeScript, Eco, HAML, Slim, or Stylus (or would like to try out working with these languages) LiveReload makes it easy. Essentially, just start making files with the appropriate file extention and LiveReload will compile them down to their native language every time the file is saved.
Hot Links
Shop Talk Episode 1 →
The inaugural episode of Shop Talk where Dave and I are joined by Jonathan Snook and we answer a bunch of listener questions. Sorry about the sniffles and other rough edges, we'll get better as we go. Sponsored by LessAccounting.
Troubles with HTML5 <audio> →
- Microsoft funds Pixel Lab to make an HTML5 version of Cut The Rope originally by ZeptoLab.
- Nerds call it out for using some Flash.
- Robby Ingebretsen writes really interesting article explaining why.
PROTECT IP / SOPA Act Breaks the Internet →
Here's a good video to watch explaining the huge problems that could come from PIPA (right on a page where you can do something about it). You've probably heard of SOPA. PIPA is the new SOPA.