A question and answer sesssion from Smashing Magazine featuring reader questions about Web design focusing on HTML, CSS and JavaScript. Incuded are sticky footer issues, positioning elements at bottom of a div, on having layout, aligning labels and inputs, auto top and bottom padding, z-index and more…
Archive for May, 2009
-
CSS Quick Question and Answer Session
Posted: 1 year ago in Articles
Read More: CSS Quick Question and Answer Session
-
10 CSS Frameworks that are worth a look
Posted: 1 year ago in Articles
“CSS Frameworks” may cut down your development time. Here are 10 promising CSS frameworks that are worth investigating…
Read More: 10 CSS Frameworks that are worth a look
-
Create the perfect CSS reset
Posted: 1 year ago in Code
As every new and experienced front-end coder knows, different browsers process code differently. Cross-browser coding can be time consuming. A CSS reset style sheet can even out the playing field and make things easier…
Read More: Create the perfect CSS reset
-
Styling your Lists: 20+ Brilliant Tutorials and Best Practices
Posted: 1 year ago in Tutorials
When we think about CSS-Styled lists, different ideas come to mind but that rusty old image of bulleted items is not one of them anymore. There are lots of different methods to format nice HTML lists that is used in most web designs not only for navigation menu (vertical or horizontal) but for formatting many design blocks in a stylish and elegant manner. In this article, we’ll have a look at how such lists can create a whole new look, feel, and effect of a site…
Read More: Styling your Lists: 20+ Brilliant Tutorials and Best Practices
-
CSS3 Exciting Functions and Features: 30+ Useful Tutorials
Posted: 1 year ago in Articles
With version three of CSS, many exciting features will be implemented. CSS3 leads to greater flexibility and makes it much easier to recreate previously complex effects. Many time-saving rules are being thought up for CSS3: text-shadow, box-sizing, opacity, multiple backgrounds, border-radius, border-image ,multi-column layout, etc…
Read More: CSS3 Exciting Functions and Features: 30+ Useful Tutorials
-
Beautiful glowing animated navigation
Posted: 1 year ago in Articles
Technique for changing a background position on hover (as you would with CSS) but the twist is a beautiful fade in effect…
Read More: Beautiful glowing animated navigation
-
Pure CSS Fish Eye Menu
Posted: 1 year ago in Tutorials
A pure CSS technique to transform your icon menu into an interactive zooming icon navigation menu inspired from Mac OSX Dock with fish eye effect. One of many ways to style html list tags into interactive, usable, and accessible menu using pure CSS…
Read More: Pure CSS Fish Eye Menu
-
On applying OOP concepts to CSS
Posted: 1 year ago in Articles
Read More: On applying OOP concepts to CSS
-
10 Best CSS Practices to Improve Your Code
Posted: 1 year ago in Tutorials
It’s really easy to find yourself wondering how your CSS got to be such a mess.
Sometimes it’s the result of sloppy coding from the start, sometimes it’s because of multiple hacks and changes over time.
Whatever the cause, it doesn’t have to be that way. Writing clean, super-manageable CSS is simple when you start off on the right foot and make your code easier to maintain and edit later on.
Read More: 10 Best CSS Practices to Improve Your Code
-
7 Quick CSS Enhancements for Better User Experience
Posted: 1 year ago in Code
The beauty in CSS is that a tiny directive can make a huge difference in how the page displays. Here are seven quick CSS snippets that will give your website more “pop” and make your user’s experience more functional and enjoyable including…
- Change Text Highlight Color
- Prevent Firefox Scrollbar Jump
- Rounded-Corner Elements
- Print Page Breaks
- Attribute-Specific Icons
- CSS Pointer Cursors
Read More: 7 Quick CSS Enhancements for Better User Experience