CSS

  • 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 
  • Unusual Code Checker: Holmes Validates HTML, Uses CSS To Do So

    holmes-w550

    Of course it is advisable, no, mandatory to have your source code checked, double-checked and validated to avoid errors and to ensure standards compliance. Instead of having your project run through one of the many validators out there, you can opt to use the brand-new diagnostic tool by the clever name of Holmes to achieve the same. Holmes is a tool, that uses CSS to check your source code for non-compliant and invalid HTML. Here is how it does it…



    Read more 
  • CSS Matic – “What You See Is What You Get” for CSS Developers

    Homepage

    Long gone are the times where we had to code CSS entirely by hand. It’s already been a while since more and more little helpers started to get created. These little helpers usually cover one single aspect of CSS and support it with a more or less elaborate graphical UI for visual development in the likes of WYSIWYG. Today I want to introduce you to a rather new service from Spain, which comes to cover four basic missions every CSS developer has to accomplish. The service is called CSS Matic and its creators are quite known in the field of web design.



    Read more 
  • How To: Genericons – 62 Vector Icons Webfont by WordPress Creators Automattic

    genericons-w550

    Not only do we see a massive growth in the number of mobile devices, also the capabilities of these little handsets improve with every new generation. It’s an irreversible trend, commonly known as HiDPI, that causes lots of work not only, but also for web designers. If you have ever had the pleasure of looking at a non-retina app on one of the new MacBooks Pro, you know what I’m talking about. WordPressers Automattic made sure that their blogging software got equipped with retina-capable iconry during the latest update. A few days ago they published Genericons, an icon webfont made up of vectorized symbols…



    Read more 
  • Typeplate: Starterkit Cares For Decent Typography – Doesn’t Care For Web Design

    typeplate-homepage-w550

    Typography and web design should go hand in hand. But since the possibilities to implement proper typography have only just emerged in the last few years, a lot of developers are stuck in their traditional mindset. Of course everybody will agree that typography is important, but when it comes down to fish or cut bait, often only the bare necessities get done. With Typeplate, there is a chance that this might change, as Typeplate doesn’t exactly transform typography on the web to a no-brainer, but it really simplifies the process.



    Read more 
  • New Tools: CSS-Preprocessor Roole and HTML Converter Markdown.css

    roole-w550

    Astonishing things happen inside the development community. It keeps pushing out tools at an hourly rate, where some tools become essential and others are never again heard of. Today we will be looking at two tools, one from each side of this spectrum. While Roole, a JavaScript-based preprocessing CSS language, proves immediately useful, Markdown.css asks for a deeper look, or two.



    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 
search form
 
image description image description