Essentials

24 Fresh and Free HTML, PSD and GUI Templates: July 2014 Edition

July 30th, 2014
by Juan Pablo Sarmiento
3
24 Fresh and Free HTML, PSD and GUI Templates: July 2014 Edition

Continuing with our monthly series, we bring a selection with the best quality items for webmasters and app developers looking for good interfaces to use in their projects. Our favorite this month is Kappe, but as always, there should be something 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...

Design

CSS3 Background Blends: Photoshop Background Effects in pure CSS3

July 29th, 2014
by Denis Potschien
1
CSS3 Background Blends: Photoshop Background Effects in pure CSS3

With CSS3 we are able to add more than one background to an element. In doing so background images and/or colors are piled upon each other, just as you know from the layers concept of Photoshop. While transparencies exist, the underlying background file or color will shine through. The new CSS3 Background Blends allow for even more possibilities to combine several backgrounds into one...

Development

Better than Pure CSS3: Realistic and Complex Shadows with Shine.js

July 25th, 2014
by Denis Potschien
1
Better than Pure CSS3: Realistic and Complex Shadows with Shine.js

Thanks to CSS3 there are several possibilities to apply shadows to elements. We have text as well as element shadows, and even a shadow filter exists. Unfortunately all CSS3 shadows are limited to simple drop shadows, where you can define its colour, its blur, the offset and the size. The new JavaScript library offers many more features to let you create much more realistic...

(Free) Services

More than 700 Free Stock Photos for Commercial Use – Raumrot and KaboomPics

July 24th, 2014
by Dieter Petereit
0
More than 700 Free Stock Photos for Commercial Use – Raumrot and KaboomPics

We had free images since years ago. That’s not so very new. But what really is new is the growing professionalisation of these services and their offered material. Was professional photography the domain of commercial stock photo providers for ages, these days the lines start to blur. I personally have turned to looking through the free offers first, and only if I cannot find...

Development

MagicSuggest for jQuery: Beautiful Selection Comboboxes Based on Bootstrap 3

July 23rd, 2014
by Denis Potschien
2
MagicSuggest for jQuery: Beautiful Selection Comboboxes Based on Bootstrap 3

The „<select>“ element makes it easy to markup input areas for multiple selections. On the downside there are quite a few limitations to it and it sure doesn’t look anywhere near as great as MagicSuggest does. Instead of having boring select lists, MagicSuggest allows us to create beautiful comboboxes capable of multiple selections from both freely entered and prepopulated items. MagicSuggest: Simple Integration MagicSuggest...

(Free) Services

Mazwai: 65+ Free HD Videos for Commercial Use

July 22nd, 2014
by Dieter Petereit
1
Mazwai: 65+ Free HD Videos for Commercial Use

It’s getting more and more common. Free stock photography is on the rise. We see new services emerge on a monthly basis. Mostly maintained by photographers, aiming to get more exposure or agencies, aiming to prove their quality of work, free stock photo libraries are a benefit for both sides. Getting more exposure and sympathy might potentially help to acquire more paid work, the...

Essentials

Vintage Style: 40 Free Retro Fonts Not Only for Hipsters

July 21st, 2014
by Dirk Metzmacher
4
Vintage Style: 40 Free Retro Fonts Not Only for Hipsters

Hipster supercharged the already running Vintage trend. Thanks to that we have a plethora of note-worthy, production-usable retro fonts at hand. About half of those we are going to show you today allow commercial use, the other half is for private use only. The information is given right alongside each item of the following article. We hope you enjoy our little collection of 40...

Design

HTML5 Brings Tables Back: Contemporary Grid Layouts with CSS Grids

July 18th, 2014
by Denis Potschien
4
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...

Design

Sky’s The Limit: 40 Fresh and Free Photoshop Text Effects

July 16th, 2014
by Nataly Birch
7
Sky’s The Limit: 40 Fresh and Free Photoshop Text Effects

Text effects in Photoshop are an art not too many know how to achieve. At least not when we are expecting noteworthy effects. Still, a strong typographic logo or eyecatcher of any other kind is granted to draw a good deal of attention to whatever you want to communicate. Text effects with Photoshop are not that easy, but no rocket science either. We have...

Development

HTML5 Imports: Import HTML Files Into HTML Files

July 15th, 2014
by Denis Potschien
1
HTML5 Imports: Import HTML Files Into HTML Files

The „link“ element is a blessing. It allows for easy embedding of stylesheets and JavaScripts needed in multiple documents. It didn’t allow the embedding of HTML files, though. To achieve that we were limited to the „iframes“ element or the JavaScript method „XMLHttpRequest()“. Thanks to the new HTML5 Imports, we can now use the „<link>“ element to load one HTML file into another. Simple...

Essentials

20 Free Dashboard UI Mockups: Graphs, Diagrams, Charts and Functional Widgets

July 14th, 2014
by Nataly Birch
0
20 Free Dashboard UI Mockups: Graphs, Diagrams, Charts and Functional Widgets

Admin panels are one of the bare necessities of modern web sites. Yet, as they are only seen by very few people, designers tend to not put too much effort into them. This is perfectly understandable, while at the same time too narrowly considered. The customer who will have to work with these panels for years to come will be much more likely to...

Design

HTML5 Clinic: Make Your Browser Talk via The Speech Synthesis API

July 11th, 2014
by Denis Potschien
3
HTML5 Clinic: Make Your Browser Talk via The Speech Synthesis API

Navigation devices do it since forever. Now browsers are learning to do it, too. I’m talking about speech synthesis. HTML5’s new Speech Synthesis API allows your website to speak or more precise, to read out loud what is written there using a human voice. There are different voices for different languages, even several voices per language. Now all it takes is pressing a button...