Design

Design

Chartist.js Creates Responsive, Animated Charts with SVG

June 12th, 2015
by
chartistjs-teaser_EN

Numbers and statistics are usually bone-dry and sometimes not really clarify but obscure even more. By visualizing data with charts, you can attract much more attention. The JavaScript library Chartist.js from Zurich turns as many numerical sequences as you like into easy to understand bar, line, pie, or other charts. They not only look good but are also responsive and can be jazzed up...

Design

Lining.js: Controlling Text Lines per CSS Selector

May 30th, 2015
by
Lining.js: Controlling Text Lines per CSS Selector

The numerous available CSS selectors let us easily access almost each and every HTML element on any given page. The pseudo-element ::first-line even allows us to apply CSS properties to the first line of text in a document, no matter whether the line is automatically or manually wrapped. Unfortunately, besides ::first-line there are no selevtors to manipulate the second, third, last or whichever line. The...

Business Online

How Does Google’s New Ranking Factor Mobile-Friendly Affect Your Website?

May 29th, 2015
by
mobilefriendly-teaser_EN

Google has been changing its search algorithm time and again to deliver better search results. Factors like keywords, link building, and loading performance play a key role in how Google ranks a website. On April 21st Google officially issued a new ranking factor: the mobile-friendliness of a website. How is this going to affect site operators and what does mobile-friendliness mean from Google’s point...

Design

What You Need to Know About the Latest HTML5 Video

May 28th, 2015
by
html5video-teaser_EN

Ever wanted to create your own Twitch.tv-like app for livestreaming your work? How about your own YouTube-esque program for playing back your previously recorded video? You might have used Flash, Java, or Silverlight for rich media in the past but with Chrome 42 announcing that that those plug-ins are no longer supported, now is as good a time to go HTML5 as ever. Before...

Design

Stitches: Free CSS Sprite Generator

May 22nd, 2015
by
stitches-css-teaser_EN

As we know, less files to download mean better loading performance and page reproduction. Therefore, icons and other images, particularly small images, are often combined into a sprite. A sprite is a collection of several images put into one image file. Creating a sprite manually requires some work. The images are arranged in an image file and their position, width, and height need to be...

Boilerplates & Other Tools

WebAnimator Plus: Sophisticated HTML5 Animations Made Easy

May 18th, 2015
by
webanimator_landingpage

Not too long ago, Flash was an established element of the web. Did you need anything related to animation, you were more or less doomed to use it. Of course Flash was the top dog – the alpha male – and alternatives didn’t exist. But that was only one-half of its success. The second half was its ease of use. Flash videos were created...

Design

State of Design: United Arab Emirates

May 10th, 2015
by
State of Design: United Arab Emirates

Being deeply religious people, residents of United Arab Emirates live in a peaceful world hemmed in between the inhospitable desert and the Persian Gulf. Here, religion plays a significant role, affecting not only everyday life but also culture and art. It is not a secret that the UAE sports numerous distinct national characteristics that some may find outdated or obsolete. Although despite such constraints,...

Design

HTML5: Screen Orientation API Uses Javascript to Rotate the Screen

May 8th, 2015
by
html5-screenorientationapi-teaser

Media queries allow websites to adjust their layout depending on the screen orientation of a smartphone or tablet. But sometimes you may want your website locked to a particular orientation, portrait or landscape. The format of native apps can be specified in such a case. The app will then only be displayed in the preset format – independently from the actual device orientation. By...

Design

World of Design No. 3: South Korea

April 29th, 2015
by
Design in South Korea

Driven by high-tech goliaths such as Samsung, LG, and Hyundai-Kia, South Korea is considered to be one of the most innovative countries in the world. However, this impressive fact does not call the tune when it comes to website design. It seems that the Korean-based creatives are trying to stick to the golden mean and maintain the ideology of “haste makes waste” and populate...

Design

100 Free Resources for Sketch App

April 27th, 2015
by
100 Free Resources for Sketch

More and more creatives switch from powerful and universal image editors such as Adobe Photoshop or Adobe Illustrator to simpler, less sophisticated, much handier and just cheaper software for carrying out their tasks. These unidirectional yet feature-rich programs enable talented folks to focus particularly on designing and nothing else, providing a set of instruments exactly for this sphere. Sketch App is one of that kind....

(Free) Services

Link of the Day: Webdesigner News – All the Latest and Greatest in Web Design and Development

April 23rd, 2015
by
Webdesigner News - Landing Page

Staying up to the latest innovations in web design and development is not an easy task to accomplish. My personal Feedly is cram packed with over 500 feeds. And it costs me a lot of time to even keep up with these news, although they are more or less easily digestible through RSS – much easier than having to visit all these sites manually...

Design

HTML5 and CSS3: Get Your Website Ready for High-Resolution Displays

April 22nd, 2015
by
HiDPI and HTML5/CSS

When Apple introduced a new high-resolution display – the so-called Retina display – for its iPhones, iPads, and MacBooks a couple of years ago, they ushered in a new era of display quality. On such screens, the human eye can’t discern individual pixels anymore. With high-res displays being the norm rather than the exception today, you’ll find more and more middle-range high-res mobile devices....

Design

6 Best Practices for Designing Landing Pages

April 9th, 2015
by
6 Best Practices for Designing Landing Pages

Online ads are a great way to get the word out about your online marketing campaign. However, an ad can’t simply lead to the home page of the website or visitors will be unsure as to what to do next. And an unsure customer usually ends up becoming a lost sale. This is why knowing some best practices for designing landing pages is so...

Boilerplates & Other Tools

In Vogue: 9 Material Design Frameworks for Cutting-Edge Websites

April 8th, 2015
by
In Vogue: 9 Material Design Frameworks for Cutting-Edge Websites

When introducing its Material Design for Android, Google triggered one of the biggest current design trends. It took some time, but Android looks nice at long last. Some say it can even keep up with iOS others claim it has been more beautiful than Apple’s iteration anyway. And Material Design does more than supporting mobile apps. A growing number of websites use it, too....