Archive for the ‘HTML & CSS’ Category
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 [...]
Tags: css
Posted in HTML & CSS | Comments Off
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)
Posted in HTML & CSS | Comments Off
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 [...]
Posted in HTML & CSS | Comments Off
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
Tags: menu, navigation, timeline
Posted in HTML & CSS, JavaScript | Comments Off
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 [...]
Tags: framework, html5
Posted in Android Development, HTML & CSS, JavaScript, Mobile | Comments Off
Wednesday, October 7th, 2009
Is 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 [...]
Posted in HTML & CSS, Strategy & Consulting, Usability, User-Centered Design, Website Hosting | Comments Off
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, [...]
Tags: redesign, statistics
Posted in Analytics & Web Measurement, Graphic Design, HTML & CSS, Information Architecture, Strategy & Consulting, Usability, User-Centered Design, Web Design | 2 Comments »
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 [...]
Tags: cufon, fonts
Posted in Graphic Design, HTML & CSS, JavaScript, Web Design | 1 Comment »
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 [...]
Tags: css, Google IO, JavaScript, minify, performance
Posted in HTML & CSS, JavaScript, Technology, Web Design | Comments Off
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:
Tags: ie8
Posted in Browsers, HTML & CSS, Web Design | Comments Off