Archive for the ‘HTML & CSS’ Category

CSS Media Queries

Tuesday, May 25th, 2010

A very cool and new (at least to me) concept: CSS media queries. This will allow us to set CSS for specific screen sizes: from the 480px wide handheld devices to the 1920px wide monitors.

Please note that this is different than the liquid/flexible layouts usually based on percentages. CSS media queries allows you to control [...]

CSS Cheat Sheets

Thursday, May 13th, 2010

I came across these nicely formatted CSS print cheat sheets – for both CSS2.1 and CSS3. For any of you who may be tired looking up the CSS values for the position attribute (for the 13th time).

CSS 2.1 Cheat Sheet (PDF)

CSS 3 Cheat Sheet (PDF)

Adding “Share-Links” on Facebook

Friday, January 22nd, 2010

You want to place one on an HTML page so a visitor can share the page with others on Facebook. You see these a lot in blog posts and news articles.

Here’s how to put one on a page:

Step 1: Go here,  set your options (like whether you want a counter included) and copy the html [...]

45 Powerful CSS/JavaScript Techniques

Tuesday, January 12th, 2010

A list of tutorials to do some very clever things with CSS and JS. Some notables:

Advanced Event Timeline With PHP, CSS & jQuery
Sproing! – Make An Elastic Thumbnail Menu
Sticky SideNav Layout with CSS
Simply-Buttons v2
A Colorful Clock With CSS & jQuery

45 Powerful CSS/JavaScript-Techniques – Smashing Magazine

SproutCore: HTML 5 Framework

Thursday, December 31st, 2009

I was looking to see if there were any frameworks for HTML 5 and came across SproutCore.  It’s an MVC framework and has some similarity to GWT in that it compiles all the code into HTML/JS/CSS that should work across browsers without plug-ins.  Also like GWT, it has a bunch of panels, buttons, and controls [...]

Turbocharge Your Website

Wednesday, October 7th, 2009

speedupIs website speed critical to your business?

Consider: A study has shown that increasing response times by 500ms for Google reduced traffic by 20%. Response time increases of 100ms on Amazon decreased sales by 1%1! These are some pretty amazing figures.

The reason is probably that [...]

A Website Redesign: 5 Months Later

Tuesday, July 21st, 2009

It’s been just about 5 months since we re-launched the Dayspring website with a fresh design and a custom content management system. We’ve gotten quite a few positive comments on the site’s clean, precise look.

But how has the site performed? Sure it’s a laudable goal to make the Web more beautiful, but, [...]

Fancy Fonts with Cufon

Wednesday, July 15th, 2009

Janet recently found a site that is using non-standard fonts for most of their text.  As we explored the site to figure out how they were doing this, we found Cufon.  Cufon allows for text replacement similar to sIFR, but without the use of Flash.  This opens up design possibilities using more fonts without making [...]

Faster websites – Improving User Experience

Wednesday, May 27th, 2009

At Google I/O (Google’s developer conference), Steve Souders (the creator of YSlow) presented a few ideas for making websites even faster.

When it comes to optimizing a website for speed and user experience, there’s only so much you can do from the backend.  The most room for performance improvement is in client-side frontend.  Anywhere between 80 [...]

Oh Microsoft, how thoughtful! (IE8)

Friday, March 20th, 2009

Microsoft has thoughtfully allowed site owners to automatically tell IE8 browsers to render in “compatibility mode”. They stress that this is supposed to be a temporary solution, but it’s really easy. Two routes: