Want to use Environment Canada to check the weather on your mobile device? Their website isn’t exactly mobile friendly, so Matt over at Soma Design put together a nice looking mobile site/web app for it. Unfortunately it was Winnipeg only, so I forked it and added a city-selector. Check it out:

Tagged as , , , , . Filed as Text.

Responsive web design is quickly becoming the norm, and for good reason. At the same time HTML5 video is quickly becoming a reliable alternative to embedded flash video. Unfortunately, at times it can be tricky to make video elements play nice with responsive design. Many people have taken to JavaScript based solutions such as FitVids.js. This puzzles me because it is not very difficult to make videos behave well in responsive design using only CSS. The technique I am going to show you works well with the HTML <video> element (including Video.js), as well as embedded flash videos from sites such as YouTube and Vimeo. It works in all modern browsers as well as Internet Explorer 7+.

Read more…

Tagged as , , . Filed as Text.

Recently I created a bbPress based forum site for a group that had been using a private Blogger blog as a sort of pseudo-forum. I wanted to import the previous Blogger discussions into the new site but quickly discovered that, while you can import Blogger posts to WordPress, there was no existing way to convert those imported posts and comments to bbPress posts and replies. So, I created my own WordPress plugin to do the conversion for me. Check it out on github. I haven’t added it to WordPress.org since it is still fairly rough and doesn’t include any sort of error checking. It is usable though – just download the posttobb.php file from github, move it to your WordPress plugins directory, activate, and use the importer which is under the Tools menu.

Read more…

Tagged as , , . Filed as Text.

Last updated June 7, 2013

So, you want to use HTML5 video? Unfortunately, we are still at a point where different browsers treat video in a different manner, making it a challenge to serve the correct format to the correct browser. One good and popular solution is to host your video using YouTube or Vimeo. Cross-browser support, including mobile devices, is pretty good with these. But there are some situations where this is not a good option. For example, I recently re-designed a website for company that sells products to schools. They discovered that YouTube and Vimeo were blocked by most school filters, so their target audience was unable to see their videos. Enter Video.js, a reliable and fully-cross browser video player for self-hosting videos.

Read more…

Tagged as , . Filed as Text.

As a web designer for local businesses, I create my clients websites almost exclusively in WordPress. Sometime in the last six months I stated using LESS as a preprocessor for my CSS files. Although LESS has made my theme development much more efficient, it took me awhile to discover the best way to integrate it into my workflow. I wanted my LESS to compile automatically. Although the final solution is fairly straitforward, it took me quite a while to gather all the information I needed to figure out the best way to do this.

Read more…

Tagged as , , . Filed as Text.
Facebook Twitter Nose Creek Web Design RSS