Design

Boilerplates & Other Tools

Facebook’s Design Assistants United Under One Roof

October 23rd, 2015
by
facebooks-designhelfer-teaser_EN

It’s slowly but constantly becoming a trend that big platforms provide their design tools and other helpers to the community. Twitter has stood out the most lately by making Recess available to the public while Bootstrap is probably their most popular publication to date. Facebook has now expanded their helper tools and united them under one roof. Facebook: Device Mockups, GUI Kit, Origami and...

Design

HTML5: Improving Forms With Autocomplete

October 16th, 2015
by
html-formulare-teaser_EN

To complete form input faster, browsers offer the option of autocompletion. The entries made by the user are saved and suggested when the same or a similar form with the same information is filled in. The problem is, that the variations of certain entries – e.g. a name or a credit card number – prevent the word completion from working properly. The new attribute...

Business Online

INK Creates Responsive Email Newsletters That Arrive

October 15th, 2015
by
ink-email-teaser_EN

The first sentence on the website of the provider Ink tells us what their goal is: „Quickly create responsive HTML emails that work on any device and client. Even Outlook.“ With this wink at Microsoft’s challenging child (in terms of the presentation of HTML email), the developers want to make clear that these problems won’t occur when using Ink. Consequently, we have taken a...

Business Online

Canva: Create Online Graphics Easily

October 14th, 2015
by
Canva1

Not every website operator is a good graphic designer at the same time. Does that mean that they are forced to forgo illustrations and images? No, it doesn’t. Nowadays there is excellent software to solve these problems. There are also other options besides Photoshop. Eight of these programs have been presented by my colleague Andreas Hecht already. Today, I would like to introduce you...

Apps

Designing Web Code in a Native App

October 13th, 2015
by
Designing Web Code in a Native App

Over the years, I’ve heard developers say, “you can always tell when it’s a web app,” insinuating that web apps are lacking when compared with native apps.  These same folks will claim that web app performance is poor, and the design is inferior.  Although that might have been true years ago, today’s web fairs much better than the web of yesteryear.  Our runtimes are...

(Free) Services

Social Media: Eight Hand-picked Image Tools

October 12th, 2015
by
socialmedia-imagetools-teaser_EN

In general, images in social media posts help to achieve greater success than plain text posts. Experiments have shown that posts supported by images get a larger amount of clicks, shares and replies. These posts also get marked as favourites more often. Humans are visually oriented and that’s nothing new. This is why I recommend you to add images to your social media posts...

Design

5 Ways to Make Your Site Rock on the Modern Web (…and Microsoft Edge too)

October 6th, 2015
by
44_fivewaystorock-teaser_EN

Edge is Microsoft’s new web browser sporting a new rendering engine – EdgeHTML – and an underlying OS to boot in Windows 10. Since upgrades from Windows 7, 8 and 8.1 will be free for most, you can expect a huge influx of Edge users hitting sites in the coming months. Edge is a departure from the past, actually to complete rewrite from past...

Boilerplates & Other Tools

Simbla: Responsive Websites Made Easy

October 6th, 2015
by
simbla-landingpage

Thanks to numerous website builders and homepage generators you can quickly and easily click together a website. You wouldn’t even need to know HTML, CSS or JavaScript to do so. More often than not these offerings lack in many ways. Not only does the quality of design feel poor, but its technical qualities are also inferior. Simbla is different. It is a website builder...

Design

Responsive Web Design: Where Do We Go From Here?

September 30th, 2015
by
42_responsive-web-design-teaser_EN

I had the great pleasure of delivering the closing keynote at Responsive Day Out 3: The Final Breakpoint. Held in Brighton, UK on 19 June 2015, the conference is a gathering of designers and developers sharing their workflow strategies, techniques, and experiences with responsive web design.Here’s what I had to say. „Today has provided an amazing tour of the world of responsive design. We’ve...

Business Online

10 Common Mistakes Web Developers Make

September 24th, 2015
by
41_10commonmistakes_teaser_EN

There seem to be endless choices regarding how to accomplish the same task – to develop a website that works in today’s modern web. Web developers have to choose a web hosting platform and underlying data storage, which tools to write HTML, CSS, and JavaScript in, how design will be implemented, and what potential JavaScript libraries/frameworks to include. Once choices are narrowed down, the...

Design

28 Inspiring Best Practices of Responsive Web Design

September 21st, 2015
by
28-responsive-websites-teaser_EN

Responsive web design is big. A responsive website is what you will want to create these days as responsive sites function well on any device and any resolution. No matter whether your site is viewed from a smartphone, a tablet or a desktop computer, your content will always be easily digestible. But with an universal availabilty and a self-adjusting look, what secures a positive...

Design

HTML5 APIs: Measure Performance with User and Navigation Timing

September 16th, 2015
by
html5-apis-teaser_ENG

Complex web applications can slow down the processing power of the client. Hence, it is important – especially for mobile devices – to make some adjustments, so everything runs smoothly. Loading performance can be tested quickly and accurately with the new User Timing API for JavaScript, as the timing data bases on the High-Resolution Time API, which measures timing to the microsecond. The Navigation...

Design

Responsive Web Design: How to Find the Right Photos

September 3rd, 2015
by
photos-responsivedesign-teaser_EN

The Web – open space for any web designer out there. Today’s and even more so tomorrow’s web is one big challenge for our industry. Web sites are supposed to adapt seamlessly to any screen size with any aspect ratio on any device. Desktop computers, tablets, and smartphones are only the beginning. No one knows what kind of device will be popular next year....

Design

How we Created Dynamic Sound with the Web Audio API in Microsoft Flight Simulator Arcade

July 21st, 2015
by
31-webaudioapi-teaser_EN

Before the Web Audio API, HTML5 gave us the <audio> element. It might seem hard to remember now, but prior to the <audio> element, our best option for sound in a browser was a plugin! The <audio> element was, indeed, exciting but it had a pretty singular focus. It was essentially a video player without the video, good for long audio like music or...