CSS
Responsive Tables by ZURB
A CSS/JS solution for tables that allows them to shrink on small devices without sacrificing the value of tables, comparison of columns. Our solution for responsive tables requires two included files (both linked on this page): responsive-tables.css and responsive-tables.js. The JS will help us create some new elements on small devices, so we don't have to modify our table markup on the page. The CSS applies the requisite positioning and overflow styles to make the new elements work. /* Attach the Table CSS and Javascript */ <link rel= "stylesheet" href= "responsive-tables.css" ><script src= "stylesheet" href= "responsive-tables.js" </script> Small Word Table
Published by Chris Coyier Note from the editor: The following is a guest post by Nick Morgan aka Skilldrick . I don't know much about canvas, so it's a pleasure to be able to share an article about a current web technology that is outside of my current range of knowledge.
Learning Canvas: Making a Snake Game
Next in the Orman Clark’s coded PSD series is his awesome looking Vertical Navigation Menu . We’ll recreate it with CSS3 and jQuery while using the minimal amount of images possible. The only images we’ll be using are for the icons – I’ll be creating a sprite using a new tool called SpriteRight , but this is optional. Additionally, I’ll be using GradientApp to create my CSS3 gradients, but again this is optional.
Orman Clark’s Vertical Navigation Menu: The CSS3 Version
Responsive web design is a must for any web project. It is almost impossible to design a new website for each and every gadget with so many different screen sizes, resolutions and a lot of other features. However, this should not be a problem when having an online presence equally suitable for any platform, because this is what users would naturally expect. In short – responsive web design means that design and development should work hand in hand in responding to the user’s behavior and the environment based on screen size, platform or any other feature that makes it different from the usual desktop-oriented web design.
The Best Responsive Web Design Tools
CSS3 opens up so many crazy possibilities and today we want to show you how to go wild with splash and coming soon page effects using CSS3 animations. We'll experiment with animation sequences and how to bring some life to some simple elements. View demo Download source CSS3 opens up so many crazy possibilities and today we want to show you how to go wild with splash and coming soon page effects using CSS3 animations. We’ll experiment with animation sequences and how to bring some life to some simple elements.
Splash and Coming Soon Page Effects with CSS3
AndrewG, January 23, 2011 HTML5 and CSS3 are really revolutionizing web development and web design, because they are bringing so many new features to work with to the fields. In this article you’ll be able to find some great tools, cheat sheets and much more you could need to master these new features. Here we present you, a list HTML5 tutorials and techniques that you can’t miss if you are a web developer.
Useful HTML5 & CSS3 Toolbox For Web Developers / HTML 5 / Splashnology - Web Design and Web Technology Community
boutons