86 resultados por: css
Comprender LCP, CLS, FID. Todo sobre Core Web Vitals en Google Search Console
Hace unos meses hablamos de ciertas Métricas de Google tque se muestran en la Search Console. El motivo de escribir otro post sobre este tema es que Google ha vuelto a cambiar esto, dando prioridad a otras métricas. Curiosamente, en ese estudio anterior pensamos que el FCP y el FID no…
Category : Seo & sem 26-06-2023 by Laura Celis Ballesta
Nuevas unidades de ventana gráfica - CSS
'Intercop 2022' es un proyecto anunciado por Google, Microsoft, Apple y la fundación Mozzilla para que todos los navegadores ofrezcan la misma experiencia web. El proyecto tiene 15 áreas de enfoque y una de ellas es añadir más unidades de tamaño de la ventana gráfica, para que haya mayor compatibilidad entra…
Category : Css 22-06-2023 by Laura Celis Ballesta
Container queries: libera el poder de escribir media queries
El diseño web responsivo ha sido una práctica común durante años, permitiendo que los sitios se adapten y se vean bien en una variedad de dispositivos y tamaños de pantalla. Sin embargo, hay un desafío persistente: hacer que los componentes individuales dentro de un diseño respondan a su propio contexto…
Category : Css 29-05-2023 by Janeth Kent
¿Por qué no deberíamos usar el color negro?
A día de hoy es cada vez más frecuente que las páginas cuenten con la opción de ponerlas en modo oscuro, o que directamente basen su estética en los colores negros o con mucho contraste, pero la gran mayoría de personas siguen utilizando colores puros para implementar este tipo de…
Category : Css 12-05-2023 by Laura Celis Ballesta
Utilidades de los selectores :where y :is
Si aún no has oído hablar de estos selectores de pseudoclases, no te preocupes, aquí te explicamos el funcionamiento y dejamos varios usos que nos pueden ser muy útiles a la hora de diseñar. :where() es un selector de pseudoclases funcional, que coge una lista de selectores como argumento y aplica…
Category : Css 16-03-2023 by Laura Celis Ballesta
Cómo centrar un Div con CSS - 10 formas diferentes
Para los desarrolladores web, a veces centrar un div parece uno de los trabajos más difíciles del mundo. Pues ya no. En este artículo, aprenderás 10 formas diferentes de centrar un div. Exploraremos cómo centrar divs utilizando la propiedad CSS position, CSS Flexbox y CSS Grid. Después de leer todo este artículo,…
Category : Css 26-06-2023 by Janeth Kent
Como hacer tu propio cursor personalizado para tu web
Cuando empecé a ojear webs distintas y originales para aprender de ellas, de las primeras cosas que me llamaron la atención fue que algunas de ellas tenían sus propios cursores, así que investigué para poder incorporarlo en mi web. Hoy os traigo una versión simple de un cursor personalizado para que…
Category : Diseño web 08-06-2022 by Nadal Vicens
Explorando la API CSS Paint: Redondeo de formas parte 2
Vamos con la segunda parte de nuestro artícul sobre como manejar la API Paint para redondar bordes complejos Control de los radios En todos los ejemplos que hemos visto, siempre consideramos un radio aplicado a todas las esquinas de cada forma. Sería interesante que pudiéramos controlar el valor del radio de cada…
Category : Css 25-10-2021 by Silvia Mazzetta
Explorando la API de CSS Paint: Redondeo de formas parte 1
Añadir bordes a las formas complejas es un auténtico rollo (a veces), pero redondear las esquinas de las formas complejas es un suplicio jejeje. Por suerte, la API de pintura de CSS o CSS Paint API ha llegado a rescatarnos. En general, cuando trabajamos con la API de pintura CSS seguimos…
Category : Css 25-10-2021 by Silvia Mazzetta
Las ventanas gráficas o viewports grandes, pequeñas y dinámicas
Recientemente se han introducido algunos cambios en materia de unidades de ventana gráfica o viewport. Las novedades -que forman parte de la especificación de valores y unidades CSS de nivel 4- definen varios tamaños de viewport: el Large, el Small y el Dynamic Viewport (Grande, Pequeño y Dinamico). Gracias a estas adiciones,…
Category : Css 02-09-2021 by Janeth Kent
Cómo enviar un correo electrónico desde un formulario de contacto HTML
En el artículo de hoy vamos a escribir sobre cómo hacer un formulario que funcione y que al pulsar ese botón de envío sea funcional y envíe el correo electrónico (a ti como creador de la web y al usuario o cliente también). Si eres un desarrollador de las páginas web,…
Category : Programación 10-05-2021 by
Imágenes de fondo responsivas con relación de aspecto fijo o fluido
¿Cuál es la forma más fácil de escalar las imágenes de fondo en los diseños responsivos? Utilizamos una antigua técnica y la mejoramos para cambiar con fluidez la ratio de aspecto de las imágenes de fondo. Los diseños responsivos permiten escalar dinámicamente el ancho de un sitio web para que se…
Category : Css 06-05-2021 by Janeth Kent
Cómo hacer un sitio web multilingüe sin redireccionamiento
Hoy, vamos a hablar de cómo implementar un simple selector de idioma en el sitio web estático o básico, sin necesidad de ningún backend o llamadas a la base de datos o redirección a otra página. Vamos a utilizar sólo JavaScript, sin PHP u otros lenguajes de programación. Servir contenido HTML…
Category : Javascript 31-05-2023 by
Comenzando con Bootstrap-Vue paso a paso
Hoy te mostraremos cómo usar BootstrapVue, describiremos el proceso de instalación y mostraremos la funcionalidad básica. El proyecto está basado en el framework CSS más popular del mundo - Bootstrap, para la construcción de páginas de aterrizaje responsive mobile-first y lo combina con Vue.js. Bootstrap-Vue aún no es compatible con Vue 3.…
Category : Javascript 05-04-2021 by
Bootstrap 5 beta2. ¿Qué ofrece?
Dado que el lanzamiento de Bootstrap 4 es de tres años, en este artículo vamos a presentar lo que es nuevo en el marco más popular del mundo para la construcción de sitios responsivos y mobile-first. Si quieres saber cuáles son los cambios significativos que vienen con la próxima versión…
Category : Css 05-04-2021 by
Las Mejores Librerias de JavaScript para Aumentar la Productividad
Todos escribimos mucho código en nuestro día a día. A veces creamos aplicaciones enormes y otras veces nos pasamos el día escribiendo código para funciones sencillas que quizá no tengamos que programar en absoluto. Hay cientos de miles de bibliotecas para todo tipo de casos de uso, y el uso…
Category : Javascript 08-03-2021 by
Creación de un sencillo spinner-loader CSS
En el artículo de hoy mostraremos cómo animar un loader básico que gira cuando se define alguna acción predefinida, como cargar una imagen. Eso se puede utilizar en un sitio web, por ejemplo, cuando hay una solicitud en ejecución y el resultado aún no se recupera. ¿Qué son? Animación de carga, Loader,…
Category : Css 05-04-2021 by
Los mejores selectores de fechas para Bootstrap y tu aplicación
Los selectores de fecha son widgets que permiten a los usuarios elegir una sola fecha o rango de fechas y horas. Es un elemento habitual para todo usuario de Internet, ya que lo vemos casi en todas partes (sobre todo en los formularios de registro, cuando hay que rellenar la…
Category : Javascript 17-01-2021 by Luigi Nori
10 Extensiones de Visual Studio Code que deberias utilizar
Las extensiones para editores de codigo son casi imprescendibles si quieres acelerar el "work-flow" sin reducir la calidad de vuestros resultados. Teniendo en cuenta que Visual Studio Code es el editor de codigo más popular, aquí tienes 10 extensiones de VSCode que te harán un desarrollador más productivo. Estas extensiones…
Category : Desarollo 13-01-2021 by
Como hacer una App Lista de Tareas con Javascript Vanilla
La mejor manera de aprender algo es haciendo. En esta guia, construiremos de lista de tareas usando JavaScript Vanilla. Si eres un principiante y estás cansado de estudiar con aburridos tutoriales teóricos, entonces estás en el lugar correcto construiremos esta lista To-Do desde cero. No te preocupes, te he explicado…
Category : Javascript 12-01-2021 by
Validación de formularios HTML usando BULMA y vanilla JavaScript
Hoy vamos a escribir sobre los formularios de contacto y cómo validarlos usando JavaScript. El formulario de contacto parece ser una de las características principales de toda página web básica. Es una gran manera de animar a sus visitantes a que se pongan en contacto con usted, añadiendo un formulario que…
Category : Javascript 31-12-2020 by
Cómo usar el efecto Parallax.Js en tu sitio web
Hoy vamos a escribir sobre el efecto de parallax, similar al desplazamiento de parallax, y cómo implementarlo para mejorar su página de aterrizaje. En webdev, dicen que primero el móvil - bueno, este motor reaccionará al movimiento de un dispositivo inteligente, desplazando las capas dependiendo de su profundidad dentro de…
Category : Javascript 27-12-2020 by
Usando la API FETCH para hacer llamadas AJAX - Una promesa cumplida
En este artículo hablamos sobre lo que son las llamadas AJAX y cómo utilizarlas de forma tradicional, utilizando el objeto XMLHttpRequest (XHR). En resumen, gracias a las llamadas AJAX una página web puede ser parcialmente actualizada sin tener que recargar todo el contenido. Esto conlleva una mejor velocidad de carga,…
Category : Javascript 26-12-2020 by Iveta Karailievova
Modo oscuro persistente con CSS y JS
Recientemente escribimos acerca de cómo hacer un modo de color o tema alternativo intercambiable, una característica muy útil y popular para los sitios web. El artículo de hoy tratará sobre cómo almacenar la configuración de un usuario en su sitio web, específicamente, cómo guardar la configuración del modo oscuro y…
Category : Css 25-12-2020 by
Haciendo peticiones AJAX a una REST API usando vanilla JavaScript y XHR
Imagina que acabas de construir tu primera página web estática y te gustaría añadir alguna funcionalidad para hacerla más atractiva y generalmente más utilizable. Tal vez te gustaría entretener al visitante de tu página web con informaciones sobre los gatos generadas al azar, chistes o, (preferiblemente no generadas al azar)…
Category : Javascript 26-12-2020 by Iveta Karailievova
Modo oscuro en el sitio web usando CSS y JavaScript
En el artículo de hoy vamos a aprender a construir más o menos estándar en estos días en las páginas web y que es el modo de color alternativo y el cambio entre ellos. Esto es muy útil cuando durante la noche se quiere que el usuario no sufra por…
Category : Css 12-11-2020 by
El concepto de Modelo-Vista-Controlador (MVC) explicado
En la ingeniería de software, usamos patrones de diseño como soluciones reutilizables para un problema común, un patrón es como una plantilla de cómo resolver un problema. El Modelo-Vista-Controlador (MVC) es un patrón de diseño de software que divide el programa o la aplicación web relacionada en tres elementos o componentes…
Category : Programación 04-11-2020 by
Cómo superponer múltiples imágenes usando CSS?
CSS significa Hoja de Estilo en Cascada. Es un lenguaje de hojas de estilo que define la presentación del documento en un lenguaje de marcado como HTML. La hoja de estilo en cascada permite diferenciar el contenido y otras presentaciones visuales como los colores, el diseño, las fuentes y los temas.…
Category : Css 08-10-2020 by Janeth Kent
Cómo usar el Masking en CSS
Cuando recortas un elemento usando la propiedad de clip-path, el área recortada se vuelve invisible. Si en cambio quieres hacer opaca una parte de la imagen o aplicarle algún otro efecto, entonces necesitas usar un enmascaramiento. Este post explica cómo usar la propiedad mask-image en CSS, lo que te permite…
Category : Css 28-09-2020 by Silvia Mazzetta
Como integrar lazy-loading nativo de imágenes en tus proyectos web
¡El soporte nativo de lazy-loading en imágenes está ahora soportado en la web! Mira esta demostración de la función A partir de la versión 76 de Chrome, puedes usar el atributo para hacer lazy-loading en imágenes sin necesidad de escribir un código personalizado para el lazy-loading o usar una librería JavaScript…
Category : Programación 03-04-2023 by Luigi Nori
Node.js: herramientas de código abierto para los desarrolladores
De la amplia gama de herramientas disponibles para simplificar el desarrollo de Node.js, aquí están las mejores. Una encuesta en StackOverflow afirma que el 49% de los desarrolladores usan Node.js para sus proyectos. La introducción de Node.js llevó a una nueva era de desarrollo de software. Ahora es una de las tecnologías…
Category : Javascript 17-04-2020 by Silvia Mazzetta
Guía sencilla para convertir imágenes a WebP en PHP
El 30 de septiembre de 2010, Google anunció la publicación de un nuevo estándar abierto para la compresión con pérdida de gráficos de 24 bits en la web. La base para este estándar fue el formato de vídeo VP8, desarrollado por On2 Technologies, empresa que Google adquirió el mismo año. Google trabajó para…
Category : Php 03-04-2023 by Silvia Mazzetta
Renderización lado servidor de Vue.js on Php
¿Intentas que el renderizado del lado del servidor funcione con PHP para renderizar tu aplicación Vue.js pero se atasca? Hay un montón de grandes recursos por ahí, pero hasta ahra no has encontrado nada que funcione de inmediato sin tener que investigar. Con suerte, después de esta entrada tendrás una mejor…
Category : Javascript 20-04-2020 by Luigi Nori
¿Cuál es la diferencia entre Flexbox y Grid?
Vamos directos al grano e intentemos responder a esta pregunta con explicaciones sencillas. Hay muchas similitudes entre Flexbox y Grid, empezando por el hecho de que se utilizan para el diseño web y son mucho más potentes que cualquier técnica que haya existido antes. Pueden estirar y encoger los objetos, pueden…
Category : Diseño web 10-01-2020 by Silvia Mazzetta
Integración de Bootstrap 4 con Vue.js usando Bootstrap-Vue
React y Vue.js son dos marcos de trabajo líderes y modernos de JavaScript para el desarrollo del front-end. Mientras que React tiene una curva de aprendizaje considerable, y un proceso de construcción complejo (si usted viene del mundo de jQuery), todo lo que necesita hacer para empezar a usar Vue.js…
Category : Javascript 22-12-2019 by Silvia Mazzetta
Cómo crear un aplicación Vue.js en 5 minutos
Vue.js se está volviendo cada vez más popular, convirtiéndose en un competidor significativo de frameworks como Angular o React.js. Como front-end framework para principiantes, conquista con éxito los corazones de los desarrolladores de front-end junior y de las personas que acaban de empezar a aprender programación de front-end. En este artículo,…
Category : Javascript 23-05-2020 by Silvia Mazzetta
Transiciones y Transformaciones CSS : guia básica con ejemplos
Desde el lanzamiento de CSS3, las transiciones permiten a los diseñadores web y desarrolladores web front-end crear animaciones sin necesidad de usar JavaScript. A partir de este mismo año 2019, las transiciones son finalmente soportadas por todos los navegadores modernos. Si desea utilizar transiciones en navegadores antiguos, es necesario utilizar prefijos…
Category : Css 20-11-2019 by Silvia Mazzetta
Cómo hacer animaciones en CSS3
Las animaciones CSS son una alternativa más poderosa que las transiciones. En vez de confiar en el secuencia de un estado inicial a un estado final, las animaciones pueden tener cuantos estados se necesiten en medio del estado inicial y el estado final, ofreciendo un mayor control de cómo los…
Category : Css 01-06-2020 by Silvia Mazzetta
Guía de Flexbox: las bases
En este artículo aprenderemos a manejar los elementos de nuestra web de una manera más eficiente y eficaz, gracias a la propiedad Flexbox. Pero cuidado, no estamos hablando de una simple propiedad css, sino de un conjunto de ellas, que nos permitirán organizar, alinear y distribuir el espacio de los elementos…
Category : Css 23-05-2020 by Silvia Mazzetta
Grid CSS: la unidad fraccionaria
La unidad fraccionaria (fr) es una nueva forma de medición en CSS, asociada en gran medida a la Grid CSS. Finjamos que nos olvidamos de la Grid CSS o de las unidades fraccionarias por un momento. Bien. Así que son días festivos. En parte es verdad...mañana es fiesta ;-). Por la ocasión, hemos preparado…
Category : Css 31-10-2019 by Silvia Mazzetta
CSS3: Selectores avanzados y pseudo clases. Descripción, uso y ejemplos
Ya sabemos que para aplicar estilos a un documento HTML utilizamos los selectores CSS. Un selector se define como el código que identifica a uno o varios elementos HTML para aplicarle estilos de color, tamaño, separación, etc. Los selectores más comunes son aquellos que se asignan a clases (class), identificadores…
Category : Css 29-10-2019 by Silvia Mazzetta
Operaciones CRUD usando Vue.js: un ejemplo básico
En este tutorial, te mostramos cómo crear una aplicación CRUD usando vue js. Aquí hay un ejemplo muy básico y simple de vue.js crud app. usando este vuejs crud (crear leer actualizar borrar) que puede ser fácilmente implementado con php mysql o también en el framework laravel o codeigniter. Así…
Category : Javascript 24-09-2019 by Luigi Nori
Como construir una web application con Styled Components en Vue.js
Styled-Components es una biblioteca muy popular dentro de la comunidad React y React Native, y ahora puedes usarla en Vue.js. Para aquellos que no lo saben, Styled-Components es una biblioteca muy popular dentro de la comunidad React y React Native, donde proporciona a los desarrolladores la capacidad de crear su código…
Category : Javascript 16-09-2019 by Luigi Nori
4 cosas que no sabías sobre Grid CSS
Durante mucho tiempo, el CSS no contenía un gran número de sorpresas. Desarrollándose a un ritmo tranquilo, el lenguaje se conformaba con estilizar sus fuentes y hacer flotar sus divs, mientras que lenguajes como JavaScript hacían el trabajo pesado. Sin embargo, en los últimos años, el CSS ha vivido un etapa…
Category : Css 03-06-2022 by Janeth Kent
Los Comandos SSH de Análisis de Logs y Archivos de Registro mas útiles
Los archivos de registro (log files) son una de nuestras mayores herramientas de diagnóstico. Siempre que algo va mal - o tal vez cuando va bien - necesitamos averiguar el por qué en detalle, pero para hacerlo necesitamos analizar, reducir y extraer varios gigabytes de datos de los archivos de…
Category : Servers 09-07-2019 by Luigi Nori
Cómo el 5G transformará la industria, las redes y las comunicaciones
¿Qué es exactamente el 5G? La “G” en 5G significa “Generación”. La tecnología inalámbrica para teléfonos comenzó con el 1G y al principio de los años 90 y se expandió al 2G cuando las compañías telefónicas comenzaron a a habilitar que la gente enviase SMS entre dos dispositivos. Luego, llegó el 3G, que dio…
Category : Tecnologías 13-06-2019 by Janeth Kent
Como desarrollar un videojuego con JavaScript (parte 1)
He estado usando JavaScript durante algunos años para desarrollar aplicaciones Web y Móviles, y recientemente he estado desarrollando un interés en hacer videojuegos. En este artículo te llevaré a través de la creación de juegos increíbles con JavaScript. Usaremos los trabajos de Karim Maloul como ejemplo See the Pen JavaScript Game by…
Category : Javascript 06-06-2019 by Janeth Kent
Cómo convertirte en un desarrollador web actual
Hay un montón de tutoriales en línea completamente gratis. Si eres lo suficientemente autodirigido e interesado, no tienes ninguna dificultad para entrenarte a ti mismo. El punto para aprender a codificar creo que es leer mucho código de otros desarrolladores, luego escribir código y probar para ver qué produce, cuál…
Category : Programación 04-06-2019 by Janeth Kent
node.js: 13 enlaces para empezar a programar
Estos enlaces tratarán de responder a los que es Node.js, cómo funciona, cómo ejecutar una aplicación simple y, finalmente, dónde Node es una buena solución. Gracias a los enlaces podrás saber cómo escribir una aplicación Node, leer este artículo te ayudará a continuar aprendiendo sobre Node para utilizarlo en tu…
Category : Javascript 24-08-2018 by Janeth Kent
Gutenberg para WordPress, introducción al nuevo editor
Si utilizas WordPress como motor de la web de tu negocio, habrás podido darte cuenta de que el editor de entradas y páginas lleva muchísimo tiempo sin hacer ningún cambio, o con cambios mínimos. Esto va a cambiar con Gutenberg, el editor clásico ya se estaba quedando algo atrás, respecto…
Category : Desarollo 24-08-2018 by Janeth Kent
Ejemplo completo de CRUD con Redux y React
El objetivo de este artículo es explicar los conceptos básicos de Redux mediante una aplicación CRUD. La mayoría de las aplicaciones son aplicaciones CRUD. Si no sabes lo que CRUD realmente es, es la abreviatura de Create, Read, Update y Delete. Así que esta entrada de blog te mostrará los pasos…
Category : Javascript 23-08-2018 by Janeth Kent
24 recursos gratuitos para programadores novatos
Cuando estamos descubriendo nuevas áreas, una pequeña ayuda es siempre bien venida. En la programación, los recursos existen en grandes cantidades para ayudar a todos los tipos de desarrolladores. Para ayudarte, voy a presentar una pequeña lista que contiene grandes recursos gratuitos para programadores. Si usted tiene algún recurso favorito que…
Category : Programación 22-08-2018 by Janeth Kent
Los 5 Mejores JavaScript Frameworks para Aplicaciones Desktop
No hace mucho tiempo era imposible crear una aplicación de escritorio con JavaScript. Afortunadamente, estos tiempos han pasado, y ahora los desarrolladores de JS pueden utilizar sus conocimientos y experiencia en desarrollo web para crear aplicaciones de escritorio con un aspecto nativo. Como siempre, es más fácil decirlo que hacerlo. Mientras…
Category : Javascript 22-06-2018 by Janeth Kent
Los mejores 5 frameworks javascript de 2017
Un framework Javascript es un conjunto de código que te ayuda a crear una aplicación interactiva sin utilizar una orrible codificación. Cada desarrollador piensa en un framework que sea fácil de usar y integrar y hay una lista de frameworks que son los amos en una categoría tan variada. Pero,…
Category : Javascript 11-04-2013 by Janeth Kent
Que son y Como funcionan las medidas VH y VW de CSS3
Seguro muchos de nosotros conocemos las unidades px, em, rem, % y pt, pero quizás no todos conocían o usan las unidades de medida vh y vw. Hoy vamos a conocer las unidades vh y vw, introducidas en la versión 3 de CSS. Qué son estas medidas y cómo usarlas en…
Category : Css 23-02-2017 by Janeth Kent
Como lograr instalar certificados SSL gratis en Wordpress con Cloudflare
Este artículo es parte de una serie de artículos sobre la optimización de Wordpress con Cloudflare y algunos tipos de servidores, se aconseja leer estos artículos antes: Speed up your site and protect it against DDOS attacks with CloudFlare Million of visitors per day with a super cheap php mysql server using…
Category : Servers 13-02-2017 by Janeth Kent
Plugins jQuery para Efectos de Transición de Páginas con CSS3
Todo el mundo sabe que si desea más tráfico en su sitio web y quiere estar en la cima de los resultados de búsqueda también debe tener la página web mas hermosa, mejor y profesional posible, para hacer esto jQuery es la solución. Independientemente del contenido que tenga una web, se…
Category : Javascript 10-02-2017 by Janeth Kent
Herramientas SEO gratis para optimización On-Page
Tras las actualizaciones del algoritmo de Google, para obtener un buen posicionamiento en los motores de busqueda, resultan vitales todas aquellas acciones que podemos llevar a cabo en nuestras páginas web . El mundo SEO es tan complicado y laberíntico que, si no optimizamos nuestras páginas web, aunque tengamos una…
Category : Web marketing 13-12-2016 by Janeth Kent
Chrome Developer Tools: Buscar archivos, métodos o líneas. Accesos directos para utilizar las funciones de Google Chrome.
La capacidad de encontrar o navegar entre archivos específicos, métodos o lineas en una aplicación web de forma rápida, es fundamental si estáis trabajando en proyectos web. Conocer los atajos de teclado del navegador es aún más importante si lo que queremos es ganar tiempo ya que es tal vez…
Category : Programación 11-08-2016 by Janeth Kent
17 Funciones y Snippets útiles para Wordpress
Los code snippets son piezas reutilizables de código (HTML, CSS, JavaScript, etc) que se pueden insertar en una aplicación web con sólo un par de pulsaciones de teclas o hotkeys, lo cual facilita y agiliza el desarrollo de nuestra aplicación. Hay veces en que queremos hacer algo que vimos en otras…
Category : Php 22-08-2013 by Janeth Kent
Javascript: 12 e-book gratis para usuarios avanzados
El mundo del desarrollo web y del diseño web , como os hemos dicho el el post: Javascript: 16 e-book gratis para usuarios intermedios se ha venido expandiendo en esta última época, especialmente gracias a los nuevos lenguajes HTML5 yCSS3 y a una gran variedad de aplicaciones que utilizan Javascript. Hoy os…
Category : Javascript 22-08-2013 by Janeth Kent
15 increíbles tutoriales para generar efectos de texto con CSS3
Normalmente para añadir efectos sobre textos utilizamos algunos trucos y efectos de Photoshop, pero si hablamos de diseño web entonces podemos conseguir efectos realmente impresionantes tan solo aplicando algo de CSS3. La ventaja de este método es que la cantidad de datos que se tienen que descargar para visualizar una página…
Category : Css 20-08-2013 by Janeth Kent
Aprender diseño web: 13 libros gratis
¿Cómo aprendo a diseñar? ¿Cómo hago un formulario de contacto? ¿Dónde puedo descargar un manual de HTML5 o JavaScript? ¿Estás buscando algúnos manuales y libros sobre diseño web y desarrollo de páginas? Estos 13 libros de diseño web te harán más fácil la tarea. Son sencillos, son prácticos (porque están completamente online) e incluso se pueden descargar en…
Category : Diseño web 06-11-2015 by Janeth Kent
11 librerias javascript open source para proyectos front-end
Sin duda, JavaScript es uno de los lenguajes de programación más usados de la actualidad, gracias a este, tenemos acceso a distintas características que se ofrecen en los sitios web que visitamos regularmente y que hacen nuestra experiencia de navegación mucho más agradable, simple y entretenida. Los navegadores que usamos llevan integrados…
Category : Javascript 17-06-2020 by Janeth Kent
8 útiles herramientas para optimizar CSS
La optimización es una parte fundamental del desarrollo y mantenimiento de un sitio web, algo que a menudo, por falta de tiempo, se nos olvida. La optimización de una web es un punto sumamente importante, sobre todo si estamos pensando en webs de alto tráfico, con millones de visitas al mes. Optimizar…
Category : Diseño web 15-05-2017 by Janeth Kent
Ecosistema web, un yacimiento de empleo con presente y futuro
A pesar de un panorama desolador con más de cinco millones de parados quedan opciones para la esperanza. Nuevos empleos cuya demanda por parte de las empresas supera, en ocasiones, la oferta de profesionales existentes en el mercado. Estos nuevos perfiles tienes algo en común: internet y las nuevas redes sociales. Pero, ¿cuáles son estos…
Category : Noticias 22-07-2013 by Janeth Kent
Javascript: 16+ recursos gratis para usuarios intermedios
JavaScript es un lenguaje de programación simple y fácil de aprender en comparación con otros lenguajes como C++, Ruby y Python. Es un lenguaje de alto nivel, interpretado, que puede ser fácilmente integrado con lenguajes como el HTML. Fue desarrollado por la Corporación de Comunicaciones Netscape, la Fundación Mozilla, y…
Category : Javascript 10-09-2020 by Janeth Kent
50 tutoriales y recursos para wordpress
Wall Street Journal, Ford, Sony, Katy Perry, GigaOM, CNN. Todas marcas conocidas. Que tienen en común? Todas tienen la web “Powered by WordPress”. Wordpress se ha convertido en la plataforma más popular de todas las existentes. Lo que antes era un sistema para la creación de blogs, hoy en día es…
Category : Diseño web 19-07-2013 by Janeth Kent
MDN, la red de desarrolladores de Mozilla: experimentos y demos
La red de desarrolladores de Mozilla (MDN), es muy popular entre los desarrolladores web. Diseñada por y para desarrolladores y diseñadores, MDN ayuda a Mozilla en su misión para promover la apertura y la innovación en la web. MDN es una wiki open osea abierta, impulsada por la misma comunidad, que proporciona a los…
Category : Software 17-07-2013 by Janeth Kent
9 útiles herramientas web para importar y exportar paletas de colores
Para los diseñadores y desarrollos web es de mucha utilidad tener herramientas que les permitan hacer más rápido su trabajo. Para los diseñadores y programadores, quienes son los que hacen el contenido es importante contar con una paleta de colores definida para cada proyecto en el que van a meter mano…
Category : Diseño web 16-07-2013 by Janeth Kent
27 recursos y utilidades para diseño web mobile y responsive
Este último año, la demanda de diseño de sitios web Responsive se ha disparado. Cuando empezamos un proyecto con responsive web design siempre necesitamos re-dimensionar nuestra pantalla a los distintos tamaños de dispositivos ya sea: tablet, ipad, iphone, smartphone o desktop. Es cierto que hay muchas herramientas en Internet que nos ayudan e incluso…
Category : Software 09-07-2013 by Janeth Kent
50 recursos y herramientas webs para diseñadores y desarrolladores
¿Queréis saber cómo montar una web o una app desde el principio para impactar a vuestros clientes? A continuación os presentamos una lista con 50 ideas, herramientas y recursos web que os ayudará a optimizar vuestro proyecto web. Hemos dividido la lista en 4 catagorías: Herramientas CSS & HTML Frameworks CSS, HTML & PHP…
Category : Diseño web 08-07-2013 by Janeth Kent
Desarrollo Web: 20 Tutoriales para principiantes
Un sitio web no está compuesto sólo de bonitas fotos y gran contenido, sino también de complejos guiones que ponen todo en su lugar y hacen que todo el sitio funcione. El desarrollo de un sitio web no es una tarea fácil, y a veces es mucho más difícil que crear…
Category : Diseño web 10-09-2020 by Janeth Kent
25 Tutoriales CSS3 para efectos avanzados de interfaz de usuario
En este artículo os presentaremos una lista de 25 excelentes tutoriales css3 a través de los cuales podráis aprender los trucos CSS3 de las interfaces avanzadas. 1. Interactive Infographic with SVG and CSS Animations 2. Animated 3D Bar Chart with CSS3 3. Understanding the CSS Clip Property 4. Annotation Overlay Effect with CSS3 5. Animated…
Category : Diseño web 28-06-2013 by Janeth Kent
90 temas gratis de wordpress para descargar
Si queréis empezar a escribir un blog, sin duda la mejor opción para manejarlo es WordPress, una plataforma que ofrece centenares de características favorables para manejar un blog o página web y que además dispone de una una gran comunidad de apoyo. Muchos saben de la gran cantidad de temas gratis…
Category : Diseño web 28-06-2013 by Janeth Kent
Efecto Parallax scrolling: 16 tutoriales
El Parallax scrolling es una de las tendencias en diseño web para este año, básicamente funciona así: mientras te desplazas (scroll) por la página web, el fondo se “mueve” más lento que el contenido en el primer plano, creando así fondos panorámicos o la ilusión de un 3D. Hemos recolectado 16…
Category : Javascript 25-06-2013 by Janeth Kent
Reproductores Audio y Video en HTML5
Una de las aportaciones más útiles de HTML5, es la posibilidad de mejorar la reproducción de archivos multimedia, audio y video, en nuestra web. Además HTML5 nos permite construir reproductores tanto de audio como de video. De hecho, ya hace tiempo que webs populares como youtube, vimeo o daylimotion incorporan reproductores en HTML5. En este artículo, vamos a…
Category : Programación 24-06-2013 by Janeth Kent
YouPorn: El desarrollo tecnológico para el mundo del porno
The Internet is for porn. Esto es un axioma innegociable. Las webs porno más importantes reciben millones de visitas al día y tienen que servir gigas y gigas de vídeo al segundo… y no se caen nunca. Es por eso que saber como lo hacen. Erik Pickup, CEO de YouPorn,…
Category : Redes 21-05-2013 by Janeth Kent
E-book y recursos gratuitos sobre diseño y desarrollo web
Para los diseñadores o desarrolladores web, aprender de memoria todo lo relacionado con un lenguaje resulta una tarea bastante difícil, es por eso hemos recopilado una lista de recursos gratuitos sobre el diseño y desarrollo web. Dive into HTML5 Guía sobre HTML5 y cómo utilizarlo hoy en día en los navegadores actuales. Autor:…
Category : Diseño web 24-04-2013 by Janeth Kent
Los 15 mejores plugins para Twitter
En la lista de hoy os presentamos 15 útiles plugins jQuery para Twitter. Existe una gran variedad de plugins de este tipo en la web, motivados por el gran crecimiento experimentado por Twitter, de los cuales elegimos y seleccionamos los siguientes: 1. Fancy Quotes With jQuery DEMO & DESCARGAR 2. Display your Favorite Tweets using PHP and jQuery DEMO & DESCARGAR 3. Twitter Friends…
Category : Javascript 15-04-2013 by Janeth Kent
40 librerías gratis para generar y visualizar gráficos
Visualizar información y mostrar gráficamente y de forma completa y sencilla algo complejo es cada más necesario ante el alud de datos en el que vivimos inmersos. Por ello, es interesante y útil conocer algunos recursos web de fácil manejo para crear gráficos. Son soluciones gratuitas, rápidas de manejar, fáciles de utilizar…
Category : Diseño web 15-04-2013 by Janeth Kent
Lista de generadores de CSS3 gratuitos
Uno de los problemas más grandes con todas las propiedades CSS3 nuevas es que la mayoría de ellos tienen múltiples implementaciones específicas del navegador. Esto significa que cuando deseamos una simple sombra, tenemos que recordar un poco de código para hacerlo compatible a través de mayor número de navegadores posible. Para ayudar…
Category : Diseño web 11-04-2013 by Janeth Kent
Cómo crear un selector de color con HTML5 Canvas
HTML5 Canvas es una tecnología que permite a los desarrolladores generar gráficos y animaciones en tiempo real utilizando JavaScript. Proporciona un lienzo en blanco en el cual se pueden dibujar y manipular elementos gráficos, como líneas, formas, imágenes y texto, con gran flexibilidad y control. Aquí hay algunos conceptos clave sobre…
Category : Diseño web 30-05-2023 by Janeth Kent
10 Herramientas para evaluar la accesibilidad de un sitio web
La accesibilidad del diseño web juega un papel vital en garantizar que los sitios web sean inclusivos y utilizables para todos los usuarios, independientemente de sus habilidades o discapacidades. Evaluar la accesibilidad del diseño web es crucial para identificar y abordar posibles barreras que puedan dificultar el acceso de los…
Category : Diseño web 29-05-2023 by Janeth Kent
28 Útiles herramientas para hacer Responsive Web Design
El Responsive Web Design, es la nueva forma de hacer diseño web, una forma que proporciona una correcta visualización tanto para todo tipo de ordenadores como para tablets y móviles. Si estás pensando en adentrarte en este apasionante mundo no te asustes, los talentosos desarrolladores web de todo el mundo han…
Category : Diseño web 11-04-2013 by Janeth Kent
50 útiles plugins de jQuery
Hemos recopilado una lista de los mejores plugins para Jquery separándolos en catagorías: Web Page Layout Plugins, Navigation Plugins, Form Plugins, Slider & Carousel Plugins, Chart & Graph Plugins, Image Effect Plugins, Video Plugins y, "todo lo demás...:-D". Web Page Layout Plugins equalize.js Freetile.js gridster.js Zoomooz.js Wookmark Filtrify jQuery HiddenPosition Stellar.js turn.js Responsive Measure jQuery Scroll Path HorizontalNav stickyMojo ddSlick jQuery Collapse jQuery Akordeon Form Plugins jQuery Complexify jQuery File…
Category : Javascript 11-04-2013 by Janeth Kent
