Categoría: Recurso Web

Minificar, comprimir código CSS

12 diciembre, 2015 en css / Recurso Web Etiquetado comprimir codigo css / minifi / minificar / minified por Grégor González

Como indiqué en un post anterior Minificar, comprimir código JavaScript, también podemos realizar lo mismo con los archivos css, igualmente es para reducir el tamaño de los archivos generados. Es importante cuando trabajamos con grandes archivos o librerías completas, sino tienes tantas líneas de código, no será necesario estar comprimiendo el archivo, ya que la reducción no sería muy notable. Recomiendo esta página: http://cssminifier.com/ Se encarga de convertir este código:

body {
    background-color: #d0e4fe;

#comentario en css
/* comentario multiple 
en css*/
}

h1 {
    color: orange;
    text-align: center;
}

p {
    font-family: "Times New Roman";
    font-size: 20px;
}

body {

background-color: #d0e4fe;

#comentario en css

/* comentario multiple

en css*/

}

h1 {

color: orange;

text-align: center;

}

p {

font-family: "Times New Roman";

font-size: 20px;

}

En este:

body{background-color:#d0e4fe}h1{color:orange;text-align:center}p{font-family:"Times New Roman";font-size:20px}

1	body{background-color:#d0e4fe}h1{color:orange;text-align:center}p{font-family:"Times New Roman";font-size:20px}

Minificar, comprimir código JavaScript 1

12 diciembre, 2015 en JavaScript / Recurso Web Etiquetado comprimir codigo javascript / minifi / minificar / minified por Grégor González

Tal vez hayas descargado alguna librería que se compone de varios archivos, una versión compilada o de prueba y una versión pequeña para “producción”. Estas versiones se generan comúnmente con un nombre que lo relaciona: “jquery.min.js”, se usan para reducir el peso de las grandes librerías y de esta manera hacer que carguen más rápido en las páginas, muy conveniente cuando utilizas muchos componentes. Existen varias páginas que se encargan de hace esta compresión de código fuente, se trata de eliminar cada carácter no necesario, espacios, saltos de línea, comentarios del código y reduciendo considerablemente el tamaño del archivo. Esto […]

Generador de gradiente Css

21 noviembre, 2015 en css / Recurso Web Etiquetado background / color fondo / css / gradiente / sass por Grégor González

En esta página podemos generar todo tipo de gradientes, seleccionando cualquier color que deseemos y también genera código estándar compatible con diversos navegadores, podemos también seleccionar el tipo de código Css o Sass. Es una ventaja no tener que generar manualmente el código pero una vez comprendido resulta fácil, lo he usado bastante para crear todo tipo de backgrounds. http://www.colorzilla.com/gradient-editor/

Generador de coordenadas de imagen – Imagemap 3

21 noviembre, 2015 en Recurso Web Etiquetado area / coordenadas / html / imagemap / map por Grégor González

Html tiene un código especial para especificar que secciones de una imagen queremos tomar como un “área” y dicho tag contenga un enlace determinado. Nunca lo había utilizado, sabía que existía pero fue hasta hoy que lo necesitaba para un proyecto. Se trata de tomar una imagen, determinar regiones o secciones a través de coordenadas, puntos X y puntos Y para formar un área. Las áreas pueden ser una simple línea, un círculo o poly-línea generando cualquier figura. Esta técnica he visto que se usa para realizar algún menú especifico o tener un mapa real para dividir por país, estados […]

Paleta de colores planos

13 noviembre, 2015 en Recurso Web Etiquetado colores / hexadecimal / html / rgb por Grégor González

Esta web Flat colors UI, nos brinda varias paletas de colores planos (flat) para utilizar en cualquier diseño, ya sea con colores hexadecimales o RGB, es simple y sencilla. Es perfecta para crear las páginas web minimalistas que se basan en colores planos y combinando varios esquemas podremos generar distintos resultados. Puedes ingresar a la página a través de este enlace: http://www.flatcolorsui.com/

Crear fuente de texto – Tipografía

5 agosto, 2015 en Recurso Web Etiquetado fuente / tipografia / ttf otf por Grégor González

Existen muchas formas de crear tu propia tipografía, diferentes métodos y programas. He encontrado una forma rápida de hacerla online y sin mucho trabajo, e incluso funciona para realizarla con tu puño y letra manualmente. Esta web http://www.myscriptfont.com/ nos permite descargar un archivo como plantilla, puede ser PDF o imagen PNG, solo tenemos que llenarlo y subirlo a la web, la página nos crea la fuente en formato que seleccionemos, ya sea OTF o TTF y podremos descargarla para utilizarla. La gran ventaja que tiene es que puedes imprimir la imagen, llenarla a mano, escanearla para subirla a la web y […]

Mapa Mental Web

5 agosto, 2015 en Recurso Web Etiquetado crear mapa / mapa mental web por Grégor González

Últimamente he encontrado muchas páginas web para la creación de mapas mentales, aunque prefiero los programas de escritorio porque son más completos, también encuentro de utilidad utilizar alguna página para generar rápidamente un mapa. Existen muchas web con infinidad de opciones pero la mayoría son pagas por suscripción, otras por lo menos te permiten realizarlas gratis y con la posibilidad de descargarla. Las gratuitas son las que tienen mayor limitación pero realizan su propósito y es conveniente para algún momento de apuro. Pueden utilizar esta web https://www.text2mindmap.com/ para generar mapas mentales sencillos de solo texto.

Calcular el tiempo de una descarga

4 agosto, 2015 en Recurso Web Etiquetado calculadora / descarga archivo / velocidad internet por Grégor González

Esta herramienta web te permitirá calcular cuánto tiempo puede tardar una descarga. Solo debes introducir el tamaño del archivo ya sea en KB, MB, o GB. Por defecto muestra el tiempo de descarga de las velocidades más comunes utilizadas por los ISP, pero incluso puedes en la parte de abajo seleccionar la velocidad de tu conexión o realizar pruebas con cualquier velocidad. Recuerda que la velocidad también dependerá del tráfico de la red y la disponibilidad del servidor de donde realices la descarga. Explicado en este post: http://gregorgonzalez.com.ve/blog/comprobar-la-velocidad-de-internet/ Esta es la página web: http://www.download-time.com/es/

Calculadora de IP – Subnet y Supernet

4 agosto, 2015 en Recurso Web Etiquetado calculadora / ip / redes por Grégor González

Si has trabajado con redes y los cálculos de IP que se realizan mediante las máscaras de red, esta herramienta te resultará muy útil. Cuando estudias redes te enseñan a realizar todos estos cálculos manualmente, en la vida real no utilizarías un cálculo manual para averiguar tantas direcciones y mucho menos si estás diseñando un gran esquema de redes con N cantidad de hosts. Esta herramienta se encarga de generar tantos saltos como se establezcan y muestra las redes generadas, la ip para el host mínimo y máximo, la ip del broadcast y el total de hosts disponibles para la […]

Comprobar la velocidad de internet

25 julio, 2015 en Recurso Web Etiquetado subida y bajada / velocidad internet por Grégor González

Tomando en cuenta que aunque tu proveedor de servicio de internet (ISP) te asigne un plan de x mb para subida o bajada, resulta que en la práctica puede variar. Esto se debe a varios factores, ellos solo colocan un límite, ya sea 1mb, 5mb, etc., pero cuando lo utilizas debes considerar primero la latencia (demora de una red) y segundo la velocidad que limita el servidor al cual te conectas. Por ejemplo cuando realizas descargas, puedes tener una conexión de 5mb y en realidad descargar a 1mb o menos, debido a las restricciones que tenga el servidor que aloja […]

Blog Code

Blog de videotutoriales web