Design

Design

Best of 2015: 100 Free Fonts for Designers

February 11th, 2016
by
Best of 2015: 100 Free Fonts

When it comes to adding visual variety to the design, there is no simpler way than to use a couple of typefaces, which on the one hand, should match each other and, on the other hand, should have some distinguishing traits. Whether you need to craft a print design or create a website interface, there is always a typeface that meets the requirements of the...

(Free) Services

Chromantics: Do You Know the Psychology of Colors?

February 10th, 2016
by
chromantics-question-one

The small but really neat browser quiz Chromantics asks ten questions touching ten different design environments. You need to choose the right one of two color options for each design task from a color-psychological point of view. I wasn’t always right. Chromantics: Who is the Best Color Psychologist? Fortunately, Chromantics always explains the correct choice with background information which was able to restore plausibility...

Design

Adobe Announces Updates for Muse and Animate CC

February 9th, 2016
by
adobe-updates

Adobe has recently announced the release of major updates to three of its apps: Animate CC, Muse CC and Bridge CC. All of these applications have been overhauled and are now ready for download. Adobe Animate CC is, basically, a revamped version of Flash Professional (Adobe had announced the renaming of Flash Pro as Animate CC back in late 2015). Animate CC comes with...

Design

Responsive Image Breakpoints Generator: A Free Tool For Responsive Images

February 4th, 2016
by
Responsive Image Breakpoints Generator:

With consumers using devices of multiple sizes – from smartphones and tablets to laptops and desktops, responsive web design is no longer a luxury, it’s a necessity. More and more users are browsing the web via mobile devices, requiring websites to support an increasing number of screen resolutions. In order to deliver the best user experience possible, developers are increasingly adopting responsive design. Websites must...

Design

Sketch Extensions Now Have A New Home

February 4th, 2016
by
sketch-extensions

For the past couple of years, Sketch has been rising in popularity among designers around the world. While it still has not replaced Photoshop as a viable design tool, it has earned a spot for itself in the design workflow of many creatives around the world. Available for only Mac users, Sketch is easy to use and has an intuitive interface, making a bloat-free...

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....