background preloader

52framework - The framework from the future, HTML5, CSS3, and more!

52framework - The framework from the future, HTML5, CSS3, and more!

Tutorial effet abstract lumineux Tutorial effet abstract lumineux Nous allons créer un nouveau document de 500x500 pixels Ajoutez un calque de dégrader radial comme ce si Dupliquer le calque dégrader (Ctrl + j) et passer le mode de fusion en Superposition. Ensuite créez un nouveau calque puis allez à Menu > Filtres >Rendu > Nuages. Après nous allons appliquer un filtre de chrome Menu > Filtres > Esquisse > Chrome. Mettez les valeurs Détail 4 et 7 pour le lissage passez le mode de fusion du calque en incrustation et une opacité de 30 % Maintenant c'est la partie la plus délicate en va utiliser la plume pour dessiner nos traits Bon pour commencer dans un nouveau calque prenez l'outil plume et dessiner quelque chose comme ça Ensuite sélectionnez l'outil pinceau et mettez la valeur comme ce si Puis allez à Tracer puis contour de tracer vous aurez quelque chose comme ça Essayez de dessiner d'autre tracer par la même méthode Appliquez ces option de fusion pour le deux tracer Et voila le travail Tutorial inspirer du site Psdtuts

KNACSS, a simple and lightweight CSS framework 960 Grid System Rendera - Online HTML5 Editor Baseline - a designer framework by Stephanecurzi.me “Real” baseline grid on the web When I first started to design Baseline, I wanted to base the grid on the work of Josef Müller-Brockmann, unfortunately some missing CSS attributes — like type leading — kept me from implementing a true grid based approach. I then decided to another look at the basic grid used in print: the baseline grid. Most frameworks and examples of baseline grids simply put the type on a regular line-height, but one problem with this approach is that the text rarely lines up correctly between columns and headlines — H1 through H6. Baseline try to align to the font metric to correctly line up headlines, paragraphs, form labels and any other major elements on the page baseline, creating a harmonious layout. How to use Baseline Baseline can be used in many different ways. Download The .zip file includes the full set of CSS files both for development and deployment, a Photoshop base document and a full set of HTML templates and examples. Going from 0.2 to 0.5 Version 0.5.1

Initializr - Start your HTML5 project in 15 seconds! Jeet Framework css-boilerplate - A simple CSS framework. Boilerplate: noun standardized pieces of text for use as clauses in contracts or as part of a computer program. As one of the original authors of Blueprint CSS I've decided to re-factor my ideas into a stripped down framework which provides the bare essentials to begin any project. This framework will be lite and strive not to suggest un-semantic naming conventions. If you prefer: over class="column span-2 append-1" then you're in the right place my friend. Releases

CSS Tutorial Susy: Responsive grids for Compass All Susy3 API functions draw on the same shorthand syntax, which consists of two parts, seperated by the word of. The first part describes a grid-spanwidth, location (if needed), and spread (in any order): // <width> at <location><spread> $span: span(2);$span-spread: span(3 wide); // location is only needed with asymmetrical grids $span-location-spread: span(3 at 2 narrow); The second half describes the grid-contextcolumns, container-spread, and gutters in any order: // of <columns><container-spread> set-gutters <gutters> $of-columns: of 6;$of-columns-spread: of 12 wide;$of-columns-gutters: of 12 set-gutters 2em; There are two primary functions, span and gutter, which can be used anywhere you need to calculate grid math. span accepts the full shorthand syntaxgutter only uses the second half (with or without of) Except for span-width and location, all of those settings have global defaults, which can be set in the $susy configuration map:

Construct Your CSS | WYSIWYG Layout Editor, Semantic & Table-Free | Based on Blueprint & jQuery Topcoat jQuery Transit - CSS3 animations for jQuery What about older browsers? Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still doing standard CSS (opacity, marginLeft, etc) without any animation. Delays and durations will be ignored. // Delegate .transition() calls to .animate()// if the browser can't do CSS transitions.if (! Fallback to frame-based animation If you would like to fallback to classic animation when transitions aren't supported, just manually redefine .transitition to .animate. (Note: if you're using custom easing, you may need to also use jQuery Easing, and restrict your use of easing options to the ones defined there.) $.fx.speeds. Default duration Transit honors jQuery's default speed, $.fx.speeds. Custom easing Define custom easing aliases in $.cssEase. Webkit: prevent flickers Having flickering problems in Webkit? Antialias problems in Webkit? Force hardware-acceleration in Webkits to prevent text flickering.

Related: