background preloader

Blueprints

Blueprints

http://tympanus.net/codrops/category/blueprints/

Related:  js, jqueryCSSweb development tools and resourcesWeb DeveloperDesarrollo Web

Fullscreen Overlay Styles & Effects Previous Demo Back to the Codrops Article Overlay fades in and menu rotates slightly in perspective. As seen on Huge If you enjoyed this demo you might also like: Perspective Page View Navigation Animated Border Menus untitled Table of Contents Usage Using Hamburgers for your site is easy (well, that was my intention anyway). Sass 15 Interesting Frontend Libraries And Plugins For March 2016 Danny Markov In this article we’ve gathered for you a collection of 15 awesome JavaScript and CSS libraries. Each one of them presents different solutions to common frontend tasks and can be of great help to both beginner and advanced developers. Check them out, you might find the perfect tool for your next project! Hamburgers Hamburgers is a collection of over 20 hamburger menu buttons.

Concept art of a fantasy RPG style town buildings as a development of a new project I been working on many drawings inspired on a RPG fantasy style setting. I have a few characters that I’ll post later and also a few setting elements like these buildings here. The idea is to do rough sketches to play with the different architectural elements and to find the definitive look. Headhesive demo - Mark Goodyear Headhesive.js creates an on-demand sticky header. Specify where you want your header to become fixed and the rest is magic. Scroll to see it in action Soft southern pansy ne'ermind breadcake eeh gi' o'er be reet. Th'art nesh thee. What's that when it's at ooam be reet where's tha bin.

Responsive Autorun Slideshow Date : 12th January 2015 For all the latest browsers, Android and iOS Information A basic responsive autorun slideshow for all the latest browsers and operating systems including touch screens. How to create flexible layouts with Susy and Breakpoint Creating responsive layouts can be challenging because of the maths involved, so it's common for designers to turn to frameworks and/or Sass to simplify the process. A lot of frameworks are based on a 12-column grid, but a responsive site doesn't always fit into this structure. Here, I'll show you how to use two Sass extensions to create truly flexible layout that transcends the 12-column grid. The problem Mega Collection Of Cheatsheets for Designers And Developers Cheatsheets and various quick reference guides are available for almost any type of software and language these days. Unfortunately they’re not always easy to find when you actually need them. This is why I decided to take some time to gather up as many as possible and share them with you here!

The Listed Voyage: 30 Free jQuery Navigation Menus Nowadays, jQuery navigation menus are more than just plain texts with links on it. In a previous tutorial, I presented to you how you can create a navigation menu with jQuery and CSS3, which is a cool way to display your menus on your site. With the power of jQuery, it can turn the navigation of a website into a dynamic menu. Although CSS3 can now be used to create dynamic navigation, still, jQuery adds more functionality on the menus. Material Design Color Palette Generator - Material Palette material palette More Material Design chevron_right Palette preview Full Palette colors below Your Palette CSS SASS LESS SVG XML PNG POLYMER DOWNLOAD TWEET Dark primary color #1976d2

16 really useful responsive web design tutorials Responsive web design is still massively popular form of web design, but it can be daunting if you have limited or no experience. Thankfully, we've rounded up these really useful tutorials to help you from day one. From dealing with typography and video, through imagery and layout to the technicalities of using JavaScript on your responsive sites, you'll be a pro before you know it.

JQuery Cycle Lite Plugin The jQuery Cycle Lite Plugin is a lighter version of the Cycle Plugin. The Lite version is optimized for file size and includes only a fade transition (though other transition effects can be created using options). It also supports pause-on-hover, auto-fit, before/after callbacks, click triggers and adjustable timeouts and transition speeds. The plugin provides a method called cycle which is invoked on a container element. Justified.js About Justified.js jQuery Plugin to Create Justified Images Grid Justified.js is a jQuery plugin that creates a justified image grid of supplied images. Fill all the spaces! This ineffect creates a elegant image gallery with various sizes of images, where all the images of a row to have the same height. Ideally, Justified.js tries to show images without modifying its aspect ratio and without cropping them.

Related:  Web-Dev