background preloader

CSS3Ps - free cloud based photoshop plugin that converts layers to CSS3 styles.

CSS3Ps - free cloud based photoshop plugin that converts layers to CSS3 styles.

Related:  HTML/CSS/JavaScript

CSS 3D Editor Tridiv Making 3D in CSS has never been easier Tridiv is a web-based editor for creating 3D shapes in CSS. Start using the app See examples Examples Find Free PSD Files in These 33 Websites August 30th, 2012 by aditia rahman / No Comments PSD files are common popular files used by designer to create a design mockup or concept, whether for designing application user inteface, advertising concept, etc. These websites / blogs below have many collections of free psd files you can download for free, might help for your project or just for learning photoshop.

Fixed-position footers This page describes a solution to the problem of creating a page with a fixed-position footer that is always displayed, while the rest of the content is free to scroll if required (depending upon the size of the browser window and the content). See a working example Constraints A previous solution had used javascript to remedy the problem of fixed positioning and fixed backgrounds in IE. This obviously required that javascript be enabled, which I don't consider to be a serious shortcoming, but the solution didn't work particularly well. One serious shortcoming was that, in IE, the footer was not perfectly still while the main content was scrolled but flickered up and down.

Animated Content Tabs with CSS3 About us You think water moves fast? You should see ice. flower-template01 Freepik All Files Flower Vector - Template Free Vector previous next Like Free Download After: float Continuing in my series of “why is this so hard in CSS or HTML?” type articles, here I want to discuss the process of dealing with floated elements. Before I get started, let me just disclaim: I’m not talking here about using CSS float as an approximation forlayout structure, things like columns. Interaction Design and Design Strategy settings heart star plus minus checkmark remove mail calendar page tools globe cloud error right-arrow left-arrow up-arrow down-arrow trash add-doc edit lock unlock refresh paper-clip video photo graph idea mic cart address-book compass flag location clock folder inbox website smiley search phone General Enclosed Set Social Set

50+ Useful CSS Tools And Generators for Developers Jul 11 2011 CSS tools are essential for web developers because they act like a sort of magic lamp that can simplify the job at hand. Most development tools are time savers that are there to help developers create stylish, functional and optimized websites with a few shortcuts. CSS tools and generators are available in such large numbers that a developer can choose from a range of them to make their projects go smoother.

Animatable: One property, two values, endless possiblities box-shadow From: 0 0 black To: 0 150px 10px -50px rgba(0,0,0,.5) Author: XHTML Character Entity Reference Each entity is contained within a small box that contains four lines. The first line shows how the entity will be displayed on your webpage. The second line contains the entity reference, in the form &entity_name; (i.e. an ampersand, the entity name, and then a semi colon).

Flexible Google-style loader with CSS So, for a while I had noticed the nice sutble loader Google apps use and I was wondering if it would be easy to make with CSS and CSS animations: Yesterday, I realised that you can get this effect by increasing border size until about the middle of the element, as long as the total width stays the same (by using box-sizing: border-box): However, as you can see above, after the midpoint, the border is not curved any more, so does not produce the desired effect. However, what if we split the background colour in half, and animated border-left until 50% of the width and then border-right from 50% of the width? That worked, but only gave us 25% of the effect. This is the finished result:

Bootstrap.less by Mark Otto Mixins Mixins are basically supercharged includes for CSS, allowing you to combine a set of rules into one. They're great for vendor prefixed properties like -webkit-box-shadow, gradients, and more. Rounding Corners

Related:  ToolsDESIGNInfo,datosdesignconverterPHOTOGRAPHIE RETOUCHE