Design
HTML5: Improving Forms With Autocomplete
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 ...
HTML/CSS
Boilerplates & Other Tools
Simbla: Responsive Websites Made Easy
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. ...
Design
Responsive Web Design: Where Do We Go From Here?
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 ...
Business Online
10 Common Mistakes Web Developers Make
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 ...
Design
HTML5 APIs: Measure Performance with User and Navigation Timing
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 ...
Design
How we Created Dynamic Sound with the Web Audio API in Microsoft Flight Simulator Arcade
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 ...
Design
Chartist.js Creates Responsive, Animated Charts with SVG
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 ...
Design
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 ...
Design
What You Need to Know About the Latest HTML5 Video
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 ...
Design
Stitches: Free CSS Sprite Generator
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. ...
Boilerplates & Other Tools
WebAnimator Plus: Sophisticated HTML5 Animations Made Easy
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 ...
Design
HTML5: Screen Orientation API Uses Javascript to Rotate the Screen
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 ...
Design
HTML5 and CSS3: Get Your Website Ready for High-Resolution Displays
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 ...
Boilerplates & Other Tools
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 ...
Design
Web Design: Transparency as a Design Element (plus Best Practices)
Transparency has become a big hit in web design since most browsers can display it. Transparent elements are used to either set accents or draw attention to a certain area like images ...
Design
Design Trends in Responsive Navigation: Best Practices 2015
Responsive websites have become standard. More and more people switch from their desktop devices to mobile clients like smartphones and tablets to consume websites. If you don’t ...