Categoría -CSS y JavaScript

1
Finalistas del CSS Design Awards 2016
2
Generador de un árbol con polígonos en JavaScript CSS3 y HTML5
3
Frases divertidas con composiciones al estilo CSS
4
Lista de las mejores Fuentes de Iconos “Icon Fonts” para Diseño Web
5
50 Snippets CSS que cada Diseñador debe tener
6
In Pieces: Especies en peligro de extinción hechas con CSS
7
Generadores de CSS que te pueden ayudar en la producción
8
Parodias y juegos de palabras con CSS

Lista de las mejores Fuentes de Iconos “Icon Fonts” para Diseño Web

font-awesome

Las Fuentes de Iconos “Icon Fonts” son recursos de gran utilidad para diseñadores web. Hay diferentes ventajas al usar un icono “webFont” en lugar de imágenes tradicionales, tales como la capacidad de escalar el icono y conservar la calidad perfecta; cambiar fácilmente el color por medio de CSS; y tienen toda una biblioteca de glifos disponibles dentro de un solo archivo.

Los de Line25 han creado una lista con las mejores y gratuitas:

Font Awesome (370+ icons)

Typicons (330+ icons)

Batch (300+ icons)

Foundation Icon Fonts 3 (280+ icons)

Entypo (250+ icons)

MFG Labs Icon Set (180+ icons)

Sosa icon font (160+ icons)

Raphaël Icon-Set (115+ icons)

Zocial (100+ icons)

A Free Icon Web Font (60+ icons)

Socicon (60+ icons)

Linecons Free (45+ icons)

Roundup of the Best Free Icon Fonts for Web Design

In Pieces: Especies en peligro de extinción hechas con CSS

“In Pieces” es un catálogo interactivo de 30 animales creados íntegramente con CSS por Bryan James.
Bryan ha creado una plataforma interactiva para dar a conocer las especies en peligro de extinción de todo el mundo.

species-in-pieces-lion

species-in-pieces-frog

species-in-pieces-turtle

species-in-pieces-seahorse

CSS polygons are a line of code which essentially draws a shape from a set of co-ordinates with X and Y values for each point. You can have any amount of points you wish, I chose 3 of course because I used triangles. These co-ordinates are based off-of a standard rectangle which you can size in any way you like, and the polygons will adapt if done as percentaged co-ordinates.

species-in-pieces-CSS

In Pieces – 30 Endangered Species, 30 Pieces.

Motionographer In Pieces: A rare specimen of CSS-based animation

Generadores de CSS que te pueden ayudar en la producción

enjoy-css

Justo cuando necesitas crear algo con CSS, es que puedes necesitar estos generadores de CSS.

Online CSS3 Code Generator With a Simple Graphical Interface – EnjoyCSS

CSS 3.0 Maker

Completa colección de herramientas CSS para diseñadores web | CSSmatic

CSS Compressor

Sky CSS Tool

Code Beautifier: CSS Formatter and Optimiser

CSS3 Keyframes Animation Generator

Stylizer | CSS styling in a fraction of the time.

Magic Animations CSS3

iHover
CSS3 hover effects pack

CSS Lint

CSS Prism by Ryan Berg

Layer Styles

Patternify | A CSS Pattern Generator

Lo vi en Pixelatingbits

Copyright © 2016. Vecindad Gráfica.