Design

Design

Annoying or Inspiring? Sound in Modern Webdesign (Best Practice)

January 22nd, 2016
by
Annoying or Inspiring? Sound in Modern Webdesign (Best Practice)

You could think that background music in web design was totally out. We, the web designers and developers thought we had left behind this anachronistic way of attracting attention since the early stages of web design. But we were wrong. Sound, in the shape of effects or background music for particular areas of a website, is slowly gaining popularity again. Enough reason for us...

Design

Combining CSS3 Transitions for Complex Animations

January 20th, 2016
by
Combining CSS3 Transitions for Complex Animations

Animated transitions can be done with little effort thanks to CSS3 transitions and are used a lot nowadays. You can alter different characteristics at the same time. There is also the possibility to play with the attributes you want to animate at different times and with different durations. CSS3 Transitions Using Delays The „transitions“ attribute knows four different values. The first value determines which...

Boilerplates & Other Tools

Firefox Developer Edition: The Browser for Developers

January 19th, 2016
by
Firefox Developer Edition: The Browser for Developers

Nowadays, every browser provides developer tools that allow you to thoroughly test your web projects regarding design and functionality. By default, JavaScript debugging and the inspection of the source code are among these features. Firefox Developer Edition is a browser developed by Mozilla and is dedicated solely to web developers, providing even more useful tools that help to optimize a website. Its features include...

Boilerplates & Other Tools

New Simbla 2016: Responsive Websites for Everyone

January 18th, 2016
by
New Simbla 2016: Responsive Websites for Everyone

Thanks to plenty of building kits and website builders, it’s possible to create a website easily and without any knowledge of HTML, CSS or JavaScript. However, these websites often lack quality regarding design and technology. Simbla is a website builder directed to both, professionals that speak HTML fluently and laymen that simply want to create a website via drag and drop. Websites created using...

Design

Text Effects With SVG: Patterns, Masks and Clipping Paths

January 11th, 2016
by
Text Effects With SVG: Patterns, Masks and Clipping Paths

You already know that the SVG format can do much more than displaying vector-based shapes. Today, I want to show you how text effects can be created with SVG. Patterns, masks and clipping paths allow you to implement a plethora of creative ideas. You can realize unusual and unique text effects that can’t even be done with the help of the many features of...

Design

HTML5: Automatic Capitalization Using autocapitalize

January 10th, 2016
by
HTML5: Automatic Capitalization Using „autocapitalize“

Form entries on smartphones and tablets are not always a pleasant thing. Words are suggested by input assistances. Upper and lower case spelling can also be influenced or set. The HTML attribute autocapitalize allows you to define when words shall automatically be started with a capital letter and when they will be displayed in all caps for form input fields. Making Characters, Words or...

Design

SVG: How to Work With Text and Font

January 3rd, 2016
by
SVG: How to Work With Text and Font

The SVG format is not only useful for the display of vector based shapes. You can also place and edit font in it. In contrast to semantic font labelling in HTML, there are some particular things you need to keep in mind. You should also know some differences to the markup via CSS. Marking Fonts Via SVG and Editing With CSS While HTML knows...

Design

How to Create Websites That Meet Visitor Expectations

December 29th, 2015
by
How to Create Websites that Meet Visitor Expectations

Creating good websites starts with a certain consistency. This consistency is essential for the cognitive burden of a website’s visitor. When your design is consistent, using the website feels smooth and logic. However, when it is inconsistent, the user needs to put in unnecessary effort. This is what you need to avoid when you want to create websites that meet the expectations of your...

Design

HTML5: Plyr is a Responsive and Accessible Video Player

December 26th, 2015
by
HTML5: Plyr is a Responsive and Accessible Video Player

Today, those that want to integrate video and audio files in a website, rely on HTML5. Plyr is an extensive tool to help with that, allowing you to create a custom interface for HTML5 video and audio. As Plyr is a contemporary piece of web technology, it is both responsive and accessible. Simple Operation, Freely Configurable Coming to results with the Plyr is easy....

Design

Noupe says “Merry Christmas”

December 24th, 2015
by
Merry Christmas

Whether you are celebrating Christmas or not. We wish you all the best no matter what. Take the days until year’s end to reflect on what has been and what is there to come. Foremost, spend time with your loved ones. No matter the colour of your skin, your religion, your sexual orientation – we are all world’s citizens. We here at Noupe live...

Business Online

16 Fresh Free eBooks for Designers and Developers

December 18th, 2015
by
free-ebooks-teaser_EN

Being a designer or developer means that you’ll never be able to stop learning. Learning is like your second leg. You can still move with only one but won’t win any contests any longer. Free eBooks are perfect in helping you staying updated as they usually offer knowledge in a very compact form. That way they don’t take up too much of your time,...

Business Online

Four Tools for Creating HTML5 Banners in Seconds

December 17th, 2015
by

Banner ads are delivered in Flash less and less often. HTML5 has become the standard for online advertising as well. Thanks to CSS3 animations are possible without any issues and interactions are made possible with JavaScript. Of course, HTML5 banners can also be created manually. But there are plenty of free and paid tools that are specialised in the creation of HTML5 based banners....

(Free) Services

Simunity Icon Maker: Create Awesome Pictograms in Seconds

December 14th, 2015
by
Simunity Icon Maker: Create Awesome Pictograms in Seconds

Based on the Font Awesome Icons used for Bootstrap, the developers of the homepage builder Simbla came up with an icon maker that allows you to create custom pictograms in a matter of seconds. Two colour selectors, a few sliders and two collections of shadows and frames are all it takes. Good Choice: Based on Font Awesome The creators of Simbla chose Font Awesome...

Design

SVG: How to Create Interactive Graphics for Your Website

December 9th, 2015
by
svg-interaktiv-teaser_EN

You surely know that SVG is much more than just a vector-based file format. Animations as well as interactions are also a part of the vector format’s arsenal. As JavaScript can also be used within an SVG file, there are plenty of usage options. The JavaScript solution svidget.js provides an extensive framework which allows you to create and integrate SVG graphics as widgets. Creating...