CSS

  • HTML5 Brings Tables Back: Contemporary Grid Layouts with CSS Grids

    Back in the days where CSS was a rumour and content and design were not divided, building a website using tables was perfectly common. With the rise of the semantic web tables were redefined to be used only for their original purpose, structuring data, that was meant to be shown in the form of tables. Furthermore, CSS didn’t bring forward an easy way to structure layouts in rows and columns. Now, with the new CSS Grids rasterized layouts return and they resemble the way of table-based designs quite closely.



    Read more 
  • CSS Framework Cute Grids: Highly Flexible Grid System for Responsive Layouts

    These days it is impossible to ignore the power of mobile. So, if you’re in the process of designing a website, chances are that you will do that with mobile in mind. Most likely, you are working on implementing a fully responsive layout. The lean and clean CSS framework we want to introduce you to today, wants to help you achieve that goal easily. "Cute Grids" is highly flexible and allows for the creation of a grid-based layout with up to 12 columns. "Cute Grids" will only take care of the columns, nothing else. But it will do that in relation to the size of the browser window.



    Read more 
  • Responsive Images: Finally The Picture Element Arrives!

    This has taken quite a while. There was a lot of discussion, but now reality has it. The picture element as propagated by the W3C has finally arrived. If you are into the matter, you might know that the WhatWG had tried to standardize an additional attribute to the image element, named srcset as opposed to picture. Whoever believed in what WhatWG said, as they stated they’d stand for the "living standard" while W3C would be more an administrator of a static snapshot, got it wrong. W3C is alive and kicking.



    Read more 
  • The CSS Animations Pocket Guide: Now More Free Than Ever

    Publisher Five Simple Steps ceased to exist. Before they vanished, they took the friendly move to transfer all the rights on the books published back to their respective authors. Val Head, author of The CSS Animations Pocket Guide immediately put up a page on her personal blog and started to offer the guide along the lines of the "Pay what you want" model which includes getting it for free, too.



    Read more 
  • CSS Vocabulary: Definitions for Beginners

    Even experienced designers are not constantly keeping CSS vocabulary in sight. Or are you permanently rattling off commands with your eyes closed? If so, people might start to avoid you. Did you notice such signs, now you probably know where to search. Thank me later. Probably it helps to know that there is a very conclusive technique to avoid running around murmuring CSS properties. Simply visit the project "CSS Vocabulary" and free your mind.



    Read more 
  • Everyday Helpers: Fresh Free CSS Tools GenerateCSS and Gradientoo

    A good CSS generator is a valuable addition to any designer’s toolbox. As an avid reader of Noupe Magazine you already know of a good chunk of helper services. Today we want to introduce you to two more great apps. While one, GenerateCSS, is a full-fledged toolbox in its own right, the other, Gradientoo, only serves the task of creating gradients, but does this with an unknown flexibility. Both are worth a bookmark in your favorites collection…



    Read more 
  • Powerange and Switchery: HTML5 Switches and Sliders in Flat Design

    Alexander Petkov creates ripples having developed two free HTML5 components following the popular flat design trend. The latest one, Powerange, allows you to create modern range sliders clearly inspired by iOS7 and the older Switchery does the same job for switches. Both components are designed as combinations of CSS and JavaScript without further dependencies and run in all modern browsers, even Internet Explorer (from 8+ in Switchery and 9+ in Powerange). You need not be a fan of iOS7 to enjoy the features of Petkov’s components as customization allows you to take the looks to wherever you want them to..



    Read more 
  • Total Recall #1: The Ultimate Collection of the Best Free Templates 2013 in PSD and HTML/CSS

    The past leaves its own mark, so it is very useful to look back early in the year, and put up a best-of-collection of remarkable things and resources. May be you have missed something valuable that might come in handy in the near future, probably something that will make your working process more efficient, time-saving and cost-effective. Or be it something that can help to quickly “kickstart” your web project, and is available free of charge and can freely undergo different changes. Today we are going to give a rundown of the previous year’s free stuff. To be more precise, today we have collected professional website layout PSD and HTML/CSS templates, which, as practice shows, are never enough.



    Read more 
  • Styling SVG with CSS: Capabilities and Limitations

    SVG is the new standard for vector images in the browser. Vector editors such as Adobe Illustrator allow to directly save to that format and modern browsers have no problems to properly display SVG. As SVG graphics consist of markup, they can be created and maintained using your favorite text editor, just as you do with your HTML. It is even possible to style SVG with CSS, though you’ll need to know about quite a few differences in doing so, compared to styling HTML.



    Read more 
  • One-Stop Shop: PHP-Tool Munee Cares for All your Website’s Assets

    Cody Lundquist, Australian with a Swedish sounding name, created a free asset-management based on PHP 5.3. Its feature-set is astounding, yet demands a special preliminary treatment of the websites, it’s supposed to be working on. Munee is able to manage any kind of possible asset, be it images or other files, JavaScript, CSS, LESS, SCSS or even CoffeeScript.



    Read more 
search form
 
image description image description