Type & Grids: Free Responsive HTML5 Template
? ? Today, we are pleased to introduce Type & Grids , a free responsive HTML5 template by Jeremiah Shoaf . It looks great on all devices, including desktops, laptops, tablets and phones. All of...
View ArticleCreating High-Performance Mobile Websites
? ? People start to lose interest in a website if they don’t get a response within three seconds . Fulfilling this expectation for mobile phone users requires a different approach to usage analysis,...
View ArticleEmail Marketing For Mobile App Creators
If you’ve developed mobile applications or have just started building one, then you probably realize that marketing should be as much of an ongoing concern as the product’s design and development....
View ArticleBabbit: A Browser Game Built on CraftyJS & RequireJS
Advertise here via BSA Babbit is a browser game made by Hover Studio . The game is built on the Javascript game framework CratfyJS, and uses RequireJS for module loading. All the character animation...
View ArticleCreate CSS3 Animated Modal Windows with jQuery
Advertise here via BSA InsertHTML has shared with us a little jQuery plugin for Creating CSS3 Animated Modal Windows in an Image Gallery . He has also included a bunch of built-in animations for the...
View ArticleResponsive Design, Retina Images and Debugging for Google Maps API
This entry is part 4 of 4 in the series Google Maps API for Designers This final part of the Google Maps API For Designers series rounds things up by looking at responsive design, retina images and a...
View ArticleResponsive Design, Retina Images and Debugging for Google Maps API
This entry is part 4 of 4 in the series Google Maps API for Designers This final part of the Google Maps API For Designers series rounds things up by looking at responsive design, retina images and a...
View ArticleWebKit Has Implemented srcset, And It’s A Good Thing
WebKit has made some serious news by finally implementing the srcset attribute . As Chair of the W3C’s Responsive Images Community Group, I’ve been alternately hoping for and dreading this moment...
View ArticleFull Smashing E-Books Library – Heavily Discounted Via MightyDeals
When it comes to finding high-quality, detailed and inspiring books about design + dev., ? Smashing Magazine’s Library is one of the best out there. MightyDeals is running an exciting deal that covers...
View ArticleConferences Roundup: Upcoming Web Design Events (Sept. 2013 – Feb. 2014)
This year has already offered us lots of fantastic Web conferences and events, and guess what, it still hasn’t come to an end! You can continue to plan ahead and make sure that you don’t miss your...
View ArticleOff-Canvas Navigation Transitions: How-To & Examples
In mobile layouts, the space is limited and it should be used wisely to display as much as possible. That was when “ off-canvas navigations (hidden menus which appear when requested)” became popular....
View ArticleFiguring Out @font-face
Within the last five years, typography on the web has taken quite an about face (sorry, pun intended). It used to be that web designers were constrained to using web-safe fonts only; system fonts...
View ArticlenthMaster – Master The “:nth-child” CSS Selector Quickly
:nth-child , the powerful CSS selector for? selecting elements with a formula, has a great use when styling layouts. If you are not experienced with the usage of this selector, nthMaster , a website...
View ArticleA Complete CSS3 Generator – Create CSS3
Previously, few web-based CSS3 generators were shared at WRD which helped getting started with the new features of CSS3. Create CSS3 is another one but more complete compared to others as it has...
View ArticleA Handy CSS3 Animation Cheat Sheet
Advertise here via BSA The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade...
View ArticleHow to Create a Sliding Horizontal Layout
Advertise here via BSA Codrops has shared a tutorial of Sliding Horizontal Layout , where we see the main section in the middle and part of the previous and next section on the sides. The navigation...
View ArticleGlide.js: Responsive & Touch Friendly jQuery Slider
Advertise here via BSA Glide.js is responsive and touch-friendly jQuery slider . Based on CSS3 transitions with fallback to older broswers. It’s simple, lightweight and fast. Designed to slide, no...
View ArticleA Web Designer’s Typographic Boilerplate
I like to use a typography.css in my projects; a separate file which houses all the basic structural typographic styles I’ll need. A lot of what’s found within it is obvious stuff (heading sizes, for...
View ArticleWeb Design Workshop #37: Matthew Williamson
Web Design Workshop is our regular community project where we ask readers to submit their work for your friendly, constructive criticism. It’s the perfect way to learn, offer opinions and have your...
View ArticleBuilding An Online Magazine App For Windows 8, Part 1: The HTML5 App
Back in 2010, Microsoft shifted its focus from propriety Web technology to open Web technology. The first fruits of this refocus materialized a few years later — in Internet Explorer, the Windows...
View Article