Previo Siguiente

Estilo CSS para publicidad de 125x125px en tu blog (banner ads CSS)

Si estas buscando la forma de agregar publicidad a tu sitio web ó blog, pues uno de los formatos muy eficaces es el de 125x125px, como se puede apreciar en la imagen: Esto lo podemos lograr con la ayuda de CSS, como sigue:.ads { margin-top:5px;}.ads img { padding: 5px; border: 1px solid #CCCCCC; margin-right: 5px; margin-bottom: 5px;}.ads p { font-size: 12px; margin: 10px 0px 0px; padding: 0px; float: left; width: 342px; font-weight:...

1000 iconos en formato PNG para descargar

Vía FatCow webhosting nos llega este paquete de iconos en formato PNG de fondo transparente en dos tamaños: 16 y 32 pixeles. Download

81 Iconos de Redes Sociales en varios tamaños

En Nouveller encontramos una colección de 81 iconos sobre redes sociales, entre los que resaltan: TwitterFacebookYouTubeFlickrDeliciousDigglastFmStumbleUponTwitPicWordPressRSSVimeoPlayStationSpotify Los podemos encontrar en formato PNG y diferentes tamaños: 16x16px, 32x32px y 122x42px (forma de botón). Sitio web : Free ‘Social Media Bookmark Icon +’ pack, the ever growing icon set

Tarjetas de presentación con estilo

Este post de Noupe me gustó sobremanera por el listado de tarjetas de presentación con estilos muy creativos. Nosotros como desarrolladores, programadores ó diseñadores web, debemos contar con nuestro paquete de tarjetas con información de contacto, de manera física no virtual, además de los trabajos ó servicios que ofrecemos. Pero no debe quedar allí si no que podemos usar nuestra...

CKEditor, editor profesional WYSIWYG

 CKeditor welcome!

CKEditor es un editor WYSIWYG profesional por sus interesante opciones avanzadas que presenta, además de fácil uso. Si tenemos un CMS personalizado ó un proyecto donde se necesite obligadamente de un editor de texto, podemos contar con esta herramienta, con características similares a editores de textos para escritorio como son MS Word ó OpeOffice.

Algunas de sus características:

  • Compatible con la mayoría de navegadores web actuales.
  • Licencia Open Source y Comercial.
  • Soporte Accesibilidad y Usabilidad.
  • Es un editor rápido en cuanto a sus procesos.
  • Totalmente personalizable gracias a su API.
  • Soporte multiples idiomas.

CKEditor y FCKeditor?

FCKeditor tiene más de 6 años de existencia. Desde 2003 ha construido una sólida comunidad de usuarios hasta convertirse en uno de los editores del mercado más utilizado. En 2009, se decidió cambiar el nombre del editor, lanzando una solución de próxima generación: CKEditor 3.0

CKEditor hereda la calidad y características que la gente estaba acostumbrada encontrar en FCKeditor en un producto más moderno, con nuevos beneficios, tales cómo accesibilidad y desempeño.

Enlaces | Demo

Guía para htaccess

Algunas técnicas básicas y recomendaciones para saber que y que no hacer con esta, digamos, herramienta: htaccess. Si le dedicamos algunos minutos a estudiar el código podremos entender cómo y por qué razón funciona.

1. Crear una pagina de error personalizada. Creamos como deseamos nuestra página de error en la raíz del sitio y escribimos lo siguiente en el archivo .htaccess:

ErrorDocument 401 /401.php
ErrorDocument 403 /403.php
ErrorDocument 404 /404.php
ErrorDocument 500 /500.php

2. Prevenir navegación por directorios del sitio. Si no colocamos un archivo index en los diversos directorio de nuestro sitio web, nuestros visitantes pueden navegar a través de ellos sin ninguna restricción. Podemos prevenir esto con una sola línea:

Options All -Indexes

3. Configurar página por defecto para cada directorio. Si no deseamos usar una página index en cada directorio, podemos establecer la pagina por defecto.

DirectoryIndex news.html

4.  Creando direccionamiento 301.  Si necesitamos redireccionar antiguas URLs a sus nuevas ubicaciones, el siguiente código lo hace fácil:

Redirect 301 /original/filename.html http://domain.com/updated/filename.html

5. Comprimir archivos a descargar con GZIP. El siguiente código permite comprimir todos tus archivos JavaScript, CSS y HTML mediante GZIP.

<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text\.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image\.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>

6.  Redireccionar a conexión segura HTTPS. Si deseamos redireccionar todo el sitio a una conexión segura:

RewriteEngine On
RewriteCond %{HTTPS} !on
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

7. Bloquear la ejecución de algunos script. Podemos detener la ejecución de script de distintos lenguajes de programación:

Options -ExecCGI
AddHandler cgi-script .pl .py .php .jsp. htm .shtml .sh .asp .cgi

8.  Forzar archivo a descargar con un "Guardar como ...". Si deseas forzar a descargar un determinado archivo en vez de abrir en el navegador:

AddType application/octet-stream .doc .mov .avi .pdf .xls .mp4

9. Restringir límite de subida de archivos PHP. Podemos reducir el tamaño máximo de archivos PHP a subir, así como el plazo de ejecución:

php_value upload_max_filesize 10M
php_value post_max_size 10M
php_value max_execution_time 200
php_value max_input_time 200

Ver más técnicas y consejos sobre htaccess

Unidades de longitud en el desarrollo web. Cuadro de conversión

Las unidades de longitud consisten en un número seguido de una unidad de medida (cm, em, in, pt, px). Hay dos tipos de unidades: absolutas y relativas.

Unidades absolutas:
  • pulgadas (in). Una pulgada=2.54 cm.
  • centímetros (cm).
  • milímetros (mm)
  • puntos (pt). Un punto=1/72 de pulgada.
  • picas (pc). Una pica=12 puntos

Unidades relativas

  • em
  • ex
  • px
Y también están las unidades de porcentaje.

Vía CodePurity un cuadro de conversión entre las diversas unidades usadas en el desarrollo HTML.

Points Pixels Ems Percent
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em

300%

Hay que tener en cuenta algunos factores a la hora de elegir la unidad de longitud pues no se trata de elegir por elegir. Para ver más información al respecto puedes ver el articulo Apuntes CSS: Unidades de Medida CSS donde se explica con diversos ejemplos.

Herramientas para analizar el trafico de sitios web

Los servicios web ó software para seguimiento de tráfico de sitios web son importantes herramientas cuando deseamos lograr un objetivo con nuestros sitios web ó blogs, pues nos ayudan a conocer a nuestra audiciencia y saber cómo estamos llegando a ella. Igual de importante es conocer algunos de estos servicios -algunos gratuitos con algunas características de pago- para sacarle el máximo provecho y así obtener información que nos ayude a direccionar nuestra web a las necesidades del usuario final. 

1. Google Analytics

Utilice Google Analytics para conocer qué iniciativas de marketing online son más rentables y ver cómo los usuarios realmente interactúan con su sitio. Realice mejoras fundadas en el diseño del sitio, dirija tráfico orientado y aumente sus conversiones y beneficios.

Google Analytics

2. Woopra

Woopra provee rica información en tiempo real de seguimiento de tus sitios web. Ofrece estadísticas de visitas, interfaz de usuario de estética agradable e intuitiva. Pero es mucho más que eso.

Woopra

3. VisiStat

VisiStat es una suite de gran alcance, fácil de usar en tu sitio web. Ofrece herramientas de seguimiento, mide la eficacia de tus contenidos, pago por clic y marketing, optimización para motores de búsqueda, etc. Toda esta información recopilada en tiempo real, y es fácil de entender e intuitiva ... no require experiencia alguna.

VisiStat

4. Yahoo! Web Analytics

Yahoo! gracias a IndexTools, proveedor líder de software de análisis web, provee información sobre los intereses de los visitantes a tus sitios web. Brinda tableros ó dashboards potentes y flexibles, herramientas de segmentación, gestionador de campañas, etc, con el fin de aprender-conocer a tu audiencia y tomar cartas en el asunto.

Yahoo! Web Analytics

5. StatCounter

Como dice en su web, StarCounter es una herramienta para seguimiento web invisible pero poderosa y confiable. Completamente configurable brindando estadísticas de tus sitios web en tiempo real. Bastará con insertar un fragmento de código en tu sitio ó blog y podrás analizar y supervisar todas tus visitas.

StatCounter

Ver Artículo Completo ››

Más iconos para tus aplicaciones web

Vía IcoJoy un set de hermosos iconos para tus proyectos ó aplicaciones web, contiene 50 iconos. Un recurso a tener a la mano siempre.

free icons

 Descargar iconos

Iconos de redes sociales e iconos para aplicaciones

Excelente set de iconos de las redes sociales más conocidas, además incluye un gran número de iconos que podemos usar en el desarrollo de nuestra aplicaciones web. Un recurso para todo desarrollador web a tener a la mano.

social icons free

Vía WeFunction