Tutorials Page 111
![Prevent Wrapping of <code> Tags in Text]()
Prevent Wrapping of <code> Tags in Text
Writers of technical documentation (or lowly blog writers like myself) oftentimes put property names in
<code>tags within blocks of text. Doing so makes reading the text easier and prevents users from misconstruing explanatory text with property names. CSS uses a dash within its...![Device State Detection with CSS Media Queries and JavaScript]()
Device State Detection with CSS Media Queries and JavaScript
Being able to detect device state at any given moment is important for any number of reasons and so it's important that web app CSS and JavaScript are in sync with each other. In working on the Mozilla Developer Networks' redesign, I found that our...
![Mighty Deals: Elite Pro Icons]()
Mighty Deals: Elite Pro Icons
The day I discovered icon fonts was one of the best days of my web development life. They resize with CSS font-size, they change color with CSS color, and you don't have to worry about any manual image work; major bonuses for a developer...
![Stock Image Savings with Lootback]()
Stock Image Savings with Lootback
Every web developer, whether working as a freelance entrepreneur or for a business, needs to be efficient with money. When I was working at a small, local design and web shop, one of the big costs of projects was stock photography. I couldn't believe that when...
![REM to PX Browser Function with Sass]()
REM to PX Browser Function with Sass
Performance is a key skill for front-end developers today. New CSS3 and HTML5 features help improve our apps but sometimes these features aren't well supported. This is where Graceful Degradation comes in. You want to leverage the extended features of new browsers but can't afford to...
-
![8 HTML Elements You’re Not Using (and Should Be)]()
8 HTML Elements You’re Not Using (and Should Be)
In today's web, the word semantic gets thrown around a lot. But what does semantic mean? Why is it important? Semantic HTML expresses the meaning of the document. It's less about how the text looks and more about what it is. Good semantic markup helps both people...
![Mighty Deals: 15 Royalty-Free Music Tracks]()
Mighty Deals: 15 Royalty-Free Music Tracks
The latest deal from MightyDeals is a unique one for web developers: 15 Royalty-Free Music Tracks from LuckStock. With this bundle, you receive: 15 High-Quality Instrumental Tracks Need some professional music for your next project? No matter what the occasion, this...
![Firefox OS Media Query]()
Firefox OS Media Query
Firefox OS is an awesome new HTML5-based mobile operating system. Some would says it's epic, I just think it's...super epic. The "native" languages are HTML, CSS, and JavaScript -- it's enough to make a Web Developer weep. Anyways, it's important to know how to target...
![Update Submodules with Git]()
Update Submodules with Git
Git submodules seem to confuse people and I can probably count myself in that group of people that are confused. Their code is kind of part of the codebase, kind of isn't. Pulling the latest code from the overall project doesn't pull the updated submodule code...
![Truly Responsive Images with responsive-images.js]()
Truly Responsive Images with responsive-images.js
Responsive web design is something you hear a lot about these days. The moment I really started to get into responsive design was a few months ago when I started to realise that 'responsive' is not just about scaling your websites to the size of your...
