Mostrando entradas con la etiqueta Web Design. Mostrar todas las entradas
Mostrando entradas con la etiqueta Web Design. Mostrar todas las entradas

martes, 3 de julio de 2018



Entre las distintas modalidades de la creatividad visual podemos contar al diseño web y digital entre las más importantes en la actualidad, por ello debes poner especial atención en sus maneras de realizarse para llegar a buen puerto.

El equipo creativo de Paredro elaboró esta infografía con recomendaciones esenciales para renovar el diseño de un sitio web, sigue los tips, llévalos a la práctica, compártelos entre tus colegas y comenta también si realmente son de utilidad.

Fuente: paredro

miércoles, 12 de julio de 2017


La prominencia de las palabras clave es un concepto englobado en lo que se conoce como SEO o Search Engine Optimización.
Es decir, cuando hablamos de SEO, hacemos referencia a los algoritmos especiales que los diferentes motores de búsqueda (en especial el motor de búsqueda de Google) utilizan para explorar las páginas de resultados y encontrar aquellas páginas según las palabras de búsqueda usadas por un usuario.
Detrás de este simple acto de búsqueda, se esconde una gran estrategia SEO donde la denominada prominencia de las palabras clave juega un papel fundamental.

Qué es la prominencia de las palabras clave: Ingeniería de ubicación


La prominencia de las palabras clave hace referencia a la importancia que le damos a dicha keyword o conjunto de keywords en la ubicación de nuestro texto, ya sea en una página o entrada de nuestro blog.
Es decir, la prominencia de la palabra clave es otra medida bastante importante a la hora trabajar con la keyword o keywords de una página y tiene que ver con la proximidad de una palabra clave determinada con el principio de la página.
Es decir, las palabras clave y sus sinónimos tienen que aparecer en el primer párrafo de la página en cuestión. Esto no es nada nuevo, ya que varios plugins de WordPress, como Yoast SEO, tienen en cuenta este factor a la hora de determinar la calidad SEO de un post.
Según este nuevo factor, estando la palabra clave en el principio del título o encima del primer párrafo de la página, se considera más importantes que otras palabras.
Y es que, existen ciertas localizaciones clave de la página cuya prominencia es más relevante para el algoritmo de los motores de búsqueda principales. Por ejemplo, el título, los títulos H2, la URL… son lugares a tener especialmente en cuenta a la hora de enclavar nuestra palabra clave. Hablamos de ingeniería (no complicada), de ubicación.
La prominencia de palabras clave es una estrategia básica que todo experto o conocedor del mundo del SEO debe practicar. Realmente no existe una receta mágica que consiga posicionar nuestra página la primera sólo utilizando una estrategia de prominencia de palabras clave, pero sin lugar a duda, es un factor muy importante.

La prominencia de palabras clave: Analizando la ubicación para tus keywords


Como hemos dicho antes, existen una serie de recursos y ubicaciones especialmente tenidos en cuenta por los motores de búsqueda a la hora de posicionar un contenido en Internet.
De esta manera, señalamos algunos de los más relevantes que te ayudarán junto otras estrategias SEO como el Linkbuilding, a estar en el top ten de páginas respecto a las palabras clave más relevantes para tu marca:
Título. Es sin lugar a dudas el elemento más importante de nuestra página. Así pues, es obligatorio que la palabra o palabras clave estén situadas en esta ubicación y, si puede ser, al comienzo del mismo.
URL. Acompañando al título, la URL normalmente se genera automáticamente en base a la descripción del título y es por ende, otra de las ubicaciones importantes cuando hablamos de prominencia de palabras clave.
Los Tittle H2, H3… Obviamente estos subtítulos también forman parte de los recursos considerados por los motores de búsqueda a la hora de posicionar une página o entrada. Por lo tanto, debe de ser aprovechada para ubicar las palabras clave que queramos.
Recordar intentar posicionar las palabras clave al inicio de los títulos para una mayor prominencia. Además, estos subtítulos ayudan a ubicar al usuario en las diferentes partes de nuestra página, por lo que también es un elemento que apoya la experiencia de usuario.
La meta descripción de la página. Se trata de la descripción de la página que Google y otros buscadores indexarán y que los usuarios encontrarán junto al título y la URL de tu página. Como hemos dicho antes, lo ideal sería colocar la palabra o palabras clave, al comienzo de nuestra descripción meta.
Número de palabras clave. Pues sí, la cantidad también influye. No es necesario incluir 50 veces la palabra clave con la que queremos posicionarnos más que nada porque puede ser hasta penalizado por Google, pero sí que es conveniente utilizar las palabras clave además de en los títulos, en los diferentes párrafos. Al menos al principio del texto, a mitad y al final.
Negritas. Las negritas ayudan a recalcar a Google de que esa palabra o palabras son más relevantes tanto para el buscador como para el usuario. Por lo tanto, debemos de aprovechar este recurso para posicionar nuestra página.
Cursivas. Las cursivas también afectan al posicionamiento de la página en menor medida que las negritas.
Textos alternativos. Otra de las ubicaciones estrella que debe ser utilizada en una estrategia de prominencia de palabras clave. Los textos Alt, deben de incluir las palabras clave con las que queremos posicionarnos.
Enlaces internos y externos. Otro recurso que es importante en dicho posicionamiento son los enlaces tanto internos como externos que incluyamos en nuestra página o entrada. Por ende, debemos intentar fijar como “Anchor Text” de la URL, la palabra clave.

Prominencia de palabras clave: Describiendo su fórmula matemática


La prominencia de palabras clave puede ser entendida y estudiada también como si de una fórmula matemática se tratara.
Concretamente, dicha fórmula consistiría en un cociente que se calcula por separado para cada área importante de la página, como son: títulos, texto visible, anchor, páginas del sitio, etc.; el cual se calcularía dividiendo su posición en la página entre el tamaño completo de esta, cuanto más se acerque a 0, mayor será la prominencia.
De este modo tenemos que la prominencia:
(Nº total de Palabras – ((Nº de posición – 1) / Nº posición)) * (100 / Nº total de palabras).
Y donde:
  • Nº total de palabras = número total de palabras del texto.
  • Nº de posición = el número de lugar que ocupa la palabra.
  • Nº de posición de la palabra = la suma de cada posición de la palabra que analizamos.

Cómo medir la prominencia de palabras clave


Bien es cierto que nosotros mismos podemos mirar y examinar la prominencia de nuestras palabras clave usando la fórmula matemática citada anteriormente, pero, como siempre, existen una serie de plugins que nos facilitan mucho dicho análisis. 
Quizás el más conocido es el Yoast SEO para WordPress que hemos citado antes. Se trata de un plugin muy sencillo y completo que tiene en cuenta todos los factores que aquí mencionados y que inciden directamente en nuestro posicionamiento.
Yoast SEO a través de un visual semáforo nos dirá si nuestra estrategia de prominencia de palabras clave es buena, mejorable o mala, atendiendo a los colores verde, naranja o rojo.
Pero realmente, siguiendo los pasos que hemos mencionado, no necesitaremos del uso de ningún plugin ni fórmula matemática para saber que nuestra página o entrada sigue una buena estrategia de prominencia de palabras clave.

Case Study sobre la prominencia de palabras clave


Vamos ahora a ver un análisis de cómo funciona la prominencia de palabras clave de manera más visual y gráfica.
Concretamente, echemos un vistazo de nuevo a esta página. Pero ahora, teniendo en cuenta todos los elementos que influyen en la prominencia de palabras clave. Es decir, título, URL, meta descripción, tittle H, Alt Text, negritas, cursivas, posición, cantidad de palabras clave… ¿Pensáis que este artículo sigue una buena estrategia de prominencia de palabras clave?

martes, 23 de mayo de 2017


Al igual que otras especialidades de la creatividad visual, el diseño web tiene requisitos puntuales que se deber respetar si se quiere lograr un buen desempeño y obtener los resultados esperados, algunos de estos puntos son más sencillos de recordar de lo que pudiera pensarse y se convierten en parte de la manera de pensar de quienes desarrollan proyectos y soluciones en pantalla.
El diseñador gráfico español Igor Fernández  presenta en un breve, colorido y contundente mensaje visual cuáles son los cinco elementos fundamentales de un diseño web de éxito, por si no lo conocías te los presentamos, y si ya sabías de ellos, esta imagen te serirá a manera de recordatorio. Compártelo.
Fuente: paredro

miércoles, 26 de abril de 2017



Para lograr el posicionamiento de un sitio web, no sólo basta con saber utilizar las herramientas o implementar estrategias. También es importante elegir un gestor de contenidos (CMS) que sea amigable al SEO. De esta manera, evitaremos obstáculos o restricciones técnicas que nos impedirán obtener buenos resultados. Aunque ningún CMS viene completamente optimizado por defecto, existen funcionalidades y criterios que debes tomar en cuenta. Conoce las recomendaciones de Aleyda Solis, experta en SEO Internacional, para hacer una buena elección de tu gestor de contenidos.

1.Rastreabilidad e indexabilidad

Algunos CMS generan contenido duplicado en los sitios web, creando problemas de gestión. Esto se debe a que el contenido se muestra por medio de muchas URLs. Por esta razón, debes asegurarte que se muestre a través de una sola página. Además, debes considerar que el gestor de contenido permita la categorización y modificación de las URLs. La personalización con palabras clave relevantes o categorías, no sólo puede evitar el contenido duplicado, también mejora la experiencia del usuario. Otro factor fundamental es que el CMS ofrezca la canonicalización del contenido. Por medio de la etiqueta canónica, puedes señalar la versión original de cada página o rastrear e indexar un contenido en las búsquedas internas.De igual manera, es importante garantizar que el contenido se muestre correctamente en los buscadores. Para lograrlo, además de elegir formatos de texto, debes considerar otros factores relacionados con la configuración del gestor de contenidos:
  • Soporte de la etiqueta Meta Robots para evitar la indexación de contenido y el seguimiento enlaces
  • Opción de modificar o configurar el archivo Robots.txt que se incluye en el Root del sitio para controlar el acceso de los buscadores
  • Soporte de Sitemap.xml para actualizar el listado de las páginas de la web, incluyendo el contenido nuevo, e informar al buscador sobre los cambios para su indexación
  • Diseño amigable para diferentes dispositivos y velocidad de carga rápida

2. Relevancia

En cuanto a la relevancia del contenido, existen algunas funcionalidades que debes considerar para optimizar el reconocimiento en los buscadores. Es importante que el CMS ofrezca la posibilidad de optimizar y personalizar las etiquetas del título y de encabezado, así como la metadescripción de cada página. Además, debe permitir modificar los datos estructurales con Schema. Así, Google reconocerá la relevancia y el significado del contenido en la página de resultados del buscador. Por último, no sólo debe soportar opciones de video e imágenes, también debe permitir la configuración y optimización de la relevancia de las etiquetas de encabezado y de los captions. Además, si genera texto de los videos o permite describir las imágenes, facilitará que el contenido sea reconocido.CMS SEO

3. Otras funcionalidades

Al elegir un CMS busca también funcionalidades adicionales como la integración de botones o etiquetas de redes sociales y la generación de Feeds RSS. Estas son herramientas que favorecen la distribución de contenido. De igual manera, asegúrate que la plataforma se actualice frecuentemente con correcciones y nuevas funciones; que ofrezca copias de seguridad, exportar información fácilmente y que se integre a Google Analytics.

CMS amigables al SEO

Una de las opciones más populares es WordPress; pues ofrece muchas alternativas que facilitan una estructura optimizada para el SEO. Si usas esta plataforma en conjunción con el plugin de Yoast, podrás acceder a más opciones para configurar redirecciones, canonicalizaciones o integrar etiquetas para facilitar el rastreo e indexación de páginas internas. Otra plataforma muy utilizada es Magento. Para este CMS existen plugins de pago centrados en evitar el contenido duplicado, modificar fácilmente el archivo Robot.txt o la canonicalización de URLs, entre otras. Más allá de la plataforma, es esencial elegir un CMS que garantice la rastreabilidad, indexabilidad y la relevancia. Por ello, debes analizar e identificar qué opciones son prioritarias para tu sitio web

Fuente: platzi

viernes, 21 de abril de 2017


El link building es creación de enlaces hacia una web determinada para aumentar su autoridad y de esa forma mejorar su posicionamiento en los buscadores.
Esta técnica es importante porque los buscadores como Google toman los enlaces entrantes a una web como uno de los criterios para determinar su posición en los resultados.
Para entender mejor qué es el link building, es necesario comprender cómo funciona Google. Cuando el robot de Google rastrea la web y encuentra un enlace, lo utiliza para dos cosas:
  • Para descubrir nuevas páginas y contenidos
  • Para determinar en qué lugar debería aparecer una página en sus resultados: Google asume que una página recibe un enlace porque tiene contenidos de calidad. En principio, una página importante recibirá más enlaces entrantes que una que no lo es.

Hace unos años una forma de conseguir posicionarse en buscadores era conseguir una gran cantidad de enlaces entrantes. Pero Google empezó a endurecer sus criterios para evitar la sobreoptimización.
Por eso las técnicas de link building han evolucionado mucho, y lo que servía hace unos años ahora puede llevar a una penalización.
 Principios básicos de link building
Ahora que ya está claro qué es el link building, vamos a ver bajo qué principios básicos debemos realizar una estrategia de creación de enlaces:
  • Mantente siempre al día respecto a las directrices de Google. El SEO no para de evolucionar y Google actualiza con frecuencia su algoritmo para evitar malas prácticas.
  • Los enlaces de páginas populares tienen mayor valor. Si se realiza una estrategia de link building hay que saber que los enlaces que provienen de páginas más populares tienen mayor valor para Google. Por ejemplo, un enlace que proviene de Wikipedia o de la web de un medio de comunicación nacional tendrá más valor para Google que uno que proviene de un blog personal.
  • Google penaliza a las páginas que pagan por enlaces o que realizan intercambio de enlaces. Descarta de inmediato toda propuesta de intercambio de enlaces.
  • Los enlaces que provienen de páginas con una temática similar a la tuya son más beneficiosas que los que vienen de páginas de un sector diferente. Es decir, si tu web es de educación, debes centrarte en conseguir enlaces de páginas que también hablen de educación y formación.
Ahora que ya sabes ahora que es link building vas a aplicarlo a tu estrategia de SEO?

lunes, 3 de abril de 2017


El blanco en el diseño web

El uso del color blanco en el diseño grafico es más importante de lo que a priori puede parecer. Es una técnica de diseño que hace que sobre un fondo blanco, cualquier cosa que coloquemos en medio va a resaltar.
Puede parecer algo obvio pero el uso del espacio en blanco es un conductor de primer nivel para incrementar las conversiones. Pon aquello que mas te interesa sobre un fondo blanco. En la mayoría de ocasiones (no siempre) destacará.
El color rojo vende
Cuando hay ventas implicadas, el rojo es un recurso fantástico. El rojo es un color fuerte que llama la atención de una persona debido a su fuerte personalidad. Entre los colores que incitan a comprar el rojo es sin lugar a dudas el mejor.
Traducido al marketing, el rojo es una opción ideal para utilizar en los botones de acción de compra a causa de la sensación de urgencia y la energía que crea. Es el color de la pasión, también aumenta el ritmo cardíaco. Entre los colores que más venden están sin lugar a dudas el rojo.
El video marketing
Aunque por lo general se piensa en contenido escrito cuando hablamos de contenidos en Internet, el contenido de vídeo es cada vez más popular. Hay estudios que hablan de que el uso del vídeo incrementa las ventas y aumenta en un 85% la predisposición de un consumidor a realizar la compra. Crear un video de marketing en el que explicamos los beneficios de nuestra empresa o servicio es muy buena opción.
Diseño basado en tarjeta
El diseño en forma de tarjeta es una filosofía ingeniosa que probablemente has visto en Pinterest, pero se ha ido ganando peso en otros sitios web en los últimos años.
La belleza del diseño en forma de tarjeta es que mejora la experiencia de los usuarios. Permite ver de forma rápida y eficiente la información que se les presenta en una página web. Esto se logra mediante la clasificación de contenido en diferentes categorías, en base a un tema común.
Combinar colores web
Los ojos de los visitantes del sitio se sienten atraídos por las explosiones de colores audaces. Esto hace que el contraste de color sea uno de los mejorestrucos para mejorar las ventas en un negocio en las compras de Navidad.
El contraste guía a los ojos de los compradores a lo que es más importante en una página web. Y lo realmente importante aquí es la llamada al botón de acción. El contraste de color es también una estrategia de diseño para asegurarse de que los visitantes del sitio no se pierdan lo que realmente queremos que vea.
Echar un vistazo a los sitios web de comercio electrónico durante la temporada de compras de Navidad, Rebajas o cualquier otra época similar es una gran oportunidad. Podremos inspirarnos y/o copiar cualquier estrategia de ventas online que nos parezca interesante.
Los diseños para aumentar las conversiones es la mejor manera de maximizar las ventas y conversiones para los sitios de sus clientes. Y de paso convertirá al diseñador web en un valor al alza.
Resumen: todas las recomendaciones sobre diseño web
Recapitulamos un poco todo lo expuesto en el artículo para saber cómo aumentar las conversiones en nuestra página web:
- Utilice gran cantidad de espacio en blanco.
- Hacer llamadas a botones de acción de color rojo, sobre todo para las ventas
- Incorporar vídeo en su página
- El diseño en forma de tarjeta facilita la clasificación de información
- Utilice el contraste de color para resaltar lo más importante
Con estos cinco simples consejos para un mejor diseño web todos se verán beneficiados.


Hace ya un tiempo que los sliders se pusieron de moda en el mundo del diseño web. Para aquellos que todavía desconozcan qué es un slider deberían saber que es una especie de pase de diapositivas en las que se muestran varias imágenes con los artículos mas destacados.
Visualmente son muy atractivos y de entrada enamoraron a muchos diseñadores web para mostrar el contenido destacado de una web o blog. Además, en gestores de contenido como WordPress son muchos los plugins para mostrar contenido tipo slider que existen.

Razones por las que deberías quitar el slider principal

Con el tiempo se ha demostrado que a pesar de ser muy atractivos pueden no ser tan efectivos. Los mayores de los problemas a la hora de utilizar un carrusel de imágenes tienen que ver con el posicionamiento web, aunque no son los únicos. A continuación te explicamos algunas de las razones:

Distrae la atención web

El primer problema con el que nos encontramos es que los sliders consiguen el efecto contrario del que persiguen. Vamos a explicarnos. La función de un slideres la de destacar varios contenidos. La realidad es bien otra. Y es que el pase de imágenes provoca que nuestra mirada siga el movimiento, lo que provoca que el resto de la página pueda pasar inadvertido. Lo que sucede en muchas ocasiones es que ese movimiento distrae al usuario de lo que son los Call to Action, las conocidas como Llamadas de Acción.

Descenso de las ventas por internet

Y esa distracción provoca una segunda consecuencia: el descenso de las ventas online. De hecho, la mayoría de sitios de comercio online ya no utilizan este tipo de carruseles de imágenes.

Problemas de carga web

Por norma general los sliders suelen sobrecargar la web. Un plugins más, varias imágenes, mas texto y sobre todo el efecto de movimiento se traduce en mas código que añadimos a un portal web, lo que le hace más lenta. Ya hemos explicado en muchas ocasiones que la velocidad de carga incide en el posicionamiento web.

Slider responsive, pero no siempre

Tener un diseño adaptado a móviles también es otro de los requisitos que Google impone. Los sliders no siempre se visualizan bien en todo tipo de dispositivos. Esta circunstancia debería ser suficiente para no publicar un slider.

Demasiados H1

Cualquier experto en posicionamiento web te dirá que utilizar más un titular H1 en una página puede ser contraproducente. Llenar de varios o muchos H1 una URL puede despistar a Google. Esto significa que utilizar varias palabras clave como H1 puede hacerles perder fuerza. Si un carrusel utiliza tres imágenes está utilizando tres keywords principales y eso no es muy recomendable.

Muy lejos del inicio

Como es de suponer, Google realiza rastreos de una página web de arriba hacia abajo. Si el contenido importante lo arrastramos hacia abajo por querer meter un slider con tres contenidos estamos provocando un problema añadido. Lo importante al inicio, lo menos importante después.

martes, 17 de enero de 2017


A pesar de que la mayoría de programadores y diseñadores trabajan en entornos locales a veces es necesario comprobar que el código HTML, CSS y Javascript está bien escrito.
Incluso para aquellos usuarios que no non unos expertos en la materia es muy recomendable tener a mano alguna herramienta para probar la fiabilidad de un código de programación.
Una de las opciones más convenientes es utilizar herramientas online para comprobar si el código HTML, CSS y JavaScript está bien escrito y estructurado.

Herramientas para revisar el HTML, CSS y JavaScript

En este artículo hemos recogido cinco de estas herramientas que pueden ser útiles y sacarte de algún problema. A veces pueden servir para detectar algún error en una web o blog.

1. CSSDesk

Se trata de una de las herramientas más populares entre programadores que se utiliza para probar código HTML y CSS. Cuenta con una gran cantidad de funciones como la vista previa en tiempo real.
No requiere de ningún tipo de configuración, solamente acceder a la página y comenzar a escribir el código. También hay sintaxis básica con números de linea, además de texturas de fondo.

2. JS Bin

Otra excelente herramienta para probar código con diseño minimalista y que de forma predeterminada solamente muestra el HTML y los paneles de vista previa en tiempo real. Sin embargo el desarrollador puede agregar fácilmente código JavaScript también.
Una de sus características principales es que el código escrito permanece aun cuando se actualiza la página e incluso se tiene una combinación para actualizar la vista previa de forma manual.

3. jsFiddle

Esta es una herramienta para analizar código de programación online muy completa. Cuenta con cuatro paneles para el HTML, CSS, JavaScript y la vista previa de tal manera que el usuario puede ver todo lo que necesita al mismo tiempo y realizar los cambios sobre la marcha. Se pueden personalizar los panales del CSS y JavaScript para utilizar herramientas de terceros y ofrece soporte para la sintaxis Sass SCSS y CoffeeScript.
JsFiddle permite crear un inicio de sesión y visualizar un tablero de instrumentos donde se guardan trabajos anteriores.

4. Dabblet

Otra opción para revisar el código HTML, CSS y JavaScript. De forma predeterminada, se divide en cinco pestañas: CSS & Result, HTML & Result, All, JSalpha y Result. Esto ofrece flexibilidad y enfoque al mismo tiempo que permite mantenerse atento a los resultados.
La división puede ser horizontal o vertical o eliminada por completo y se ofrece la opción de guardar lo realizado de forma anónima, además que se puede vincular con cuentas GitHub.

5. Liveweave

Terminamos esta lista de las mejores herramientas online para probar código con Liveweave. Estamos hablando de una plataforma que destaca por incluir soporte para HTML5, CSS3 y JavaScript, especialmente diseñada para desarrolladores web y diseñadores.
La interfaz se divide en cuatro secciones, la primera corresponde al HTML5, la segunda a JavaScript, la tercer a CSS3 y la última es la vista previa del código que se actualiza en tiempo real. Hay soporte para múltiples librerías e incluso opciones para crear paletas de color o generar texto LOREM IPSUM con colocación del cursor. Lo realizado también puede guardarse de forma manual.

lunes, 21 de noviembre de 2016


Intuitivo y con múltiples opciones de personalización, CSS (Cascading Style SheetsHojas de estilo personalizadas) es un lenguaje que se emplea en la presentación de documentos HTML o páginas web, un sistema que nos permite organizar su aspecto y presentación y que se utiliza para dotarla de tipos y tamaños de letra, colores, etcétera; entre otros.
¿Su filosofía? Tratar de separar la estructura de su presentación: es decir, el verdadero contenido de la forma o la arquitectura que usa para mostrarse. Habitual entre programadores, diseñadores y maquetadores web, hoy recabamos algunos de los sites y canales de YouTube más útiles para aprender CSS desde 0 hasta nivel experto.

Aprenderaprogramar.com

Aquí encontrarás un curso elemental enfocado a aquellos que carecen de cualquier conocimiento previo al respecto. El curso, titulado Tutorial básico programador web: CSS desde 0 incluye una estimación de tiempo de 150 horas y hasta 67 artículos distintos; que abarcan desde la definición del lenguaje hasta efectos concretos, animaciones, diseño de tablas, listas, y otros aspectos.
Es bastante completo y muy útil para los que empiezan. Además, está explicado de manera muy sencilla, con un leguaje para el público general con la intención de que cualquiera pueda entenderlo. Ahora bien, el entorno visual resulta poco atractivo. Está impartido por César Krall y Manuel Sierra.

HoyGeek

HoyGeek dispone de vídeos centrados específicamente en aquellos que desean añadir CSS a su blog para modificarlo e incluir nuevas posibilidades. De manera muy sencilla y bastante gráfica, en él encontramos tutoriales generales de iniciación pero también otros más específicos para cambiar los iconos de las redes sociales, alterar el fondo de menú y widgets y similares.

Desarrolloweb.com

Desarrolloweb.com es una web que te permitirá aprender no solo CSS sino también HTML, Javascript, PHP y otros. Se estructura por niveles, algo que se agradece. Al pinchar en cada uno de ellos nos aparece una larga lista de manuales y entradas, muy concretas y específicas. Incluye un necesario buscador interno.
Respecto al “Taller de CSS”, incorpora 66 entradas con acciones muy concretas como cambiar el cursor del ratón, elaborar una caja con esquinas redondeadas, maquetar una galería de fotos, crear gráficas y generar columnas de una lista sin tablas, por ejemplo. Cuenta con explicaciones muy didácticas y exhaustivas.

FalconMasters

FalconMasters tiene un curso básico de CSS formado por 14 vídeos, cada uno de ellos dedicado a un aspecto distinto como: selectores, unidades de medida, unidades de color, modelo de caja, fondos, posicionamiento de cajas, texto y tipografía, enlaces, imágenes, listas, tablas, formularios y demás.

Adam Khoury

A pesar de que el canal de Adam Khoury es variado y no se centra únicamente en el CSS, resulta muy útil si ya controlas un poco, deseas usar CSS con otros lenguajes, hacer animaciones específicas e investigar otras posibilidades ya no tan básicas. Está en inglés pero habla lentamente y se le entiende a la perfección. Además los vídeos son muy sencillos y visualmente atractivos.

LearnCode.academy

LearnCode es otro canal que va más allá de las funciones básicas (eso no quita que las incluya) y que también está en inglés; algo que, de nuevo, vuelve a carecer de importancia (aunque hablan más deprisa). En este canal también encontrarás tutoriales sobre Javascript, jQuery para principiantes, GitHub… etc.
Fuente: genbeta

Nuestros servicios

  • Diseño Gráfico
  • Desarrollo Web
  • Social Media
  • Marketing Digital

Attic OB-11 Corp

Nuestro equipo

Contact us

Nombre

Correo electrónico *

Mensaje *