Working With Brand and Design Guidelines | Webdesigntuts

Working With Brand and Design Guidelines | Webdesigntuts Sometimes, particularly when you work with established brands and companies, you may encounter a set of brand or design guidelines. As a developer who might be working on a website without much design help, this can be something that you can really use to your advantage, guiding…

36 Event & Conference Website Layouts for Inspiration – DzineBlog.com

36 Event & Conference Website Layouts for Inspiration – DzineBlog.com Popular events will often launch their own website online to provide easy-access for attendees. This is especially true with recurring events that transpire once every year. I often try to keep up with the latest technology/Internet and music events happening around the US. There are…

Building a Circular Navigation with CSS Transforms | Codrops

Building a Circular Navigation with CSS Transforms | Codrops A tutorial on how to create a circular navigation using CSS transforms. VIEW DEMO DOWNLOAD SOURCE In this tutorial I’m going to show you how to create circular navigations using CSS transforms. I’m going to take you through the steps for creating these styles one by one,…

Creative Link Effects | Codrops

Creative Link Effects | Codrops An inspirational collection of experimental link effects mostly using transitions on pseudo-elements. VIEW DEMO DOWNLOAD SOURCE Today we’d like to share some experimental and creative link effects with you. The idea is to use pseudo-elements and animate them to create a subtle and modern effect. In the examples we are using…

Responsive Data Tables | CSS-Tricks

Responsive Data Tables | CSS-Tricks Responsive design is all about adjusting designs to accomodate screens of different sizes. So what happens when a screen is narrower than the minimum width of a data table? You can zoom out and see the whole table, but the text size will be too small to read. Or you…

Google Nexus Website Menu | Codrops

Google Nexus Website Menu | Codrops A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website. VIEW DEMO DOWNLOAD SOURCE

Blueprint: On Scroll Effect Layout | Codrops

Blueprint: On Scroll Effect Layout | Codrops An on scroll effect template that animates the sides of sections once they are in the viewport. VIEW DEMO DOWNLOAD SOURCE This Blueprint is a template for a on scroll effect layout. We’ve had some requests on how to achieve this effect of animating elements once they are in…

Choosing A Responsive Image Solution | Smashing Mobile

Choosing A Responsive Image Solution | Smashing Mobile If you code websites, it’s a good bet that at least one of your clients has asked about or requested a mobile-friendly website. If you go the responsive design route (whereby your website is flexible enough to adjust visually from mobile to desktop widths), then you’ll need…