Posts tagged ‘CSS’
Providing the same UI across browsers
Posted Thursday, April 8th, 2010.
Filed under web design and development with the tags CSS, HTML, interface design, opinion, UI, web browsers, web design and development
If you change the default controls to match the look and feel of something your visitor has never seen before, you run the risk of creating confusion, distrust, or alienation. Even worse, if the controls are poorly made or conceived — and many are — you might make your site less usable. A cardinal sin.
The more I think about it, the real beneficiaries of a uniform UI across browsers aren’t the site visitors, but rather the designers who demand artistic control and the clients who insist the product looks the same everywhere, without understanding that it’s okay (even expected) to have some differences.
Rounded corners on images using CSS3
Posted Friday, April 2nd, 2010.
Filed under JavaScript, web design and development with the tags CSS, JavaScript, JavaScript UI Goodies, jQuery, MooTools, progressive enhancement, web design and development
Most browsers do not allow images to be cropped using CSS3’s border-radius. Tim Van Damme recently posted a workaround for this issue. Here’s a MooTools script that automates Tim’s workaround yet degrades gracefully when JavaScript is disabled.
CustomInput Class: Accessible, Custom-Styled Checkboxes and Radio Buttons
Posted Thursday, March 11th, 2010.
Filed under JavaScript, web design and development with the tags accessibility, CSS, How-to, interface design, JavaScript, JavaScript UI Goodies, jQuery, MooTools, web design and development
I’m currently working on a new quiz system at work, and decided I’d incorporate Filament’s wonderful stylized checkboxes and radio buttons into my project, which meant it was time to roll up my sleeves and code me some Moo.
Changes to pipwerks.com, part 2
Posted Friday, September 4th, 2009.
Filed under web design and development with the tags CSS, HTML, HTML 5, web, web design and development, wordpress
In case you hadn’t heard, pipwerks.com was hacked last week. The entire database was erased. Bastages. Luckily, I had a recent backup. While going through the pains of a new WordPress install (with new plugins, extra security, and imported posts/comments), I decided “why not throw a new layout in the mix, too?” I mean, if I’m going to make changes, I may as well do them all in one shot, eh?
Gotchas in Internet Explorer 8
Posted Saturday, March 21st, 2009.
Filed under JavaScript, web design and development with the tags best practices, CSS, How-to, Internet Explorer 8, JavaScript, Microsoft, standards, web browsers, web design and development
Internet Explorer 8 (IE8) is at Release Candidate 1, which means it will be released very shortly. IE8 is a brand-new browser and will represent a considerable shift from IE7/IE6; it will follow standards more closely and will offer much improved CSS 2.1 support. However, because of some of these changes, it is also widely understood that IE8 might ‘break’ websites that have relied on IE-specific hacks targeted at previous versions if Internet Explorer.
Font replacement techniques
Posted Tuesday, March 10th, 2009.
Filed under JavaScript, web design and development with the tags @font-face, canvas, CSS, cufon, How-to, image replacement, sIFR, typeface.js, web design and development
Like many other web professionals, I’m tired of the limited font set we have to work with. Gee, should I use Verdana on this site or Georgia? Maybe Arial? Meh. Bor-ing.
Constructive criticism for the new whitehouse.gov
Posted Thursday, January 22nd, 2009.
Filed under JavaScript, web design and development with the tags best practices, CSS, HTML, JavaScript, opinion, Rant, site critiques, standards
The new whitehouse.gov site has received a lot of press since its unveiling a few days ago. Many have rightly given it kudos for bringing a modern sense of design and “Web 2.0″-style social practices to the White House. I agree that the new site is a big improvement, but upon looking under the hood, there are a number of things I’d have done differently. Here’s a quick-hit list (not comprehensive at all)…
Fixed-width layouts
Posted Tuesday, December 16th, 2008.
Filed under General, web design and development with the tags CSS, fixed-width layouts, HTML, standards, web design and development
While working on a recent web project at work, I wondered if I should go for a fixed-width layout or stick with my preference for fluid layouts. Fixed-width layouts are certainly easier to manage, but they just feel so… rigid. With the boom in larger monitors, I also wondered if fluid sites start presenting a problem due to being too wide. I decided to check around the web to see what others are doing.
SCORM 2.0: high-level solutions or low-level tools?
Posted Saturday, December 13th, 2008.
Filed under General, SCORM, e-learning with the tags CSS, ecmascript, JavaScript, LETSI, opinion, SCORM, SCORM 2.0, standards
Matt Wilcox posted an interesting argument about the CSS3 standard; I think the central points of the argument can be applied to SCORM and where we’re potentially headed with SCORM 2.0.
MooTools 1.2 & Opera 9.5 released, FF3 coming soon
Posted Saturday, June 14th, 2008.
Filed under web design and development with the tags CSS, firefox, JavaScript, MooTools, Opera
Some quick development news:
MooTools 1.2 has finally been released. MooTools is really great, I hope more people start using it.
Firefox 3 should be officially released this Tuesday (June 17). Party on.
Oh, while I’m at it, I guess I should mention Opera 9.5 was just released, too. I’m not a big Opera fan, [...]