Posts in the "CSS" category
A few goodies from my CSS reading list:
- 3 Ways to Add Depth to Any Website with CSS – some subtle effects that can give your website that little extra.
- Create a CSS Image Sprite Based Feature Box – a nice tutorial with a demo here.
- How To Create Simple, Stylish and Swappable Image Captions
- CSS Coding Standards – we each have our own way of writing CSS but Paul Stanton gives us his way of doing it.
- The Best CSS Newbie Articles of 2009
There have been several articles recently that describe advanced CSS methods, usually part of the CSS3 specification (CSS3 Info), and how these push the boundaries of what we can do with CSS. There are some great examples including:
- What You Need To Know About Behavioral CSS
- CSS Animations
- Going Nuts with CSS Transitions
- Cleaner Code with CSS3 Selectors
I have been thinking about what I might do with this blog next year because I want to do something that would be (for me) a bit different. I have been wanting to redesign for a while and here’s an idea that I am considering.
Firstly, I’d quite like to strip the style sheet down to a more slimline version of what I have now. Over the years, I have added more to the style sheet without removing or redefining the style sheet ‘fluff’ as much as I could have. As a result, I feel that it is becoming a bit bloated with style rules that are no longer used… or that are not used as optimally as they might be.
Secondly, I would like to try out new styles so my plan would be to create a new style for the blog every month. The basic HTML would remain the same or similar with each iteration but the style sheet would change 12 times over the year. I am not sure I can keep this up for the whole year, or even how different the styles will be, but it sounds like an interesting thing to do and it might encourage me to experiment a bit more.
My initial idea would be to start with a base style sheet and modify this throughout the year. Perhaps Andy Clarke’s universal IE6 style sheet would be a starting point? It was designed for a different purpose but has a core set of typographical styles that could be a good ‘baseline’.
I will not be going so far as to create a new style for every blog post but I figure that once a month might be possible. Anyway, before I decide whether to do this, let me know if you have any thoughts or comments. All ideas or feedback considered.
I have been reading several articles recently, and reminding myself, about attribute selectors. In case you’re wondering, attribute selectors in your style sheet allow you to style an element based on an attribute and value. This means that you can set-up style rules without the need to add class names to your (X)HTML. Cool! For example, you could style all external links by using a selector that targets the href attribute and matches any href value beginning with “http”.
- Adobe Air
- Quick Tips
- Search engines
- Web design
- Web development
- Web standards
- Website review
Shopify makes it easy to open an online store by providing all the tools and help you need. Click here to try it for free!
- EphKa on CSS Tip: Placing text on top of an image
- Clive Walker on How to show and hide content areas with Perch CMS
- Andi on How to show and hide content areas with Perch CMS
- richard on CSS Tip: Placing text on top of an image
- David on Making circles with CSS3 border-radius
- Christian Connett on Why I'm using Brackets as code editor
- Carlo on LESS or Sass or neither?
- Clive Walker on WordPress Tip: Remove Items from the Admin Menu