Design
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, ...
CSS3
Development
Adobe’s Snap.svg: Animations With HTML 5, Without Flash
Flash has long been the standard for vector-based web animations. Some say for too long. The rise of mobile clients led to an acceleration of web standards such as HTML5. Thanks to the ...
Essentials
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 ...
Deals & Giveaways
Deal of the Week: Designmodo’s Fantastic Startup Design Framework Based on Bootstrap 3 and PSD
Who in the world of web design and development doesn’t know Designmodo? Active since 2010, these guys have brought useful resources to the design world and still keep on doing so. ...
Development
Pump up da Project: 5 Must-Have JavaScripts (March 2014 Edition)
Great to see you liked the first iteration of "5 Must-Have JavaScripts". This is a foundation to build upon, so I decided to give you a fresh shot of must-have JavaScripts on ...
Essentials
TemplateMonster: More Than 30,000 Templates For Your Next Web Project
This name does stand for itself. TemplateMonster actually is a monster in terms of size and variety. More than 30,000 templates for various CM systems as well as plain HTML/CSS, ...
Development
Pump up da Project: 4 Must-Have JavaScripts (February 2014 Edition)
Have you already heard of “You might not need jQuery”? That site created ripples soon after its release a few weeks ago. It suggests that you might be better off targeting modern ...
Design
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 ...
Boilerplates & Other Tools
DevDocs: The Ultimate Work of Reference for Web Developers
Thibaut Courouble is back. The philosopher and front-end developer from France created yet another useful web service for developers. His new project DevDocs has the potential to become ...
Essentials
Let It Snow: Festive Resources to Santa up Your Website
In these special times we tend to not only decorate houses, streets, the whole country, basically. We don’t even leave our websites untouched. Christmassy looks are mandatory ...
Development
Plug-in Free #3: Building an Interactive Map
Hello developers! I am back for part 3 in our series on plug-in free web development. While the first article was all about theory, the second showed you how to implement bar graphs ...
Development
Plug-in Free #2: Building Interactive Bar Graphs with HTML5
Good morning, developers! I am back for part 2 in our series on plug-in free web development. While the first article was all about theory, we can now get rolling. In the following ...
Deals & Giveaways
Bootstrap Happiness: 10 Premium Responsive HTML5/CSS3 Templates For ONE Dollar Each
You know that we love Bootstrap here at Noupe. Released in August of 2011, even Twitter may not have known how big it would get. As of Summer 2013, it is still the most popular GitHub ...
(Free) Services
IM-Creator: Free HTML5 Homepage Builder for John Q. Public
Homepage construction kits, website builders or whatever you might want to call them are not shrinking in numbers. Instead, their numbers grow constantly, and, what’s more, their ...
Essentials
HTML5up: 14 Totally Free and Modern Templates Made With HTML5
If you happen to be looking for ready-made website-templates you need not search for long. Google brings up a bunch of sites, here at Noupe we don’t abandon you on that search ...
Design
All You Need To Know About CSS3 Selectors, #1: Structural Pseudo-Classes
Today’s front-end developers don’t just need to understand how to write CSS, we need to know how to write it efficiently. And what “efficiently” means can ...