Category: Web
-
Accessibility Tips for Front End Developers
I gave a short talk on Saturday on accessibility at Treweb, consisting of a few easy tips you can do to improve the accessibility of your web site or app, as a developer. This blog post is a summary of my main points.
-
Sublpress: Manage WordPress Sites in Your Text Editor
Sublpress is a new extension for Sublime Text by Nic Dienstbier that makes it possible to manage your WordPress site (or multiple sites) in the editor. Currently you can edit settings, create and edit posts and manage taxonomy terms. All features can be easily accessed via the Command Palette. I tested Sublpress in both Sublime…
-
Debugging SASS in Chrome
In Firefox, viewing the original SASS line number directly has been possible using Firebug and FireSass. Similar, or even better functionality has very recently arrived in the stable release of Chrome. I just tried this out and it works wonderfully. See here for instructions: How to make Chrome understand the SASS/SCSS in your rails app…
-
Simple Conditional Loading in WordPress
Over a year ago, Jeremy Keith wrote an excellent post on enhancing the performance of responsive sites by checking for a minimum screen width before loading secondary content such as related news and latest tweets. Mobile devices would just show a link to the content, thus keeping it accessible. In this post I’ll show how…
-
The Mobile Book by Smashing Magazine
A fully packed 334 pages of analysis on the current state of mobile and best responsive design practices. Bottom line: most people working in web design today should probably read this book, whether they’re designers or developers. See the full post for my six key points.
-
My Dev Setup, part 3: Browser Testing
Some years ago browser testing meant just testing in Firefox, Safari and possibly Opera, and cursing and testing in IE6. Good standards support in current browsers has made development easier on one hand, but more complex than ever on the other hand with the demands of responsive design, the rise of mobile and websites themselves…
-
My Dev Setup, part 2: Web Development Apps for Mac OS X
In the second post of my “set up” series, I’m listing some of the apps I use daily for web development. There are many tools available, and the specific ones you need will inevitably vary based on the kind of development you do, the languages you use, size of team etc. I do mostly front-end…
-
Set width of embedded media in WordPress 3.5
In WordPress 3.5, there’s no more option to set the width and height of oEmbed-embedded media (Youtube, Vimeo, Flickr, Twitter etc) in the admin interface. The max width is now automatically the width defined in the functions.php of your theme.
-
WordCamp Stockholm
Thanks to my employer, I got to go to WordCamp Stockholm, which was held yesterday at the Waterfront Congress Centre in the heart of the city. Witnessing the enthusiasm of Swedish WordPress developers and users was inspiring, and we picked up some good plugin and development tips along the way. For those who understand Swedish,…
-
SASS, LESS and nesting overload
Both SASS and LESS are really nice tools for CSS developers. Both have the ability to nest selectors like this: #header { h1 { font-size: 3em } p { font-size: 1.2em } } …which compiles to #wrapper h1 { font-size: 3em } #wrapper p { font-size: 1.2em } Nesting is really useful, just don’t go…
Daniel Koskinen 