Boilerplates & Other Tools

Simbla 2016: New Data-Driven Website Application Builder

July 12th, 2016
by Denis Potschien
1
simbla-640x292

Many homepage builders promise you to be able to create websites without requiring any knowledge of HTML, CSS, and JavaScript. Then you find out that this comes at the cost of having to succumb to more or less flexible premade design templates. The website builder Simbla is one of the exceptions that don’t just provide pretty templates. The site layout is responsive and based...

Design

Mobile Navigation Via Taps and Gestures Instead of the Mouse

July 12th, 2016
by Denis Potschien
0
hover-navigation-640x427

Mobile web has strongly influenced our habits of when, how, and where we use the world wide web. The way of how we navigate through websites has changed the most. A few years ago, the mouse had the main responsibility for the navigation, and now, tablets and smartphones are controlled via simple taps and gestures. Thus, contemporary websites should definitely consider taps and gestures...

Inspiration

20 Animated Interfaces: New Ways to Present a Concept

July 11th, 2016
by Nataly Birch
0
weather app

There are numerous ways to represent the prototype of an upcoming project to the client. You can stick to the traditional path and overwhelm the client with a bulk of paper material and digital sketches accompanied by extensive descriptions. Or you could go for modern tools such as Adobe After Effects, Framer.js or MarvelApp that will make the future interface look pretty realistic, alive,...

Business Online

How Writing Helped Me Find My Destiny

July 10th, 2016
by Andreas Hecht
0
How Writing Helped me Find my Destiny

Today, you’ll get to read an unusual article, sort of an outing. Only very few people can claim that a website has changed their life. I’m one of them. And the site that I’m talking about is Dr. Web. It has changed my entire life and turned it upside down. What was left is my destiny. The Prolog: Webdesign, WordPress Themes, and WP Security...

Essentials

Everyday Fonts: These Typefaces Always Work

July 9th, 2016
by Denis Potschien
0
Everyday Fonts

The search for suitable fonts for a web project is not always easy. Many fonts have a unique character, and thus, don’t suit every case. However, there are a lot of free fonts with a very general design, allowing them to be used in almost any web project. We call them everyday fonts and have gathered some for you. “Source Sans” and “Source Serif”...

Inspiration

12 Amazing Quotes to Help Inspire your Web Design

July 8th, 2016
by Tim Brown
0
Taking a look at these inspirational quotes I can see how they might help someone get some perspective on graphic design, web design, and stay inspired for another day.

I find that occasionally I’ll be deeply inspired by a quote that will help me design better websites. Taking a look at these inspirational quotes I can see how they might help someone get some perspective on graphic design, web design, and stay inspired for another day. I hope you enjoy! “I strive for two things in design: simplicity and clarity. Great design is...

Plugins

WordPress Maintenance Mode: Best Practices

July 7th, 2016
by Andreas Hecht
0
wordpress-maintenance-mode-teaser

I expect every WordPress user to know it; the WordPress Maintenance Mode. During every update, the CMS puts itself into the maintenance mode, no matter whether it’s a core, theme, or plugin update. In that period, your visitors are unable to access your website. This doesn’t sound all that good, but it’s actually a handy thing. The WordPress Maintenance Mode There are many possible...

(Free) Services

Good to Have: Chrome Extensions for Web Developers

July 6th, 2016
by Denis Potschien
3
browser-773215_640

Browsers have been evolving over the past years, and by now, there are plenty of tools for developers, allowing you to test your web projects in-depth, foremost regarding HTML, CSS, and JavaScript. This way, both JavaScript errors, as well as wrong CSS labels are recognized. However, the developer tools can’t do everything (yet). Thus, there are a few valuable Chrome extensions to facilitate work...

Design

CSS: The Perfect Print Stylesheet

July 5th, 2016
by Andreas Hecht
3
a4-print

Even today, there are still many people that want to print out the entire internet. This can have many reasons. Maybe a team seeks to discuss an article’s content in a meeting. Or maybe somebody wants to read your article somewhere where they don’t have an internet connection. To satisfy these people, each website requires a CSS file for printing. Even today, many people...

Design

Level Up: 20 Useful Sketch Tutorials

July 4th, 2016
by Nataly Birch
0
design an ecommerce portfolio

Although SketchApp was created with graphic designers in mind. And one can’t argue that with its outstanding support for multiple pages and artboards and a bulk of features such as shared styles, it offers a pretty comfortable and fertile environment for creativity. However, it still requires some skills to master it.  If you want to get a grasp of basics, to say nothing about...

Design

CSS Instead of SVG: Creating, Animating, and Morphing Shapes

July 1st, 2016
by Denis Potschien
1
CSS Instead of SVG: Creating, Animating, and Morphing Shapes

When it comes to complex shapes and animations, SVG is often the format of choice, and there’s a reason for that. However, thanks to new CSS3 attributes, you get to create and even animate shapes aside from rectangle and circle, without any SVG being required at all. Complex Shapes Via “clip-path.” The CSS3 attribute “clip-path” allows you to crop elements to (almost) any shape...

Design

HTML5.1: The New Standard is Nearing Completion

June 30th, 2016
by Denis Potschien
3
HTML5.1: The New Standard is Nearing Completion

HTML5 becoming the official standard in 2014 was a milestone for modern web development. Better semantics, and easier controls, especially on mobile devices, were central ideas of HTML5. About two years later, its successor, HTML5.1, is nearing completion. Many of the things that are new in HTML5.1 are already being used and supported by most browsers. “<picture>” Element and “srcset” Attribute For a long...