InfectedFX » CSS

10 estilos de paginación gratis para usar con WP-PageNavi

Infected-FX — Fri, 25 Sep 2009 11:29:55 +0000

Los plugins de LesterChan, desde mi muy personal experiencia son usados por la mayoría de los WordPress'eros, sino todos al menos uno de toda la serie de posibilidades que nos ofrecen sus plugins, sin embargo, en este caso nos enfocaremos al plugin WP-PageNavi, ¿qué hace este plugin? para los que no lo hayan usado nunca, [...]

CSS Framework Generator

Infected-FX — Mon, 07 Apr 2008 21:58:00 +0000

CSS Framework Generator es una herramienta que nos puede ahorrar mucho tiempo, ya que con tan solo meterle el html de nuestro sitio automáticamente nos genera una estructura de CSS lista para usar con los id's y class que tengamos deifinidos en el código que insertemos. Por otro lado existe Markup Generator que hace lo [...]

Los trucos más usados con CSS

Infected-FX — Mon, 07 Apr 2008 21:49:39 +0000

No sé si en realidad sean los "más usados" pero de que son bastante útiles eso si ni que decir, en la lista encontraremos 12 tips que nos ayudarán a hacer diferentes cosas como: Esquinas redondeadas sin/con imágenes Dar esitlo a nuestras listas ordenadas (ol) Tableless forms Texto con efecto degradado Centrar verticalmente usando line-height [...]

Snipplr – Pedazos de código que te pueden resolver la vida

Infected-FX — Fri, 08 Feb 2008 22:04:40 +0000

Snipplr es un generoso banco de códigos abarcando distintas categorías como JavaScript, CSS, PHP, Ruby etc... un recurso realmente útil porque puedes ahorrarte un buen tiempo y como diría un amigo "en reinventar la rueda". Cuenta también con un plugin para WordPress, para que puedas insertar en tu blog algún código en especial utilizando únicamente [...]

Website Showcases :: Tabla comparativa

Infected-FX — Mon, 14 Jan 2008 06:17:13 +0000

Hay algunos post donde se listan muchas galerías de este tipo, pero esta vez hacen una tabla comparativa de muchos de estos sitios, (un honor que hayan tomado en cuenta stylecrunch.) Lo interesante de este listado es que comparan diversos factores de la funcionalidad de los mismos incluyendo: Miniaturas Fechas Valoración Comentarios Publicidad Buscador Navegación [...]

CSS Hacks

Infected-FX — Thu, 10 Jan 2008 11:29:48 +0000

En algún momento MeTaL_oRgY comentaba sobre cómo evitar el uso de hacks en nuestras CSS pero debo de admitir que muy seguido recurro a ellos, en otros casos a los comentarios condicionales para IE y por si a ustedes en algún momento les hace falta aquí les dejo una muy buena lista, tomando en cuenta [...]

CSS QuickMenu

D3N1553 — Thu, 10 Jan 2008 11:19:44 +0000

Apenas ayer mi hermano me encargó una Web para su negocio, me dijo que era urgente, yo muy desactualizada de las herramientas que podia usar (No entiendo mucho de php, javascript, ajax, o demas cosas que ya ni saben como nombrarlas), pues acudi aqui a InfectedFX para inspirarme y ayudarme a crearla, por que no [...]

Iconize – Identifica tus enlaces con CSS

Infected-FX — Wed, 12 Dec 2007 11:42:37 +0000

Las personas de pooliestudios han sacado una CSS que te permitirá identificar de que tipo de archivo se trata, hace la diferencia entre más de 50 tipos de enlaces, ya sean pdf, xpi, skype, vcard, ppt, etc... etc... etc... Lo único que tienen que hacer es subir la carpeta de icons a su servidor y [...]

Menú dinámico PHP/CSS

Infected-FX — Wed, 12 Dec 2007 11:41:08 +0000

Este tutorial explicara claramente cómo crear un menú dinámico multi niveles usando php y css, el menú se basa en arreglos, no sé mucho de php ó como se definan, pero es muy fácil construirlos. El arreglo consiste en esto: MOSTRAR TEXTO PLANO PHP: 1 => array [...]

TypeTester | CSS Type – Estilos de texto en tiempo real

Infected-FX — Wed, 12 Sep 2007 05:59:34 +0000

Estas dos herramientas resultan bastante útiles a la hora de probar fuentes para web la primera TypeTester creado por maratz además de permitirnos comparar en 3 columnas distintas diferentes tipografías, interlineado, alineación de texto y espacio entre palabras también nos genera el código CSS necesario para ponerlo en nuestro archivo. También podemos hacer las pruebas [...]

77 Recursos para facilitarte la vida como diseñador web

Infected-FX — Tue, 11 Sep 2007 09:34:28 +0000

Una muy buena recopilación por parte de Vandelay donde nos lista 77 recursos para diseño web entre los cuales podrán encontrar: Herramientas de color Menú de navegación CSS DHTML Menú Stock de fotografías Iconos Themes en blanco para WP Estructuras en CSS Validadores Scripts Fuentes Favicons Creadores de botones Herramientas Web2.0 Bordes redondeados Herramientas para [...]

Crear el efecto de lightbox solo con CSS

Infected-FX — Sun, 26 Aug 2007 06:37:32 +0000

Leyendo SigT me encuentro con este tutorial, interesante para aquellos que no deseen utilizar javascript para crear el efecto de Ligthbox, pueden usar esta técnica utilizando únicamente CSS. Pueden ver el resultado final de este tutorial. Trata solamente de mostrar 2 divs al momento de dar "clic" uno el overlay que hará que nuestra pantalla [...]

Smashing Magazine : Julio 2007

Infected-FX — Thu, 16 Aug 2007 07:53:07 +0000

Como cada mes Smashing Magazine junta todo lo mejor del mes en un solo post para tenerlo todo a la mano y sin duda este es uno de los mejores recursos que podemos tener como desarrolladores/diseñadores en esta ocasión la lista se refiere a: Icons, Brushes References, Tutorials, Tips Tools, Web-Services CSS-Techniques, (X)HTML, PHP CSS-Tools [...]

Enlaces rápidos XXIV

Infected-FX — Wed, 08 Aug 2007 08:37:41 +0000

PixelFonts Interesante colección de fuentes bitmap gratuitas - vía 80 tipografías para diseño profesionalMuchas de las tipografías aquí listadas son las que no le pueden faltar a uno que anda metido en esto. Windows Vista Menu CSSCrea un menú al estilo Windows Vista utilizando CSS - vía StemplateMuchos recursos gratuitos como menus de navegación, botones [...]

Blueprint CSS Framework

Infected-FX — Sun, 05 Aug 2007 05:36:17 +0000

¿Cuántas veces han escrito esas mismas líneas de código una y otra vez? Me imagino que igual que yo muchas... ahora llega un CSS Framework, es como la CSS Inicial de RudeWorks. Este framework intenta reducir el tiempo de desarrollo que nos tomamos al crear nuestras CSS. Blueprint te dá la facilidad de crear tu [...]

CSS Image Gallery

Infected-FX — Tue, 03 Jul 2007 09:06:10 +0000

Pfff!! vaya código que se ha aventado nuestro amigo MeTaL_oRgY, una galería unicamente usando CSS, como siempre me he llevado una gran sorpresa de ver como lo ha manejado... y bien nos cuenta el porqué inició... Ultimamente he visto muchas galerías de imagenes, y me ha parecido increíble que, de todas ellas, no he visto [...]

PNG’s en Internet Explorer

Infected-FX — Wed, 13 Jun 2007 05:34:01 +0000

No sé cuantas veces hemos peleado con las transparencias de los archivos png en Internet Explorer?... algunas veces como bien lo mencionó en su momento Nikko, usábamos un javascript que nos permitía poner estos archivos y que IE respetara la transparencia, pero en otros casos al menos en lo personal me llegaba a causar conflictos [...]

Comentarios condicionales para IE

Infected-FX — Sat, 09 Jun 2007 08:29:37 +0000

Esto no es algo nuevo, pero vale la pena tenerlo como referencia, ya que supongo que muchos de nosotros tenemos que lidiar con esas molestas versiones de Internet Explorer que llegan a volvernos loco, que ya se ve bien en IE7 pero que en IE6 no y luego para rematar el IE5 hace alguna chorrada... [...]

Posicionamiento con CSS

Infected-FX — Sun, 03 Jun 2007 22:20:31 +0000

Eden nos trae un tutorial que muchas veces nos puede sacar de apuros al poner dos elementos como flotantes, cuando usamos esto generalmente si tenemos un contenedor se desplaza y no quedan en "el bloque" que deseamos, no sé a ustedes pero a mi más de una vez me ha pasado... sin embargo esta técnica [...]

Background Position

Infected-FX — Thu, 31 May 2007 19:55:31 +0000

Todo lo que necesitas saber sobre el posicionamiento de fondo (background-position) una propiedad de las CSS que nos permitirá poner diferentes imágenes a nuestras listas haciendo uso de la etiqueta a y sus atributos. A esto me refería un poco con el "meme" de ser un poco quisquilloso con las cosas, al momento de hacer [...]

Menu circular en CSS

Infected-FX — Fri, 23 Mar 2007 06:22:52 +0000

Simplemente IMPRESIONANTE leyendo anieto me he llevado dos grandes sorpresas, la primera al ver que se hacen este tipo de cosas metal.ize nos demuestra el poder de las CSS, pero qué mejor que citarlo. El propósito de esta entrada es demostrar el poder que CSS tiene y que sinceramente no aprovechamos. Quiza sea algo difícil, [...]

Enlaces rápidos XIX

Infected-FX — Tue, 06 Mar 2007 19:00:19 +0000

Check and radio customize Cambia la apariencia de tus checbox ó radiobuttons por medio de javascript , puede llegar a ser muy útil. Demo 3D Menu El menú de este sitio está increíble con un efecto de profundidad y desenfoque hace que se vea curioso y diferente a los que vemos generalmente. Reinvigorate Otra opción [...]

Enlaces rápidos XX

Infected-FX — Thu, 01 Mar 2007 02:25:27 +0000

Creando un layout en CSS desde cero Un gran tutorial (en inglés) para todos los que nos estamos iniciando en el css, esta muy bien explicado y lo encuentro bastante util, ojala igual ustedes. Gracias Neutron Styleshout Otro sitio que ofrece más plantillas en CSS totalmente gratuitas 6 Herramientas para diseño web Aunque algunas las [...]

Enlaces rápidos XVII

Infected-FX — Mon, 15 Jan 2007 15:05:31 +0000

Amateur Illustrator Es una comundad de ilustradores como su nombre bien lo dice amateurs, tiene algunos artículos interesantes , además de que hicieron buen uso de varias herramientas como wordpress, punbb, coppermine. Ajax13 Aplicaciónes web muy similares a algunas de office, cuenta con un editor de texto tipo Word, hojas de cálculo como Excel, presentaciónes [...]

HoverBox + SlimBox

Infected-FX — Sat, 09 Dec 2006 12:40:13 +0000

Navegando me encuentro con una excelente galería a base de pura CSS creada por Nathan Smith llamada HoverBox, me gustó mucho que quise implementarla el único detalle que por lo que leo en su post la idea era que se usara simplemente a base de css sin necesidad de javascript pero lo más que mostraba [...]

Enlaces rápidos XV

Infected-FX — Mon, 04 Dec 2006 10:04:49 +0000

International Contest Logos Los posibles mejores logos e identidades del 2006. Comprimir png's Excelente programa que te ayuda a comprimr tus archivos hasta en un 90% sin perder tanta calidad a un solo clic. Quieres ahorrar ancho de banda? Sigue estos consejos que son bastante útiles para no acabarte tu ancho de banda, consejos muy [...]

Enlaces rápidos XIV

Infected-FX — Sat, 18 Nov 2006 22:06:01 +0000

CSS DropShadow Otra técnica para crear el efecto de sombra por medio de CSS Great Fonts for web 2.0 Un listado de las tipografías que usan algunos sitios famososcomo techcrunch, 9rules, bloglines etc... Arcsin CSS Templates Muy buenos recursos, algunos ya están adaptados directamente a WordPress. Transparent Custom Corners Y por qué no.. otra más [...]

Enlaces rápidos XIII

Infected-FX — Tue, 14 Nov 2006 10:48:51 +0000

got API Excelente referencia para conocer a fondo los tags y el uso de los mismos de varios lenguajes como javascript, css, html etc... CSS Photo Shuffler Si estás pensando en hacer un simple fade de imágenes usando flash, olvídalo, aquí tienes una opción muy buena. Animator Pfff!! que librería... puedes crear animaciónes en tu [...]

Enlaces rápidos XII

Infected-FX — Thu, 09 Nov 2006 12:15:01 +0000

CSS Basics Un tutorial muy completo dividido en 18 capítulos. que te da a entender como funcionan las CSS desde lo más básico. Diseñar un Blog y algo más Te interesaría conocer algúnos tips antes de diseñar tu blog ó tal vez para rediseñarlo? gracias a Vecindad Gráfica me encuentro con este artículo tan bueno. [...]

Crear un theme para WordPress I

Infected-FX — Tue, 31 Oct 2006 09:54:21 +0000

Como se los había prometido, vamos a empezar con este tutorial para hacer un theme muy pero muy básico en WordPress, esto nos servirá para tener una referencia de como funcionan los themes dentro de este sistema, no es nada complicado, (espero que no tampoco lo sea explicarlo) No me voy a detener mucho a [...]