background preloader

45 Powerful CSS/JavaScript-Techniques

45 Powerful CSS/JavaScript-Techniques
Advertisement CSS and JavaScript are extremely powerful tools for designers and developers. However, sometimes it’s difficult to come up with the one excellent idea that would solve a problem that you are facing right now. Good news: almost every day designers and developers come up with fresh and clever CSS tricks and techniques and share them with other developers online. In this post we present 45 useful CSS/JavaScript-techniques that may help you find clever solutions to some of your problems or just get inspired by what is possible with CSS. Please notice that this is the first part of our large round-up of fresh CSS/JavaScript-techniques. We are aware that many readers are tired of “lists” floating around in the Web, but we are confident that the vast majority of our visitors will benefit from this post format and will find at least some of the techniques featured in this post useful. Interesting CSS Techniques CSS Navigation Menus Sproing! CSS Typography and Body Copy CSS Lists

50 Brilliant CSS3/JavaScript Coding Techniques Advertisement CSS3 is coming. Although the browser support of CSS 3 is still very limited, many designers across the globe experiment with new powerful features of the language, using graceful degradation for users with older browsers and using the new possibilites of CSS3 for users with modern browsers. In this post we present 50 useful and powerful CSS3/jQuery-techniques that can strongly improve user experience, improve designer’s workflow and replace dirty old workarounds that we used in Internet Explorer 6 & Co. Visual Effects and Layout Techniques With CSS3 CSS3 Analogue ClockAnalogue clock created using webkit transition and transform CSS. Use CSS3 to Create a Dynamic Stack of Index CardsWe will create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for the styling). Navigation Menus With CSS 3 CSS 3 Transitions and Animations CSS3 Galleries

HTML5, CSS3, JS Demos, Creations and Experiments | CSSDeck Web development tutorials | w3resource

Related: