Web helps designers and developers find the best inspiration and resources for their projects. Even though there are different tutorials and tips available online, Oleg Solomka feels that HTML5 canvas techniques are missing the most. Good news: he had the chance to fulfill this wide gap. In this article, Oleg would like to share his experience and story of how he brought the “Jelly Navigation Menu” to life!
Read more…
What’s the point in creating a beautiful, valuable app if no one knows about it? Today we’ll focus on how to get a head start with email marketing by wrangling testers, staying in touch with users and successfully building hype for your app. Then, we’ll move on to how to announce the launch and measure results. While this article isn’t heavy on coding and development, you’ll find an assortment of practical suggestions that you can apply to your projects.
Read more…
Clearly, a good mobile experience requires good form usability, and implementing touch keyboards is a key part of that. During a recent study of 18 of the largest mobile commerce websites, we observed how certain features and limitations of modern touch keyboards can collide with the user’s expectations of how to fill out a form. When this happens, users quickly grow frustrated, Today, Christian Holst will look deeper into the usability issues surrounding touch keyboards, including five design guidelines that will alleviate some of these pains.
Read more…
In this article, we’ll demonstrate methods to identify how people interact with a website differently on mobile devices, and the design decisions that can be made based on this understanding. Our objective is not only to improve Web performance but to increase the client’s return on investment. The following techniques center on the two unique characteristics of mobile phones: small batteries and small screens.
Read more…
In this article, Stephen Shaw introduces a technique for perfect horizontal and vertical centering in CSS, at any width or height. The techniques works with percentage-based width/height, min-/max- width, images, position: fixed and even variable content heights.
Read more…
Backbone.js provides structure to JavaScript applications, but it leaves a lot of design patterns and decisions up to developers who end up running into common problems when they first begin developing in Backbone.js. In this article, Phillip Whisenhunt will explore different design patterns that you can use in your Backbone.js applications, and he’ll look at many of the common gotchas that trip up developers.
Read more…
Tools for live CSS editing aren’t new these days. So, why would someone ever need to create yet another tool and even call it a “live CSS editor of the new generation”? In this article, Sergey Chikuyonok would like to introduce Emmet LiveStyle. This plugin takes a completely different approach on updating CSS. Unlike other live editors, it doesn’t simply replace a whole CSS file in a browser or an editor, but rather maps changes from one CSS file to the other.
Read more…
We are pleased to introduce Type & Grids, a free responsive HTML5 template by Jeremiah Shoaf. All of the content resides in a single HTML file, so setting it up is super-simple. Its extensive customization options set Type & Grids apart from other templates out there. Each type theme is meticulously handcrafted, with attention paid to the smallest typographic details.
Read more…
Your typography helps to create an experience for users before they’ve even read a word or clicked a button. The treatment of type creates an atmosphere and elicits a response much the same way as tone of voice does. It establishes a mode of communication and, in turn, the personality of the website. The choice of typeface will determine how people respond to your website. The following websites have very distinct personalities, largely established by the typography.
Read more…
Front-end Web development has been majorly affected by recent changes in coding techniques and approaches. In 2003, a competent front-end Web developer would have known HTML and CSS, possibly with a bit of copy-and-pasted JavaScript, and they built websites that would be viewed on desktop computers. In this article, Jen Kramer will focus on just two courses: an introductory graphic design course and an introductory HTML and CSS course.
Read more…
