This is weekly Web Design Digest No.8. Оnce a week, we will publish a digest of the latest news, useful tools for web developers, freebies and many more cool stuff from the world of web design.
WebGL and CSS 3D transforms are two major technologies for creating 3D in the browser, and as recently as a few years ago, they didn’t have much browser support. Much has changed in a short period of time, and if you haven’t given 3D much attention (like me), you might have more catching up to do than you realize. The more recent versions of Internet Explorer support 3D transforms and the upcoming version (IE11) will support WebGL.
Working With Fonts is a sample lesson to demonstrate what the teaching style will be like on HowToCode.io
A slider-like layout where the neighboring sections are positioned horizontally next to each other.
In my previous post, I introduced the Internationalization API. In this follow up I will show some tips and tricks for using the API and working around issues I found will writing that post.
Progressive enhancement has become a bit of a hot topic recently, most recently with Tom Dale conclusively showing it to be a futile act, but only by misrepresenting what progressive enhancement is and what its benefits are.
Custom Elements a Web Components Gallery for Modern Web Apps
Simply called UIkit, it is a lightweight framework, developed in LESS, that provides a comprehensive and extensive collection of HTML, CSS, and JS components.
Frontify allows you to interactively specify designs and generate living front-end style guides. Our tool helps you to finally bridge the gap between designers & developers – for a better result in less time.
Lea Verou is one of these new breed of leaders who is helping to push the web forward through her technical savvy and profound love for web standards. She’s developed quite a following and her live coding sessions at major conferences are a thing of legend.
Today is the day when it all started — the day when this little website launched back in 2006. Today, we celebrate our seventh anniversary, and you, dear readers, are the ones who have made it possible and kept us going.
We want to bring to your attention a selection of some effective tools such as generators, frameworks, useful resources and services.
In this article I want to share what I learned last few months and what exactly is my vision about CSS coding.
Icon fonts have been around for ages. They allow us to use tons of fully styleable cross-browser vector icons with one lightweight HTTP request.
Of the many factors that must be considered in Web design, emotional interaction is an important, but frequently neglected, component.
Easy CSS3 Generator
Variables finally come to CSS. Yes, the CSS that we use everyday for styling webpages. We have disccused several times on using variables with CSS Pre-processors in our previos posts. Today, we are going see how to use it in regular CSS.
In this collection devoted to HTML5/CSS3 technologies you will find a lot of useful materials for both beginners and advanced web developers.
Today, we’re excited to announce the final release of Ember.js 1.0.
Grunt is a way to automate many of the tasks you’re doing when you develop. Are you still minifying, compiling, concatenating, compressing, prefixing all your code manually? Nonsense poopy pants! In this tutorial I will show you how Grunt will do all this for you, and then some!
Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress.
Make a use of your favicon with badges, images or videos
As a webdesigner/webdeveloper you know how hard it is to deal with native HTML forms look or functionality. Heapbox doesn’t know how to deal with textboxes, checkboxes etc but when it comes to selectboxes, it’s kick-ass.
In this article, I describe an application showing a sequence of pictures. It helps to have a sequence that you want to look at, such as a granddaughter eating ice cream.
Bobun provides a simple way to bind a model to a view, or a view to model, a view to a view, or even a model to a model. It adds the ability to call set, get, and validate on the view. Bobun a simple way to manage and clean subviews thanks to Backbone.babysitter.
With a new CEO last summer and a $1b acquisition this spring, Yahoo has been changing significantly.
In our new collection, I made have careful selection of the most interesting solutions that will help you in your choice.
It is easy to say that 2013 has so far been the year of flat design.
In this post, we’ve collected a bunch of creative contact forms for your inspiration that take form design above and beyond the norm.
Having made a detailed selection we provide you with the most noteworthy web solutions.
Vibrance is a very useful Photoshop Adjustment Layer. In this tutorial, we will take a close look at the Vibrance Adjustment and will explain everything you need to know about it.
These Adobe Illustrator tutorials of August 2013 are not just for newbies instead every designer out there must check them out as these are certain to help you brush up your skills and enhance your creativity.
In this tutorial, we will demonstrate how to add a dramatic rain effect to a photo in Photoshop. While rain effects are not new to Photoshop, we will go a step further and show how to make the image more photorealistic by adding reflections and small puddles.
Apropos to this today I was searching on web to find some new and fresh logo designs and at last I have collected best of my job “Collection Of Creative Logo Designs For Inspiration” which I believe worthy to share with you.
In today’s post,we have gathered logo designs inspired by umbrellas.As you see,umbrella has been used really creatively in below examples whether as a protection instrument or a brain or even a for fashion industry.
A Simple Hack For Testing New Features Before You Build Them
Free to use, real pixels screen sizes for 15 flat designed devices, in multiple colors, outlined and with grids.
In this showcase we have collected examples of original approach in navigating today’s web sites.
In this post, you can download absolutely free 36 hand-drawn education icons by Hand Drawn. Download link below.
This week, I have found ten great PSD mockups for designers. These mockups can be used for personal use or for commercial projects.
In this post we bring 20 amazing free PSD infographic templates for you which are print ready graphic elements. Infographic is an effective strategy to communicate or convey your message in visually attractive way.
The kits are free for personal and commercial use
They are a mix of free and premium – all vector and high quality.
80 iOS 7-style icons in EPS format
A collection or perfectly drawn vector icons, based on a 48 px grid. Slick, consistent, easy to read, they are perfect for designing
Ballicons is a colorful set of scalable icons featuring the flat design trend
This is a free set of flat icons in the theme of “health and fitness”. There are 10 icons in this freebie.
In today’s post we bring together free flat social media icons to use in your existing or upcoming design projects.The below flat style social icons are all free to download and use.
Today we present this Collection of Free and Flat Icons for September 2013.
We would like to present to you a really amazing collection of free download fonts collected from all over the web.
Subscribe to our email newsletter for useful tips and freebies.