CSS3

  • Refreshing Like September Rain: 20+ Free HTML/CSS, PSD and GUI Templates for Trendy Designs

    Autumn is approaching. While I write this, the world around me seems about to drown. Rain is hammering against my window. Face it, it’s September 2014. And while it’s not always a good thing to see nice seasons leave and nasty seasons come, there is one upside of time flying by and this is the availability of the next stack of templates from our monthly series. Once again we have come up with our picks of the month, showing new interfaces and templates for all your web and mobile projects. As always, this roundup is divided into three sections for HTML templates, PSD templates and Graphic User Interfaces. Go ahead and see what we dug up for you. My personal favorite is "Lonely", a Bootstrap-based photography theme. What is yours?



    Read more 
  • 20 Free HTML, PSD and GUI Templates: August 2014 Edition

    Summer moves on, but we are here to stay, as reliable as always, bringing you the next bunch of free HTML, PSD and GUI templates developers and designers brought forth in the month of August 2014. Despite the hot days creativity didn’t dry up. My favorite this month is the HTML5 template Sublime, but there should be enough to choose from for everybody. If you’re a first-time visitor to this series, scroll down to the bottom of the post where we have neatly listed all the already published parts of our monthly collection.



    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 
  • CSS3: Viewport Units – New Units for Responsive Designs

    Developing web designs that adjust to the width or – if needed – the height of a browser window is easy with percentage-based values. You will probably be doing this on a daily basis, optimizing your website for tablets and smartphones. No matter the element, text blocks, images, everything adjusts to the size given.



    Read more 
  • Magic.css: CSS3 Animations on Steroids

    It is almost a year ago, that Christian Pucci from Italy introduced his stylesheet-project Magic.css. Magic.css lets you build CSS3 animations with special effects. Last year, Christian, better known as miniMac, had only a handful of effects to show. Up until today, this number has grown to 55. All the effects come in a single stylesheet, prefixed for all modern browsers. Magic.css is published under the terms of the MIT license, and can be used freely.



    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 
  • 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 
  • 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 
  • Colors of Fall 2013: 21 Fresh and Free Design Resources

    Hello designers, developers, web enthusiasts of the globe. We are back with another edition of our monthly collection of the freshest design resources the month of September had to offer. If you know our series already, you know you can expect the best HTML, CSS and PSD templates, as well as UI-kits for your next great web or native app. All of the resources showcased here are fresh, free and easy to download, suitable for experienced and amateur web designers, so be sure to download the ones you love and share them with everyone you know!



    Read more 
search form
 
image description image description