Posts Tagged ‘CSS’

  • CIKONSS 1.0: Responsive Icons In Pure CSS, IE Doesn’t Fail

    cikonss-startpage-550

    Icons based on PNG, GIF or JPG are nothing new. Relatively new is the way to store all icons in one single PNG and access them via CSS, the so-called sprites. Even more interesting is the complete omission of file-based structures using nothing but pure CSS. CIKONSS does just that. And as these symbols are based on CSS2, even Internet Explorer 8 supports them.



    Read more 
  • CSS Architectures #1: Principles of Code Cleanup and the New Best Practices

    Box-Models in Real Life Can Come Over Complicated, too

    All too often, the CSS for major (and minor) websites is a textbook case of code bloat and redundancy, with lines of code that boast unnecessary use of qualifier elements, overly specific selectors from unnecessarily long selector chains, overdependence on descendent selectors when other selectors would be more appropriate, and the inappropriate or unnecessary use of !important. We’ll show you better ways in the following article…



    Read more 
  • CSS Rooted: Flexible Type Sizes With REM

    Best practices of defining font sizes are discussed throughout the web since its inception. Besides the traditional candidates, such as px, em and %, rem represents a fairly new alternative, taking the best of the other units and combining them into one.



    Read more 
  • HTML5: Trendy Tooltips with Tooltipster for jQuery

    Tooltips are a square deal. They allow for the placement of important information just in the very location this information is needed, regardless of screen real estate. Tooltipster is a plugin for jQuery aiming at making the process of creating tooltips as easy as possible while providing the biggest functionality available. They conform to HTML5 and can be styled to your own liking using CSS.



    Read more 
  • Code School + Noupe: Claim Your Complete Sass Course for Free

    Recently we teamed up with the nice folks over at Code School to offer you a comprehensive course on how to use Sass effectively. Sass is a CSS preprocessor that makes coding style sheets a whole lot easier and the sheets themselves much more maintainable. “Assembling Sass”, that’s the title of Code School and Noupe’s free offering, explains the basics of how to enter the world of structured CSS in an entertaining, yet profound manner. Even though “Assembling Sass” is definitely worth paying for, Noupe readers can claim lifetime access to this course for free. You have to be quick, though…



    Read more 
  • CSS: How To Individualize Scrollbars in Webkit Browsers

    Internet Explorer is able to do it. Since ages, immemorially, almost. I’m talking about the customization of its scrollbars. Since version 5.5, which was released in July 2000, you can individualize the colors within its scrollbars. Most currently, browsers based on Webkit have caught up with IE 5.5 and allow for even more sophisticated individualization – their possibilities are not limited to simply changing colors.



    Read more 
  • Metro UI CSS: You can have a tiled website too

    Microsoft’s new UI, once known by the name of Metro, has caused quite some buzz in the tech world. Meanwhile the name has been dropped, which again caused quite a buzz in the tech world. We don´t know why this was done nor do we know if the next Windows will be a market success. What we know is, that Metro as a design style has its fans. If you are one of them, we have great news for you. Thanks to Metro UI CSS you can give your very own website the same tiled look, the interface of the next generation Windows will have. Go ahead!



    Read more 
  • Get Your Form On: Modern Web Forms Tutorials

    This article is designed to show you (through tutorials) how to create and better understand CSS forms. With a proper understanding of each element (radio buttons, checkboxes, textareas ..), CSS know-how, a little patience and some creativity you can create beautiful and appealing forms.



    Read more 
  • Designers Know Your Code: Web Design Tutorials

    As almost any web designer worth their salt, and a large percentage of web developers will tell you, to be fully considered a web designer you have to have some background in code. Not to the depth that full on developers must, but it really is unfair to the rest of those working on a website with us if we do not have some knowledge in a handful of key areas. Which is where these web design tutorials come in.



    Read more 
  • 100 Great CSS Menu Tutorials

    Navigation is such an important part of your website. It’s how your visitors navigate to the main areas of your site and makes it easy for them to find your good content.



    Read more 
search form
 
image description image description