Design

Design

How Poorly Hamburger Menus and Hidden Navigation Work

July 26th, 2016
by
hamburger-menues-teaser

Small display, little room – on smartphones, it’s always a challenge to fit in all the content and the navigation of a website. That’s why hiding the navigation and only placing a hamburger menu which displays the navigation after a tap has established itself. For a long time already, there have been discussions whether you should hide something as important as the navigation. In...

Design

Animated and Interactive SVG: Essential Tips

July 19th, 2016
by
Animated and Interactive SVG: Tips You Should Keep in Mind

The SVG format has turned into a contemporary alternative to Flash in many regards. Not only is it vector-based, but it also renders animations and interactions possible. Due to the different ways to create animations and to integrate SVGs into a web project, you should keep the following tips in mind to make sure that everything works the way you want it to. Animations...

(Free) Services

From Design to Code With These Ten Services

July 18th, 2016
by
http://www.noupe.com/wp-content/uploads/2016/07/CSSChopper.jpg

After lots of brainstorming, and hard work, you managed to create a great website Photoshop design. Now, all you need to do is convert the design to HTML, or even directly into a WordPress theme. However, for a lot of designers, this is a challenge they can’t beat, as only very few designers have the required HTML, CSS, and PHP knowledge. Fortunately, there are...

Design

HTML5 and JavaScript: How to Create Mobile Web Apps

July 15th, 2016
by
mobile-web-apps-teaser

Mobile apps don’t always have to come as native apps. We can also use HTML5 and the JavaScript APIs it introduced, to develop mobile web apps that are (almost) equal to the natively programmed apps. On top of that, native applications also have disadvantages that you won’t need to deal with when using HTML5. No Store Constraint, no Different Platforms Apps have become an...

Boilerplates & Other Tools

Simbla 2016: New Data-Driven Website Application Builder

July 12th, 2016
by
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
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...

Design

CSS: The Perfect Print Stylesheet

July 5th, 2016
by
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
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
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
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...

Design

Cloudinary: How to Optimize the Loading Time of Your Images

June 20th, 2016
by
Image Cloud Service Cloudinary

Everyone wants faster Internet access. But the speed has more to do with the bandwidth delivered by ISPs, cable companies and mobile operators. Web developers and designers also play a role in ensuring that there is minimal lag time when someone visits their websites. The growing number of images, videos and graphics on today’s websites are the biggest factors contributing to slow web load...

Design

Best of: 10 Free WordPress Themes of June 2016

June 20th, 2016
by
free-wordpress-themes-june-2016-teaser_EN

This month, we’ll continue our popular series with the newest, most beautiful themes. Once again, I took a deep dive into the official WordPress theme index, to find ten pretty free WordPress themes for you so that you can give your website a fresh, new look. 1 – Orvis Orvis is a new theme by Automattic, the company behind WordPress. It’s meant to be...

Design

Animated SVG with Adobe Animate and Snap.SVG

June 16th, 2016
by
snapsvg_framework-640x427

With Animate CC, Adobe finally sounded the bell to the end of Flash. While the renamed animation program still supports Flash, it has moved its main focus towards HTML5 and WebGL. Now, for each new project, you decide whether you want to create an animation via HTML5 canvas or WebGL. Animated SVGs with Animate CC were not possible until recently. The extension “Snap.SVG Animator”...

Design

SVG in Responsive Webdesign: Pros and Cons

June 13th, 2016
by
SVG in Responsive Webdesign: Pros and Cons

The SVG format has plenty of advantages over other image formats for the web. It’s vector-based, compact, and even editable via plain text editors thanks to the XML syntax. There’s a reason why it’s becoming increasingly more popular, especially with the steadily growing mobile web. Responsive webdesign is where it has a lot of strengths. However, it does have some problems here as well....