Jun 252014

If you’re into WordPress then this is a must read.

Admittedly, I have yet to try the recommended tweaks in this article though they sound promising and cover a broad range of options. There is more than using suggested plugins to analyze and speed up your site (though there are a few of those). What lends credibility is the author’s recommendation that you start with the foundation by considering your hosting company and platform. If you use cheap $4 per month shared hosting, your site will be slow regardless of any tweaks you may deploy.

How To Speed Up Your WordPress Website

Jun 222014

I’m still forming an opinion on the effectiveness of popup overlays. My reservation stems from the potential of creating visitor irritation or ill will. Nevertheless, this article from entrepreneur.com offers many options and different approaches, some of which have merit. It’s definitely worthy of review.

67 Tools That Will Help You Grow Your Email List | Entrepreneur.com.

Feb 052014

I’ve been having fun putting up screencast tutorials for the courses I teach using responsive video that resizes with the viewport. The only problem is distortion on resize: quality not aspect ratio. The trick with this type of screencast is that viewers are usually working on tasks while viewing so screen space is limited. Not everyone has the benefit of multiple monitors, therefore, you really need flexible media that retains quality on resize. Chris Coyer offers up some creative solutions in his post that should address the problem. I’ll do an update as soon as I give them a try.

Rundown of Handling Flexible Media | CSS-Tricks.

Dec 112013

This is a handy reference for HTML5 form validation as well as fallback methods for unsupported browsers. You will also find articles and examples on ccs3 transforms, animation and more

placeholder="Enter a valid email address"

via HTML5 Form Validation Examples < HTML | The Art of Web.

Oct 242013

If you work with CSS then this article is a must read. It challenges the notion of using traditional sematic CSS with a reliance on contextual selectors. The author makes a strong argument for compact modular classes that can be applied anywhere. One of the benefits is the ability to move content easily without having to worry about messing up the CSS. I see one of the main benefits as the ability to maintain simple clean stylesheets.

Challenging CSS Best Practices | Smashing Coding.

Oct 072013

This is one of those catch-all articles that lines up seemingly disparate tips and tricks from different areas that are aimed at speeding up your workflow as a designer. Some may be time savers but several are just really cool techniques. All are linked to “how to” resources and some are better than others. Here are a few standouts.

  • Rounded Corners Done Right
  • Favicons Next to External Links
  • Speed Up CSS Prototyping
  • Doodle meeting scheduler
  • ColorBlendy

There are several resources on JavaScript and JQuery as well.

Powerful Workflow Tips, Tools And Tricks For Web Designers | Smashing Magazine.

Sep 182013

Using max-width:100% in responsive design is problematic in a number of scenarios. This article explains the problem and provides an excellent detailed solution in the form of a case study on the redesign of Aftonbladet, a popular Swedish news site. If you work with images in responsive design you’ll find this article informative and useful.

Addressing The Responsive Images Performance Problem: A Case Study | Smashing Mobile.

Aug 292013

This is a great tutorial for getting started on customizing WordPress to suite most client needs. You’ll get info on key plugins and how to use them. Be sure to check comments below the video tutorial for additional information and resources.

#121: The Right CMS is a Customized One | CSS-Tricks.

Jul 222013

Floating and positioning elements in html is one of the most fundamental yet difficult to master concepts. It’s really not complicated but there are many influencing factors. This tutorial by BarelyFitz Designs is a good place to start or refresh your knowledge.

Learn CSS Positioning in Ten Steps: position static relative absolute float.