Building an accessible website is a holistic endeavor. In order to provide easy access to the information on each page, myriad factors must be considered. One of the chief amongst these is the creation of accessible navigation. Whether considering business logic or a principled perspective on web design, enabling the site user to move within your pages is of key importance. This article will describe the principles of accessible navigation and demonstrate ways to create it using CSS and XHTML…
Articles in the ‘Articles’ Category
-
Designing Accessible Navigation Menus with CSS and XHTML
Posted: 3 years ago in Articles
Read More: Designing Accessible Navigation Menus with CSS and XHTML
-
CSS Hacks for Different Versions of Firefox
Posted: 3 years ago in Articles
In a perfect world, we wouldn’t use CSS hacks. In the unpredictable, chaos of the real world, however, there are many situations where applying styles to particular browsers is indeed the optimal solution. Most of the time, we’d be targeting or filtering Internet Explorer because it is so incredibly awesome, but occasionally we need to tweak something in a modern browser like Firefox, Safari, or Opera. In this article, we’ll look at CSS hacks targeting different versions of Firefox…
Read More: CSS Hacks for Different Versions of Firefox
-
10 Professional Looking Free CSS Menus
Posted: 3 years ago in Articles
Here are 10 attractive CSS menus that are ready to be used. In most there are CSS stylesheets ready to be downloaded directly from the site but a few are in tutorial format. For those you’ll be directed to the source website for you to complete the tutorial…
Read More: 10 Professional Looking Free CSS Menus
-
CSS text-shadow Fun: Realtime Lighting Demo
Posted: 3 years ago in Articles
A post about the CSS text-shadow property. It’s been used to create some fun pseudo-realtime lighting effects.
There’s an example using a PNG to create a spotlight with some JavaScript to update the text-shadow style in order to simulate realtime shadows from a single light source. Works in Firefox 3.5, Safari, Opera, and Chrome but no support in IE8…
Read More: CSS text-shadow Fun: Realtime Lighting Demo
-
Best Practices to optimize CSS – an academic exercise
Posted: 3 years ago in Articles
Many of the tips in this article are tiny micro-optimizations, one thing to keep in mind when going overboard with optimizing. You should never sacrifice maintainability or extensibility for optimization experiments. Consider this article more like an academic exercise rather than real-life optimization tips.
It should also be noted that if you need to speed up your web site, don’t bother with CSS optimization. There are much better places to focus your attention to. The point of this and all optimization articles is to consider an optimization in context, not in isolation…
Read More: Best Practices to optimize CSS – an academic exercise
-
Weaving a better Web page with CSS frameworks
Posted: 3 years ago in Articles
A Cascading Style Sheets (CSS) framework expedites and simplifies the design and development of Web pages. Moreover, a CSS framework produces more standardized results in all browsers. Here’s a look at two CSS frameworks, each with a unique philosophy: Blueprint and the Yahoo! User Interface (YUI) Grid.
Both frameworks are free to use and permute, according to the terms of the liberal Massachusetts Institute of Technology (MIT) License and Berkeley Software Distribution (BSD) License, respectively. This article explores the novelties and capabilities of each and works through a series of examples. You can choose the option that works best for you…
-
20+ CSS Data Visualization Techniques
Posted: 3 years ago in Articles
In this article you will find more than 20 unique CSS Data Visualization Techniques. Learn how to create charts, graphs and represent data visually using CSS…
Read More: 20+ CSS Data Visualization Techniques
-
35 CSS Lifesavers For Efficient Web Design
Posted: 3 years ago in Articles
CSS design is not easy. We need to find workarounds for cross browser inconsistencies. We also need to understand difficult CSS concepts and quite counterintuitive CSS solutions. However, there are effective and useful CSS tools and Smashing Magazine reviewed many of them in previous posts. Now it’s time to present you with some fresh tools that can assist designers in their work.
Today, we’ll look at 35 new and useful CSS tools, generators and resources that can significantly improve your workflow and reduce your CSS coding efforts. Whether you’re writing, compiling, refining or experimenting with CSS code – or all of the above – these tools can help you get the job done faster and better than ever before…
Read More: 35 CSS Lifesavers For Efficient Web Design
-
Top 5 Sites To Learn CSS Online
Posted: 3 years ago in Articles
Web design might not be the most accessible area to everyone, but CSS and HTML can be very useful, and these are two parts of coding which are really easy. I mean to change the color of your font you just need to type: “color:red”, does it get easier than that?
Well actually, it gets harder but it’s worth taking a look, since you can customize everything from your blog to your Google Docs documents with a tiny bit of CSS knowledge. Let’s take a look at where you learn css online free and get CSS tutorials for beginners…
Read More: Top 5 Sites To Learn CSS Online
-
Guide to CSS support in email clients
Posted: 3 years ago in Articles
Designing an HTML email that renders consistently across the major email clients can be difficult and very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client.
Here’s a list describing the varying levels of CSS support in different email clients. With 21 different sets of results, all the major email systems are covered, both desktop applications and webmail…
Read More: Guide to CSS support in email clients