Until some future version of HTML gives us new native controls to use in a browser, Google (StopDesign) have been playing and experimenting with controls they “custom buttons”. These buttons are used in Gmail and Google Reader. The buttons are designed to look very similar to basic HTML input buttons. But they can handle multiple interactions with one basic design. The buttons are imageless, and they’re created entirely using HTML and CSS, plus some JavaScript to manage the behavior. They’re also easily skinnable with a few lines of CSS…
Articles in the ‘Articles’ Category
-
Recreating the Button
Posted: 1 year ago in Articles
Read More: Recreating the Button
-
CSS Shorthand Guide
Posted: 1 year ago in Articles
Ok. Let’s set the record straight. There is no official guide for each and every CSS shorthand property value. So let’s work together and put one together. Anytime I’ve ran into a specification (besides the confusing mess at the W3C), it turns into showing off a couple of examples and you’re supposed to be set on your way. Over the years, I’ve found quite some interesting unknown quirky facts about these shorthands… hence this Guide was born…
Read More: CSS Shorthand Guide
-
11 Useful Tools To Check, Clean & Optimize Your CSS File
Posted: 2 years ago in Articles
Minimizing the filesize of the CSS stylesheet has been regarded by many as a good way to increase your site loading speed. Indeed, by reducing the CSS file by several kilobytes, the server will take a shorter time to load and result in a faster webpage.
In the event that your articles hit the Digg frontpage, this could also be one of the few deciding factors (there are many more) whether your server will crash or not…
Read More: 11 Useful Tools To Check, Clean & Optimize Your CSS File
-
Guidelines For Using CSS In HTML Email Newsletters
Posted: 2 years ago in Articles
Email newsletters are more popular than ever, and everyone loves to design a rich website-like newsletter for their subscribers. Unfortunately, email isn’t the web. Your beautiful design work might look great in one email client, but chances are when you look at the same work a different email client the results will not be the same.
Why? In a nutshell, some email clients are moving away from full CSS support. CSS (Cascading Style Sheets) is the technology that allows for modern, powerful, flexible website designs. Here are some guidelines for creating successful email newsletters that will look good even in the worst email clients. We don’t mention much about design, just coding practices that will succeed in all environments…
Read More: Guidelines For Using CSS In HTML Email Newsletters
-
Internet Explorer and the CSS box model
Posted: 2 years ago in Articles
One of the differences between Internet Explorer and standards compliant Web browsers that cause a lot of trouble for CSS beginners is the CSS box model. Since the box model is what browsers use to calculate an element’s total width and height, it is quite understandable that different browsers producing different results can be both confusing and frustrating…
Read More: Internet Explorer and the CSS box model
-
10 Easy Steps to Great Website Optimization
Posted: 2 years ago in Articles
You could write a book on website optimization, in fact people already have. But, here’s 10 really easy steps to getting your sites optimized for speed. Hopefully this will get you started and you’ll want to investigate front end optimization a little further…
Read More: 10 Easy Steps to Great Website Optimization
-
Divitis: What it is and How to Avoid it
Posted: 2 years ago in Articles
When they start designing with CSS instead of tables, many web designers fall into the same trap. Instead of putting tables around everything on a page, they use divs instead. The underlying design practices remain largely unchanged. This article will explain the problems with these habits and propose some practical solutions…
Read More: Divitis: What it is and How to Avoid it
-
10 Examples of Beautiful CSS Typography and how they did it
Posted: 2 years ago in Articles
Lately I have been very interested in how far we can take Typography only using CSS. Sure you can use images or sIFR to produce some very beautiful typography, but there is something unique and special about using only CSS. It is incredibly useful too, if you know the extent you can take CSS you end up with much more flexible websites— especially ones driven by a CMS…
Read More: 10 Examples of Beautiful CSS Typography and how they did it
-
Crème de la crème of CSS Galleries
Posted: 2 years ago in Articles
The galleries of CSS-based designs showcase exemplary design practices, solutions, ideas and templates. Once you have no idea what you should do next with your web-site, it’s worth taking a look at some beautiful works – crème de la crème of CSS-designs – out there…
Read More: Crème de la crème of CSS Galleries
-
20 of the best Ecommerce Websites
Posted: 2 years ago in Articles
Here’s a list of well designed, standards-compliant E-commerce stores. These are tricky sites to get right and design can give way to conversions, which is after all, the reason they are there – to make money. There’s a balance of sites which get the design and usability right, focused on sites that sell tangible products only…
Read More: 20 of the best Ecommerce Websites