CSS

< Веб-Дизайн (web-desing) <
TwitterFacebook
Get flash to fully experience Pearltrees

Best Open Source Resources for Web Developers | WebAppers

jQuery Scroll Path is a plugin that lets you define your own custom scroll path. The plugin uses canvas flavored syntax for drawing paths, using the methods moveTo, lineTo and arc. To help with getting the path right, a canvas overlay with the path can be enabled when initating the plugin. http://www.webappers.com/
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Visit site. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Heading 6 Epsum factorial non deposit quid pro quo hic escorol. http://www.designinfluences.com/fluid960gs/

Fluid 960 Grid System | 16-column Grid

CSS Portal - Templates, Tutorials, Books, Software, Code Examples

http://www.cssportal.com/ Here at CSSPortal, we have gathered as much information as possible to try and help you learn CSS and improve your web design skills. At this site, you'll find a range of quality resources all geared towards CSS, if you're looking for a new design for your website, then please check out our range of CSS templates or if you would like to design your own site, you may wish to check out some software to help, go to CSS software for some great programs. Also at CSSPortal, you'll find all the CSS properties , CSS books and a nice collection of CSS examples. CSSPortal also encourages you to choose good web hosting for your site.
border-width: 27px; -moz-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat; -webkit-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat; -o-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat; border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat; http://border-image.com/#%7B%22src%22%3A%22http%3A%2F%2Fwww.w3.org%2FTR%2Fcss3-background%2Fborder.png%22%2C%22linkBorder%22%3Atrue%2C%22borderWidth%22%3A%5B0%2C0%2C0%2C0%5D%2C%22imageOffset%22%3A%5B27%2C27%2C27%2C27%5D%2C%22setRepat%22%3Afalse%2C%22repeat%22%3A%5B%22repeat%22%2C%22repeat%22%5D%2C%22scaleFactor%22%3A3%2C%22setRepeat%22%3Atrue%7D

border-image-generator

http://www.tinyfluidgrid.com/

Tiny Fluid Grid

Inspired by 1kbgrid.com . Developed with love by Girlfriend 's overconfident and pretty good looking team of web developers. Tiny Fluid Grid ships with a index.html with demo code, and the grid.css containing the CSS for the grid you created.
Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub . Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. http://960.gs/

960 Grid System

http://www.display-inline.fr/projects/css-gradient/#startType=rgba&startValue=255,255,255,1&endType=hex&endValue=3399cc The extended mode enables oblique gradients for Opera 9.5+ (using SVG background) and activate IE gradient filters. Unsing those filters may result in strange behaviours of your elements (locked form inputs, for instance), so use with caution!

CSS gradient generator

HoverAttribute : faites parler vos liens Le plugin HoverAttribute pour jQuery permet d’ajouter un sympathique effet à vos liens : lors du survol, le texte disparaît, et c’est l’url qui est affichée par un effet de glissement croisé. Pas évident à expliquer comme ça, mais l’effet final est plutôt réussi, et pourra servir dans de nombreuses occasions. D’autant plus que vous pouvez afficher toute autre propriété du lien à la place de l’url, par exemple un texte alternatif contenu dans la propriété title . Un article récent sur Net Tuts propose cette idée toute simple, mais bigrement pertinente : pourquoi ne pas utiliser la propriété CSS @font-face pour afficher des icônes sur un site ? http://www.display-inline.fr/

Display:inline, webdesign et développement web

http://css-tricks.com/ Apr 9 2012 The :target pseudo selector in CSS is both pretty cool and pretty limited in what it can do. In this article we discuss some things it can be helpful with, it’s limitations, and some work arounds.

CSS-Tricks

Ultimate CSS Gradient Generator - ColorZilla.com

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ http://www.colorzilla.com/gradient-editor/

CSS3 Watch

‘320 and up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point. Try this page at different window sizes and on different devices to see it in action.

CSS3 PIE: CSS3 decorations for IE

This quick demo shows just a few of the CSS3 properties PIE can render. Use the controls to adjust the CSS3 applied to the box. Load this page in IE to see that it is rendered properly!

CSS3 Gradient Generator

background-image: linear-gradient(bottom, rgb(237,223,51) 5%, rgb(255,255,77) 53%, rgb(255,255,108) 77%); background-image: -o-linear-gradient(bottom, rgb(237,223,51) 5%, rgb(255,255,77) 53%, rgb(255,255,108) 77%); background-image: -moz-linear-gradient(bottom, rgb(237,223,51) 5%, rgb(255,255,77) 53%, rgb(255,255,108) 77%); background-image: -webkit-linear-gradient(bottom, rgb(237,223,51) 5%, rgb(255,255,77) 53%, rgb(255,255,108) 77%); background-image: -ms-linear-gradient(bottom, rgb(237,223,51) 5%, rgb(255,255,77) 53%, rgb(255,255,108) 77%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.05, rgb(237,223,51)), color-stop(0.53, rgb(255,255,77)), color-stop(0.77, rgb(255,255,108)) );

Blueprint Grid CSS Generator

A big Thank You ! goes out to all the developers involved in Blueprint CSS . You guys have helped me loads.