Want to make a new responsive WordPress theme and need to remove the automatically generated width and height attributes? For example, WordPress is generating image code like this: When what you need is: Exactly the same, sans the width and height attributes. Well, here’s how (filter info from here) 1. Open your theme’s functions.php (e.g. [...]
Archive for the ‘Website Design’ Category
January 13, 2012
WordPress – how to strip inline image width and height attributes (for responsive designs)
By benfrain in Website DesignJanuary 3, 2012
Espresso2 review now in MacUser magazine (on the shelves now)
By benfrain in Website Design, WritingI recently reviewed MacRabbit’s Espresso2 code editing application for MacUser magazine here in the UK and it’s now hit the shelves (9th December issue).
December 5, 2011
Revised addecoltd.co.uk: responsive, built with SASS and loaded with CSS3
By benfrain in Website DesignI’ve just finished a quick revamp of the www.addecoltd.co.uk website, an aggregate and fence company based in Burslem, Stoke On Trent. I’ve been doing a lot of responsive design work of late but much is under NDA’s of sorts so I’ve been able to post much info. However, this one is a responsive design so [...]
November 8, 2011
Truly responsive type units (vw, vh and vm) on the way
By benfrain in Website DesignIf you work with responsive designs, you’ll perhaps be interested to learn that amongst the current working draft of the CSS3 Fonts module is reference to ‘viewport relative’ fonts: http://www.w3.org/TR/css3-values/#viewport-relative-lengths. The ‘vw’ unit (for viewport width), ‘vh’ unit (for viewport height) and ‘vm’ unit (for viewport minimum – equal to the smaller of either vm [...]
August 9, 2011
How to easily add jQuery scripts to a WordPress Child Theme
By benfrain in Tech-tip, Website DesignAs part of a piece I’m writing for MacUser magazine I’m trying to explain how to easily add jQuery and an associated custom script to a Child Theme in WordPress (v3 onwards). If you’re a designer primarily, the following code snippet may well help you. It assumes you have already made a child theme. With [...]
July 25, 2011
TestTrack.Tv website is now live for high octane videos
By benfrain in Website DesignI’ve been working on the testtrack.tv website with the test track.tv team since February on and off. It’s a video based website which showcases all the best high octane videos from around the net.
June 9, 2011
OS X Subversion setup quick start (for use with Coda etc)
By benfrain in Tech-tip, Website DesignThe piece on Version Control I wrote recently for MacUser magazine covered the basics of version control with GUI based programs. But what if your code editor doesn’t give you the ability to create repositories? In this case it’s easy to do the basic repository setup with Terminal and then use your code editor (e.g. [...]
May 5, 2011
Free Coda CSS2 and CSS3 clips for solving common problems
By benfrain in Website DesignI read a great collection of CSS snippets over on Speckyboy recently and decided to enter them as a Coda clips group. I’ve now uploaded the Clips group for any fellow Coda users out there.
