This is weekly Web Design Digest No.6. О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.
Gone are the days when programming languages could only be mastered programmers like Bill Gates, who later got to dominate the world by storm. Now everyone holds the same potential, and the chance to learn and even master programming language easily. Today, we will show you 10 interactive websites that will help you do that.
In this free course, Tuts+ Premium instructor José Mota will teach you the ins and outs of the framework.
At this year’s Google I/O, Paul Irish demoed Canvas Profiling in Chrome. This feature recently graduated from Canary into Google Chrome so here’s how to enable it.
For any business operating in or selling to multiple international territories, the ‘localisation’ of your online content is a crucial tool in your attempts to increase traffic, improve rankings and increase conversion rates.
Richard Baxter on building the perfect toolkit for SEO and digital marketing
Today we’re celebrating the launch of PhoneGap 3.0 at PhoneGap Day in Portland, OR! We couldn’t have done it without the entire PhoneGap/Apache Cordova community working together to hit this major milestone. Thank you for all for your hard work!
As developers we often need to create widgets for interfaces that make it easier to accomplish certain tasks. These might be sliders for controlling video playback, calendar pickers for selecting dates or any other number of other useful widgets. The problem that we face when creating these widgets is how to manage encapsulation.
A basic understanding of version control has become a necessity for everyone working with code, no matter if you’re a software developer, a web designer, or even a graphics designer who has to work with developers in a team.
Sleek, intuitive, and powerful front-end framework for faster and easier web development.
A short walkthrough for Chrome, Blink, and Skia devs
In this series, HTML5 maven David Geary shows you how to implement HTML5 components. In this final installment, see how to implement components using the nascent HTML5 component specifications, with assistance from the Polymer and Mozilla X-Tags projects.
The demo application, Nerdclustr, is an HTML5 mobile application that brings ‘nerds’ of all types together conferences and provides a visual map that updates in real time. The application was written with Node.js and the Express web framework. It demonstrates the following specifications: HTML5 Web Forms, Geo Location API, WebSocket, Canvas, CSS3 transforms.
The CSS clearfix has been a must-have in our web design toolkit for quite some time, and until new layout features like flexbox become more stable, we’ll always need some form of clearfix in float based layouts. There are several ways we can clear floats with plain CSS, but each requires repeating either a class in the markup or the same properties and values throughout the CSS.
Introduce some automated CSS testing into your workflow for more time making and less time checking. Simon Madine explains how to get started
This is the ‘text version’ of the presentation I gave at the 2013 CSS Summit. If you’d rather just look at the slides
This article features just one of the many, suboptimal solutions for responsive images. We suggest that you review different approaches before choosing a particular responsive image solution
Ever since HTML5 Boilerplate put the ::selection pseudo-element on the map, so to speak, most CSS developers nowadays have been including this selector as part of their universal styles.
Here are 10 Generators & Tools To Create Modern CSS Buttons that will save you time and effort in creating that perfect CSS button for your site.
No reason to avoid ‘id’ in websites, but ‘classitis’ should be eradicated.
The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects.
Now that we’re no longer distracted by bevels, gradients and gloss it’s clear that web designers have one structure to build their designs around: rectangles.
Welcome to the GitHub CSS Styleguide. It’s pretty rad. Before reading this, you should have a general understanding for specificity, the SCSS syntax, and KSS documentation.
High-level guidelines from writing manageable, maintainable CSS
Today’s post was written by Marko Dugonjić, a designer based in Velika Gorica, Croatia.
In this article, I’ll discuss the different use cases of both data URIs and binary images, review my experiment results, and suggest future best practices for both using data URIs and building high performance mobile websites.
In today’s post, we will look into how to deliver specific image that are optimized for high-resolution screens.
slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.
The jQuery plugin for making images fill their containers (and be centered)
In today’s overview of useful case studies, we’ve featured studies that have recounted decisions made about particular design elements, as well as studies of full overhauls and their accompanying technical challenges.
For the OS of Mozilla Firefox was developed in collaboration by Erik Spiekermann and Carois Type Design Fira Sans (Sans originally Feura). The Fira Sans is based on the FF Meta, the typeface by Mozilla.
SIGGRAPH’s Computer Animation Festival celebrates its 40th year as the world’s leading festival of the most innovative and accomplished computer graphics. An internationally recognized jury receives hundreds of submissions and presents outstanding achievements through four different programs running over four-days.
We all love a good satire. It’s one of the highest forms of political wit and frequently bites at targets that would otherwise be unassailable.
In this post you will find even more awesome and fresh tools and plugins.
Considerations for the user experience when transitioning content from the desktop to the mobile platform, whether that’s websites, apps, or websites that behave like apps.
Today we are going to share with all our designer friends a collection of some of the most amazing and interesting 404 error pages found on the web. These pages were definitely very cleverly designed. So check them out and get inspired.
We hope these website designs will inspire you to tackle your own concept design. Enjoy!
We are going to share with you all a list of some websites with icons which make use of icons in a really nice way.
Today we present collection of 30+ Beautiful Icon designs for your inspiration.
These free Photoshop brushes are very helpful for designers they can download these brushes any time and use into their designs project.
The following 10 freebies have established themselves as a mandatory part of my basic equipment. Some of these have already come to use at least half a dozen times.
In this round-up I have selected 10 textures from 7 different sites offering free textures.
An Illustrator kit to make your wireframing a day at the beach
This lovingly honed set, of 200 vector icons is fantastic for use on all manner of sites.
Today we gathered the latest icons from Dribbble so you don’t need to browse much to find what you need.
Icons are a big part of flat design and here is a massive collection of free flat icons to use in your next projects.
Here we’ll showcase 25 different grunge fonts that you can download for free. These fonts all make it quick and easy to create your own designs and graphics with a rough and grungy style.
We like to collect free fonts for our readers to keep into their collection and use within design projects. Today we’re presenting you 10 fresh free fonts.
The fonts are selected from one of the best free fonts libraries available, Urban Fonts. They feature a huge collection of free fonts, that is regularly updated.
In today’s post you won’t find a long list with all the available templates on the internet but it’s a refined collection of the best handpicked high quality responsive HTML5 templates.
Subscribe to our email newsletter for useful tips and freebies.