Design

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

Design

Mastering Skills: 30 Best Illustrator Tutorials of 2016

June 9th, 2016
by
Mastering Skills: 30 Best Illustrator Tutorials of 2016

Recently, we have compiled a list of 30 of the best tutorials for Photoshop that were aimed to help practice your skills and extend your knowledge. Today is the turn of Illustrator, the most popular software for crafting vector artworks and designs. Traditionally, this advanced graphics program has a vector-related environment that most digital artists find comfortable. It is applicable for projects that need to be scaled to any...

Design

More Compact Web Fonts With WOFF 2.0

June 6th, 2016
by
WOFF 2.0

While multiple file formats had to be provided during the early days of web fonts, nowadays, the WOFF format has become the standard and is supported by all modern browsers. Older formats like the EOT format are only needed when you want to support Internet Explorer before version 9. After the WOFF format became the official standard in 2012, there’s lately been an upgrade...

Boilerplates & Other Tools

Mockplus: Create Mockups for Desktop and Mobile Easily

June 6th, 2016
by
mockplus

Complex user interfaces for websites or applications have to be well thought out and intuitive. Before it comes to actual design, it is a common thing to define the appearance and controls via mockups. Mockplus allows you to create interactive mockups with just a few clicks, and test them on mobile devices as well. Download Mockplus for Windows and Mac OSX Although the trend...

Design

Optimizing Web Fonts Made Easy

June 3rd, 2016
by
Optimizing Web Fonts Made Easy

There’s no doubt that web fonts are an enormous enrichment for web design, and it has become hard to image it without them. After all, web fonts were what ended the uniform typography with Verdana and its contemporaries. As web fonts have to be downloaded, in contrast to system fonts, they are an additional resource that causes additional data traffic. The following tips will...

(Free) Services

Everything OK: Is Your Website Valid, Accessible, and Fast?

May 27th, 2016
by
everything-okay-teaser_EN

Web development is becoming more and more sophisticated. Aside from the correct markup of HTML and CSS, there are plenty of factors that don’t necessarily affect the look of a website, yet they can still influence a website’s success. This includes a barrier-free display of the content, as well as other components. Having all of this covered is difficult. That’s why there are many...

Design

Survey: Typographic Trends 2016

May 23rd, 2016
by
Survey: Typographic Trends 2016

What’s popular regarding typography right now? Extensis, a provider of app solutions for font management, has conducted a survey in the creative scene and has come to impressive results. All the survey results, for which about 2,000 creative people from different branches were asked, can be downloaded for free in the PDF file Typographic Trends. Fonts are Still Used for Printing Jim Kidwell, who...

Design

Blisk: The Browser for Developers

May 20th, 2016
by
blisk

Nowadays, all modern browsers are equipped with extensive developer tools. Among other things, they help you check HTML and CSS, as well as debug JavaScript. They also allow you to have your web layout displayed in different resolutions. These developer tools ease the work of web designers and developers significantly. However, this can be done in an even more comfortable and faster way: Blisk...

Design

Flexbox Patterns: Ready-To-Use Building Blocks for Your Design

May 13th, 2016
by
Flexbox Patterns: Ready-To-Use Building Blocks for Your Design

If you ever delved into Flexbox as an alternative to the classic CSS box model, you probably don’t want to go back. The hitch is, that you need to deal with it in-depth, and who has enough time for that these days. Thus, we’re often stuck with old methods of getting things done, just because we know how to reach the goal using them....