This is weekly Web Design Digest No.3. О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.
Facebook’s engineers like Google’s WebP and want Mozilla to build support for the image format into the Firefox browser.
Here are some amazing HTML5 animation tool that lets you do really amazing things all without Flash. Enjoy !
Let’s take a look at the latest Adobe’s HTML5 website development tools re-invented for 2013:
This script adaptively alters the compression level for areas within JPEGs to achieve optimal filesize while maintaining decent visual quality. Currently, this script achieves an average 3-5% of reduced filesize compared to standard CLI tools such as jpegoptim while still maintaining good visual quality.
Nearly half a year ago, we introduced our eBook subscription model, also known as the Smashing Library. We knew we were onto something good, realizing that the Smashing Library was the next step in offering quality content — at a price you’ll still be able to afford all of the coffee you need to stay up long enough to read the entire library and, of course, the free eBooks.
A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes.
Therefore today’s video will focus on how to create, but mainly how to style, your contact form using CSS3.
In this tutorial we going to look into the open source project which has become very popular lately…Animate.css. This is a project which is currently hosted on Github where you can download the source. We are going to look at some of the best CSS animation effects out of the 53 CSS Animation effects you can get with this project.
With web development there are lots of common tasks that we do over and over again. This is where it’s helpful to work with tools that make our lives easier, this can be Server-side frameworks, HTML project boilerplates and HTML email boilerplates.
Modals built out of pure CSS
Adobe has provided further insight into its experimental work with responsive digital layout.
Something that’s important for complex applications is to document the HTML and CSS. It’s important, but it’s often overlooked. Imagine if it was an integral part of the design process. It’s an integral part of Bootstrap and look how successful that’s been.
A showcase collection of various page transition effects using CSS animations.
Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook, Twitter, Google Plus (with PHP script) and more.
JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by “packing” them in tightly. One of the very famous website that using this type of layout is Pulse.
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.
You want fart noises as you scroll? We’ve got you covered.
At Bocoup, we love working on the latest problems in front-end development such as parallel processing, best practices in web application development, and media-rich experiences. This is why we consider the folks at HookFlash kindred spirits; they have made browser-based peer-to-peer communication their “thing”. We recently had the privilege of working with the HookFlash team, and (as can only be expected when collaborating with passionate, talented individuals) we learned quite a bit.
Instant side-by-side view of your comments and code.
This brilliant paper animation covers the whole story of type, from beginning to end.
I’ve always had trouble getting large groups of shapes from Illustrator over to Photoshop without rasterizing them all in the process. Up until recently the only way I knew how was to copy and paste each shape one by one – a process which soon becomes tedious.
Greyscale website design inspiration appears in pretty much all web design, the grey pallete is a great filler shade and works great on a website with 1 or 2 accent colours. Clean website designs go as far as having purely greyscale palettes and although some in this showcase have accent colours they are primarily greyscale website designs. We’ve had a look into black web design inspiration and now it’s the famous turn of 50 shades of grey.
Not everyone finds choosing type easy. In fact, it can be downright tough at times. Today, Robbie Manson (designer and all around good bloke) shares what works for him.
A paper-letter animation about the history of fonts and typography.
The average lifespan of a Saul Bass logo is 34 years.
This collection will show you how to use a mobile phone shape to create a successful logo design.
You may have noticed that things look a little different around here. Today’s the day we finally get to flaunt our brand new design — and boy, are we feeling fine. We checked in with our very own Nazir Agah, who led the redesign initiative, for a look behind the logo. Enjoy, and let us know how you like our new style in the comments.
The first thing you should know is that the flat design is quite controversial, since there are some people who claim that it has some problems in interfaces with some complexity, while others say that it is user centered, usable and very efficient. However, in order to see which side you are on, you should learn more about the features and advantages of this technique, which is why you should direct your attention towards the following paragraphs.
If you are looking for some inspiration, then you are at the right place as today we share some really cool and awesome packaging examples in this list of Inspirational Trends of Packaging Designs.
There are a lot of great websites out there for finding color inspiration, and each has a specific niche. Taken together, this list should fulfill all your searching needs, whether that means getting your imagination recharged by a variety of images, finding great stock or free photos, or making the perfect set of color palettes.
Today we are showcasing 25 Beautiful Retro Fonts for Designers these fonts are handy and useful to make your websites eye catching and creative.
In the past week, I’ve discovered some interesting stuff developed by some really skilled people.
Today we have a set of 5 textures from padded envelopes. The set includes scanned textures from both the inside and outside of a padded envelope, and they can be used for creating backgrounds in your own designs.
We are going to share with you a very handy and sweet collection of Photoshop patterns “25 Sweet Photoshop Pattern Packs For Free Download” you will definitely find these useful for your new project.
Here’s the list of the best free icon fonts out there
This article features a showcase of several free and premium PSD minimal business card templates you can use to create stunning elegant business cards for you and, why not, for your clients, friends and family.
Here we have collected creative free business card templates which can be used to show your mark in the market.
In today’s we have gathered are 25 amazing , proper and elegant Free download Shopping Cart Psd Files that you can use in your ecommerce website project.
Today we have collected “Free UI Web Elements PSD For Download”. We hope these free UI web elements collections are very helpful for web designers, so let’s have a look below download your free UI web element PSD and enjoy.
The Greek mythology is well known about its beautiful stories and teachings about the gods and heroes, about the beginning of the world and religion. It also has a specific type of art which is distinct and very representative.
We showcase a collection of some amazing and high-quality rose brushes for Photoshop. Check them out and pick the ones you like the best! Here goes the list of 30 Free Rose Brushes Set For Designers.
We would like to present to you a really amazing collection of free download fonts collected from all over the web.
Thanks for reading!
Subscribe to our email newsletter for useful tips and freebies.