Development

SVG and JavaScript: What Is Possible, What To Consider?

January 22nd, 2014
by Denis Potschien
2
SVG and JavaScript: What Is Possible, What To Consider?

SVG has been around for quite some time now, waiting. Waiting for proper browser support. The wait is now over as all modern browsers support the format today. With Flash being on the decline, SVG has grown even more popular. Just like the proprietary Flash format, SVG is vector-based and can even contain animations. You need not even miss out on scripting, as SVG...

Essentials

HTML, CSS, PSD and More: 22 Free Design Resources from December 2013

January 20th, 2014
by Noupe Editorial Team
6
HTML, CSS, PSD and More: 22 Free Design Resources from December 2013

Design resources are great in many ways. Some of us might just use them as they are, building their next project upon them. Others simply take them as an inspiration to create their own. All of us collect these resources. There’s no denying, we are hunter-gatherers. In the face of this fact we’ve put together yet another set stuffed with HTML, CSS and PSD...

Themes

20 Inspiring Free WordPress Themes To Start Anew in 2014

January 17th, 2014
by Noupe Editorial Team
13
20 Inspiring Free WordPress Themes To Start Anew in 2014

Christmas and New Year have been and gone. If reshaping your WordPress site is one of your New Year’s resolutions, the following article is for you. The following themes have all been created between December 2013 and today, thus can be called the freshest there are. 17 of our 20 newcomers work fully responsive, a trend that has been on the rise for quite...

Apps

Brandnew App for Mac OS: 2,800 Free Icons for Designers

January 16th, 2014
by Dieter Petereit
2
Brandnew App for Mac OS: 2,800 Free Icons for Designers

The name Ivan Boyko will sound familiar to quite a few designers out there. He is the creative head behind icons8. The website by the same name offers 2,800 icons to download for free. 1,600 of them are designed following the design style of Windows 8, while the other 1,200 fit into the version 7 redesign of iOS. Today, Boyko added a way to...

Development

HTML 5 and SVG: Providing a PNG Fallback with PHP and ImageMagick

January 15th, 2014
by Denis Potschien
1
HTML 5 and SVG: Providing a PNG Fallback with PHP and ImageMagick

Using SVG in web design has many advantages. Being a vector format is the biggest and has it standing out from the crowd of other image formats. You could have guessed, though, that while modern browsers do already support SVG, the good ole Internet Exploder doesn’t, at least not below version 9. As older versions of Internet Explorer are still out there in the...

(Free) Services

Picjumbo: A New Collection of High-quality, Commercial-use Photos for Totally Free

January 13th, 2014
by Dieter Petereit
2
Picjumbo: A New Collection of High-quality, Commercial-use Photos for Totally Free

Photos are what web designers need in massive amounts. Yet, shooting each and every needed photo by yourself would soon become a full-time occupation in itself. Compromises are to be made. Thus, it’s no wonder that we see loads of stock libraries around. Who wants to use the same images, competitor X already uses? The need for heaps of fresh images is permanently rising....

Development

Wallpaper for jQuery Adds Image or Video Backgrounds to Any Website Easily

January 10th, 2014
by Dieter Petereit
5
Wallpaper for jQuery Adds Image or Video Backgrounds to Any Website Easily

Such is life. Client X needs a landing page within the next 15 minutes. It’s a rather simple page with not a lot more than a full-screen background image. Now, how can I achieve that in the quickest and easiest way? Having evaluated a few alternatives I decide to go with Ben Plum’s newest jQuery plugin Wallpaper. This lets me do the job in...

Boilerplates & Other Tools

DevDocs: The Ultimate Work of Reference for Web Developers

January 8th, 2014
by Dieter Petereit
4
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 the ultimate work of reference for anybody building web apps. DevDocs integrates a plethora of different documentations and equips them with a spanned search function. This is a very good idea… Courouble: No Stranger to The...

Boilerplates & Other Tools

Summernote: Powerful WYSIWYG-Editor for Bootstrap 3

January 6th, 2014
by Dieter Petereit
4
Summernote: Powerful WYSIWYG-Editor for Bootstrap 3

Today I stumbled upon a fresh JavaScript, which I think you will like, too. This little tool helps you integrate a feature-rich WYSIWYG editor into your next Bootstrap project. And it is entirely free. Summernote – say hi – is under ambitious development and bound to reach version 1 in the course of the next few weeks. You need not wait, though, as Summernote...

Infographics

Webydo vs. WordPress vs. Wix: Who Wins The Web Design Race? (Infographic)

January 2nd, 2014
by Dieter Petereit
16
Webydo vs. WordPress vs. Wix: Who Wins The Web Design Race? (Infographic)

The web design industry is changing. Web design was once dominated by hand-written code, using tools that were pimped text-editors at best. Then tools evolved to help web designers spare some of the repetitive tasks of hand-coding and support them more by offering auto-completion or syntax-highlighting. It’s only since a few years that we see tools which are able to achieve much more than...

Boilerplates & Other Tools

LayoutIt! Free And Powerful Boilerplate For Your Next Bootstrap 3 Project

December 31st, 2013
by Dieter Petereit
1
LayoutIt! Free And Powerful Boilerplate For Your Next Bootstrap 3 Project

LayoutIt! is a clever web tool, created by Entropeer, a small design agency based in Buenos Aires. At first sight you might go mistaking LayoutIt! for a website builder, which actually it is not, although it looks and functions much in the same way. What LayoutIt! creates is „only“ a kickstarter, an initial foundation to build up upon. Get your next Bootstrap 3 project...

Development

Codeblock.js: Edit and Run JavaScript Directly from Within Your Browser

December 30th, 2013
by Denis Potschien
0
Codeblock.js: Edit and Run JavaScript Directly from Within Your Browser

Talking about introducing JavaScript frameworks, libraries or just step by step tutorials, it is always useful, if you are able to support all your words by a handful of fitting live examples. So, instead of just posting dead code snippets, would it not be far better, if you could embed JavaScript in a way that it can be edited and run by your readers,...