background preloader

Web design / dev

Facebook Twitter

Media Queries. HTML5 UP! Responsive HTML5 and CSS3 Site Templates. Flat UI - Free User Interface Kit. Header 3The Vatican transitions to a Header 4Great American Bites: Telluride's Oak, The.

Flat UI - Free User Interface Kit

Beta. WordPress, Joomla, Template, Graphic, Free Nulled Scripts. ThemeForest – Garden v1.3 – Responsive Parallax One Page Template ThemeForest – Garden v1.3 – Responsive Parallax One Page Template Garden is a fully responsive HTML template.

WordPress, Joomla, Template, Graphic, Free Nulled Scripts

WebCode : un éditeur vectoriel pour sites web. WebCode [1.0 / Démo – US – 44,99 € – OS X 10.7 – PixelCut s.r.o.] est un éditeur vectoriel un peu particulier, puisqu'il est destiné aux concepteurs de sites Internet.

WebCode : un éditeur vectoriel pour sites web

S'il contient des outils classiques pour un éditeur vectoriel, il n'est pas pensé pour exporter une image, même s'il peut le faire. Leaflet - a JavaScript library for mobile-friendly maps. Stylify Me - Online Style Guide Generator. Brackets. Junior - A front-end framework for building HTML5 mobile apps with a native look and feel. A front-end framework for building HTML5 mobile apps with a native look and feel.

Junior - A front-end framework for building HTML5 mobile apps with a native look and feel.

CSS3 Transitions optimized for mobile performance. Swipable carousels using flickable.js. Integration with backbone.js views and routers. Ratchet CSS UI components. Try loading this page on a mobile phone or try our "simulator" to the right. Installation Javascript Dependencies Each of these dependencies is included in the lib/javascripts directory. Fitgrid. On Being a Designer and a Developer: Not Quite Unicorn Rare by Diogenes Brito. I wanted to write about this because as I attempt to distill my professional experience into teachable morsels for my students, I have realized that the one of biggest barrier is mental.

On Being a Designer and a Developer: Not Quite Unicorn Rare by Diogenes Brito

People who have categorized themselves as an engineering (or math and science) type will shy away from and avoid areas of knowledge considered to be in the realm of a designer (or "creative") type. At Stanford this took the form of the great divide between engineering major "techies" and humanities major "fuzzies. " I believe this prevented many would-be "ninjas" and "unicorns" from ever reaching their potential. The effect is similar to having a fixed mindset instead of a growth mindset. WebCode : un éditeur vectoriel pour sites web. Things That Are Brown. Viens-là.

Responsive Solutions to Design Menu Navigation in Low Resolution Mobile Screens. In responsive design for smartphones and mobile devices with low resolution screens, one of the most common and difficult challenges to address is the navigation menus.

Responsive Solutions to Design Menu Navigation in Low Resolution Mobile Screens

A small space problem Classic web design always allowed and was oriented to provide horizontal scrolling menus at the top of the pages, which enabled users to have a good browsing experience. By squeezing the elements for a responsive layout, reference and visibility criteria for the navigation elements are called into question, and it’s really not always easy to find a way to keep them usable. There are several solutions available for menus and menu items, which we illustrate here with examples of good responsive designs. How to Create a CSS3 Login Form.

960 Grid System. CSS3 – Effet parallaxe (sans JavaScript) Retour des tutoriels CSS avec quelque chose d’un peu original pour cet article : un effet parallaxe uniquement en CSS3.

CSS3 – Effet parallaxe (sans JavaScript)

C’est à la suite de l’article de Simon Kern sur Alsacréations que m’est venue l’envie de tenter d’utiliser CSS pour reproduire cet effet initialement conçu avec JavaScript. L’article zoom sur l’effet parallaxe de Simon est bien conçu, je vous invite à le lire si vous préférez l’utilisation de jQuery, ou si vous souhaitez découvrir une alternative ou un complément à ce tutoriel. 2 effets CSS3 assez saisissants.

Je vais aujourd’hui vous montrer comment réaliser deux effets assez intéressants en CSS3.

2 effets CSS3 assez saisissants

Le premier est une sorte de fade in / fade out et le deuxième est une lueur externe avec l’attribut box-shadow À ce jour, les transitions en css ne sont pas encore au point sur la plupart des navigateurs mais le fait d’utiliser ces effets ne perturbera en aucun cas la navigation dans votre site. Et pour les navigateurs sur lesquels elles marchent (Safari et Chrome) la navigation sera encore plus agréable. Donc pour voir les effets dans de meilleures conditions, utilisez Chrome ou Safari. A Simple Parallax Scrolling Technique. Parallax scrolling is an interesting technique, where, as you scroll, the background images translate slower than the content in the foreground, creating the illusion of 3D depth.

A Simple Parallax Scrolling Technique

As I planned to re-design my personal website, my first goal was to write the shortest and simplest code to achieve maximum awesomeness! I'll show you how I did it. In this tutorial, I'll teach you the simplest parallax scrolling technique you've ever came across, so let's dig in! This technique revolves around controlling the speed of background image. DesignCharts // Weekly Top 40 Website Design Charts // Because Web Designers Are The New Rockstars // Best Website Designs Updated Weekly. Extra l'agence. Pas qu'un peu le cv de Jean-Baptiste Janot. Konigi. The Main Tap › PatternTap.

SiteInspire - Web Design Inspiration. Little Big Details. Developer Network. Creative Web Development. S 2012 greeting card! Grid Calculator by Nicolaj Kirkgaard Nielsen. Form Follows Function.

SUPERSCROLLORAMA. SuperScrollorama is powered by TweenMax and the Greensock Tweening Engine.

SUPERSCROLLORAMA

Go to greensock.com for documentation on how to use it. Why Greensock/TweenMax? Great performance, ease-of-use, expandibility and basically because it is awesome. First, link to the jQuery CDN and then embed TweenMax.js and SuperScrollorama. Next, start up SuperScrollorama. When initializing SuperScrollorama there are several options you might want to change. $.superscrollorama({options}) vars: optional properties for the pin method (object): isVertical Are we scrolling vertically (true) or horizontally (false)?

Example Use the addTween method to build your scroll animations. jQuery Parallax Plugin Demo. jQuery.parallax. Email Marketing and Email List Manager. Supersteil. Parallaxe et Webdesign : 10 exemples de sites.