sorted by: recent | see :
popular
Content Tagged with usability + css-html
All CSS Properties Listed Alphabetically
All CSS Properties Listed Alphabetically
101 CSS Resources to Add to Your Toolbelt of Awesomeness
All the cool kids are using CSS to separate content from appearance on their sites. Here is 101 resources that will get your feet wet with CSS, teach you some new tricks and techniques, clean your code, and hit the ground running with pre-made layouts.
Creating Usable Website Navigation
A guest post by Nathan Beck on creating usable website navigation
Better html anchor, a jquery script to slide the scrollbar
Anchor are really useful when you have alot of content, being able to jump 1 page of content can be really handy, that sometimes happen with some corporate websites.
Unfortunately an anchor is just plain bad in design, lets change this...
An html form validator that will really do your validation
It is always hard to have a versatile form validater that will work for every website you do. With this one I think we are not far, you add a class on inputs needing validation, you are done.
The front-end developers burden
Front-end developers are the middle guy between the designer and the back-end developer, this is not always funny.
A little outcry
Bored of you plain old css image hovering effect
Just add a class and this script and you got a fade in and fade out effect.
5 Features Your Login System Must Have
It seems like every website has some login system nowadays and half of the time the content provided in these protected areas should be freely available anyway. A bad login system can be a plague for your web app. If you do need to create a login system for your website, be sure to have the key features that will make your login system user friendly.
My thoughts on Google Chrome
How many times were you furious that some website died on you - well, along with the whole browser? How many times did you swear at a 1000-rows table, where each row has three events attached to it, making the whole work a real pain? Google is here to fix this, and many, many other problems.Flex Builder CSS annoyance
Maybe I’m missing something here, but why does FlexBuilder generate css styles as “styleName” but suggests auto completions as “style-name” ?Amazing web design articles of Summer 2008
This is the second part of best summer 2008 articles, but this time focus is on web design. Again, there was a lot of great articles, tutorials and resources but I wanted to keep this list as short as possible. So these are the best of the best, at least by my opinion.40 CSS Web Form Style Tutorials For Web Developers
When developing a project it's important to have a good form input structure throughout, most commonly used forms will tend to be Login, Register and user Profiles. If you have taken the time to develop a custom template for your project more often than not the default appearance of forms you have created are not ideally suited to you designs overall look and feel. We have gathered together a great list of tutorials that should have your new forms looking great or breath life into your existing form design.Apple Style Menu Tutorial Using CSS Sprites
The menu that Apple uses on its website is becoming more of an iconic menu bar, especially to us web designers and developers. It is really simple to create and there are a variety of states. One interesting aspect that Apple has also used here, is the CSS sprite effect. Here, we will recreate the menu using Photoshop and CSS sprites!Google I/O 2008 - Design Patterns for Enhanced Accessibility
HTML DOM+ JavaScript constitutes the assembly language of Web Applications. Access To Rich Internet Applications — ARIA — adds in a couple of additional op-codes for helping Web applications better communicate with adaptive technologies such as screenreaders. How do we now push the envelope with respect to Web applications and adaptive technologies such as screenreaders and self-voicing browsers in a manner similar to what we as Web developers have collectively achieved for the mainstream user?7 More Sites Strictly for Web Developers
In an attempt to make amends for letting down developers with our last list, Arbenting is back with a carefully constructed list of 7 more sites strictly for the web development community.Review: Web Form Design by Luke Wroblewski
The primary goal of any web form, says Wroblewski, is “getting people through them quickly and easily”. Forms are barriers between user needs and business goals, and naturally both sides of the equation want to see these hurdles removed. “It’s no wonder,” he continues, “that form design matters.”Label Placement on Forms
When creating a web form, one of the many choices you must make is how you are going to align your labels with your inputs. This is not a trivial decision, as this placement affects the readability/usability of your form, completion rates, speed of completion, and ultimately the satisfaction level of the users trying to get through your form. But is there one ultimate answer for how you should be aligning labels? Not really, it depends on the specific needs of your form and the design constraints of the page.A Small Study Of Big Blogs: Further Findings
Last week we presented the first results of our study of top blogs. As promised, this week we publish the second part of the survey, including further findings and problem solutions we have found out during the study. In the first part we discussed layout design and typographic settings. What remains to be covered are the navigation design, information architecture, advertisements and functionality (RSS-feeds, tag clouds, pagination etc.).......Is Firefox 3 a buggy browser?
I am using the Firefox version 3, which I downloaded during the Download day. I was impressed with the features that were promised by the Firefox team and decided to upgrade from version 2 to 3. Initially everything going fine, but now I am facing some issues with Firefox 3.The Accessibility Checklist I Vowed I'd Never Write
I have said on numerous occasions that there is no simple checklist that, when followed, will give you an accessible site without fail. There are simply too many variables. But, what do you do when you want to create accessible pages and you have dozens or even hundreds of developers who (like most of their peers) have little to no experience with accessibility?CSS Anatomy - a stylesheet deconstructed - nytimes.com
What can you learn in 10 minutes by analyzing the way the New York Times website uses CSS stylesheets.Nice login and signup panel Newsvine like using CSS
This tutorial explains how to design a simple Newsvine-like panel which includes both options (register and log-in) and appears/disappears cliking on a link in the navigation bar.jFlow 1.2 - The Ultra-lightweight Fluid Content Slider for jQuery
jFlow is a widget to make your content slides. One popular alternative that exists out there is coda-slider. jFlow is super lightweight because it is only 2kb minified!!!.Top 5 tips to decrease the load time of your websites via images
The website has a global reach but Internet connection speeds in various countries are not the same. A lot of dial-ups and slow broadband connections still exist. Even for those who do have high-speed connections, the total number of relevant websites on the Internet is growing fast. This directly translates into less time spent by the viewer per web page. But the main problem for the delay in loading website is huge graphics, which are not in well formed manner.How To Create A Keypress Navigation Using jQuery
Create a visual navigation scheme with this trickTables: Friend or foe?
Tables, a tag of much debate! Are the friend or are they foe? Learn how and when to use them.John Hicks Future of Web Apps Presentation
John Hicks of HicksDesign gave an excellent speech at the most recent Future of Web Design Conference. He titles the presentation “Design to Deployment” and it covers exactly that. He build a site dedicated to cheese, and in the process explains his code from planning to execution. This is definitely guide that should be paid attention to.High performance css minifier
CSS minifier based on jsmin idea that produce a small CSS file, much faster, and with much less memory overhead.Accessible Rich Internet Applications - ARIA Slider
Starting with Steve’s article ARIA Toggle Button and Tri-state Checkbox examples, we will be providing more examples about how to use ARIA roles and states in practice. As Steve mentioned, ARIA (Accessible Rich Internet Applications) is steadily gaining more support by all major browsers, now that Internet Explorer, Opera and Safari are all on board. Our aim is to demonstrate how simple adding ARIA can be. In this article, I will be providing an example for the slider role.CSS Decorative Gallery
I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra > tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple image icon to a rounded corner to a masked layerWhy do I like overflow:scroll so much?
There are times when you want to incorporate a picture, a large piece of code in a limited web space... ex. a blog post which has a lot of > tags. Now, to crop or resize the picture may not be the option always. I still see a lot posts where the images are either cropped or line breaks are introduced into the code.An Informative 404 Page
Classic 404 error pages are prone to being relatively useless. Whilst a well designed page can provide a means to find what they are looking for, wouldn’t it be great if you could find out more about what went wrong? This tutorial will show you how simple it is to have an explanatory email sent to you whenever a visitor hits a 404 page.Seven aspects of a great user experience
The spotlight at this year's Web Directions South UX conference in Melbourne was on user experience. Andy Budd, a designer and developer at Clearleft in the UK, contributed to the theme of the day with his presentation -- "Designing the User Experience Curve".6 Ways To Subliminally Tell Users "Don't Come Back"
There are many practices that I can’t believe are used on the internet. Here are a few ways to tell the user to never come back to your website.The Official “Successful Website Checklist Challenge”
For web developers, web designers, and webmasters: Whether you’re trying to develop a successful website or have a website that isn’t meeting your expectations, this comprehensive interactive checklist will rock your website’s world.Typography Essentials - A Getting Started Guide
A picture may be worth a thousand words, but you have to know a thousand words to replace it.
Page 1 | Next >>
