cultura y tecnología

encontrados: 78, tiempo total: 0.004 segundos rss2
3 meneos
75 clics
Este envío tiene varios votos negativos. Asegúrate antes de menear

Como usar SASS con React

Estaba buscando como integrar SASS con React y encontre esto, comparte esta guía para quien tuviera el mismo problema que yo. ¿Estas usando React con CSS? Olvídalo, un proyecto con cualquier tecnología es imprescindible usas SASS y ahora te enseño como implementarlo en React JS.
3 0 4 K -7 tecnología
1 comentarios
3 0 4 K -7 tecnología
4 meneos
46 clics

Pure CSS Drawing Essentials [EN]

CSS art master Diana Smith shares her top 5 CSS properties she uses in order to produce pure CSS art.
4 0 8 K -56 tecnología
6 comentarios
4 0 8 K -56 tecnología
167 meneos
5294 clics
Motor grafico 3D usando HTML y CSS (ENG)

Motor grafico 3D usando HTML y CSS (ENG)

CSS FPS es un experimento que recrea un entorno interactivo en 3D. La geometria es creada usando elementos HTML y transformaciones CSS. Las texturas y los mapas de luz se generan sobreponiendo background-images (propiedad CSS) y el color se aplica usando la propiedad blend-mode.
96 71 1 K 338 tecnología
37 comentarios
96 71 1 K 338 tecnología
13 meneos
218 clics

Cómo extraer el css crítico de una página automáticamente en 20 líneas de código  

Vídeo que muestra como gracias a la potencia de Puppeeteer y usando el Code Coverage de las Chrome Developer Tools, podemos extraer muy fácilmente el CSS crítico de nuestro site en sólo 20 líneas de código.
11 2 1 K 15 tecnología
1 comentarios
11 2 1 K 15 tecnología
57 meneos
2417 clics
Este envío tiene varios votos negativos. Asegúrate antes de menear

Homer Simpson hecho con HTML y CSS

Homer Simpson hecho con HTML y CSS
41 16 16 K 11 tecnología
26 comentarios
41 16 16 K 11 tecnología
4 meneos
495 clics

Un billete de tren diseñado al completo con CSS Grid

Este diseño de un billete de tren en CSS Grid permite ver algunas de las posibilidades del diseño web con estas técnicas examinando el código original (Change View > Editor). Limpio y elegante.
3 1 2 K 16 tecnología
1 comentarios
3 1 2 K 16 tecnología
7 meneos
254 clics
Este envío tiene varios votos negativos. Asegúrate antes de menear

Hola Mundo con React Native: Creando una app "nativa" Android / iOS usando tecnologías web

En el artículo mostramos detalladamente cómo ejecutar en nuestro dispositivo móvil una aplicación súper básica con React Native, tecnología que permite la creación rápida de aplicaciones "nativas" para dispositivos Android y iOS. Siguiendo estos pasos, veremos la facilidad de lanzar la tu primera app con este stack tecnológico en apenas 5 minutos.
6 1 7 K -2 tecnología
2 comentarios
6 1 7 K -2 tecnología
258 meneos
2296 clics
El CSS es tan potente que puede "desanonimizar" a usuarios de Facebook [ENG]

El CSS es tan potente que puede "desanonimizar" a usuarios de Facebook [ENG]

Algunas de las recientes adiciones al estándar web Cascading Style Sheets (CSS) son tan poderosas que un investigador de seguridad ha abusado de ellas para desanonimizar a los visitantes de un sitio de demostración y revelar sus nombres de usuario de Facebook, avatares, y si les gustaba una página web de Facebook en particular. La información filtrada a través de este ataque podría ayudar a algunos anunciantes a vincular direcciones IP o perfiles publicitarios con personas de la vida real, lo que supone una grave amenaza para la privacidad.
101 157 6 K 488 tecnología
44 comentarios
101 157 6 K 488 tecnología
11 meneos
217 clics

Un programador es capaz de dar vida a un clon de Mario Kart en CSS

Mario Kart es una de las sagas de Nintendo con más seguidores. Stephen Cook es un desarrollador que ha decidido rendirle un homenaje al juego original de una manera muy especial: en CSS. Originalmente, el CSS se utilizaba para cambiar el aspecto estético de una página web. Con el paso de los años, este lenguaje ha evolucionado y permite a los desarrolladores hacer cosas más impresionantes.
9 2 0 K 26 tecnología
1 comentarios
9 2 0 K 26 tecnología
149 meneos
9826 clics

Pintura estilo siglo XVIII, sin imágenes, sólo HTML y CSS  

Sorprende, pero esto no es ninguna foto, es HTML y CSS, nada más. Totalmente programado a mano. Puedes ver el proyecto y el código en: github.com/cyanharlow/purecss-francine :-O ¡Alucinante! Eso sí... no lo intentes con el IE7, salvo que quieras ver un Picasso. xD
77 72 0 K 46 tecnología
39 comentarios
77 72 0 K 46 tecnología
2 meneos
58 clics

Herramientas que te hacen la vida más fácil para la implementación de UI desde Windows

Si le preguntas a cualquiera que se dedique al diseño de interfaces de usuario (UI) te dirá que la gran mayoría de los entornos gráficos de las aplicaciones para dispositivos móviles o para escritorio se realizan en Sketch. El problema es que Sketch sólo funciona bajo MacOS. Sin embargo hay varias herramientas para Windows que te pueden hacer la vida más fácil a la hora de compatiblizar Sketch con Windows y aquí os las comento por que me parecen muy útiles.
1 1 13 K -110 tecnología
7 comentarios
1 1 13 K -110 tecnología
3 meneos
86 clics
Este envío tiene varios votos negativos. Asegúrate antes de menear

CSS grid layout llega a Microsoft Edge [EN]

CSS Grid se incluye en Edge 16 que se publicó hoy como parte de la actualización de Windows 10 Fall Creators.
2 1 5 K -39 tecnología
2 comentarios
2 1 5 K -39 tecnología
15 meneos
380 clics
Este envío tiene varios votos negativos. Asegúrate antes de menear

Alternativas minimalistas a Bootstrap: Frameworks CSS

¿Quieres una alternativa ligera y rápida a Bootstrap? En esta tercera entrega encontrarás varios frameworks CSS para crear diseños web minimalistas.
12 3 7 K -9 tecnología
10 comentarios
12 3 7 K -9 tecnología
38 meneos
1131 clics
Este envío tiene varios votos negativos. Asegúrate antes de menear

Alternativas a Bootstrap: Frameworks CSS (I)

¿Buscas alternativas a Bootstrap para el diseño de una web? En este primer artículo encontrarás varios frameworks CSS diferentes para utilizar en tu web.
31 7 9 K 26 tecnología
49 comentarios
31 7 9 K 26 tecnología
1 meneos
27 clics

Chrome developer tools una buena herramienta para desarrolladores

Estas son algunas de las características más interesantes de Chrome Developer Tools, la herramienta orientada a diseñadores web e integrada en Google Chrome.
1 0 10 K -140 tecnología
sin comentarios
1 0 10 K -140 tecnología
3 meneos
53 clics

No necesitas un programa para editar las imágenes de tu web

Para editar las imágenes de nuestra web siempre recurrimos a editores de fotos externos, pero ahora lo puedes hacer sin salir de tu web convirtiendo esta en tu editor de imágenes en muy pocos pasos y sin tener que ir de una en una, ¿quieres saber como?
2 1 7 K -65 tecnología
13 comentarios
2 1 7 K -65 tecnología
2 meneos
45 clics

Aprenda Sass en 15 minutos [ENGLISH]

Este tutorial le familiarizará con todas las características básicas que necesita saber para escribir hojas de estilo limpias y fáciles de mantener con Sass.
2 0 10 K -116 tecnología
9 comentarios
2 0 10 K -116 tecnología
2 meneos
27 clics

Bootstrap 4: Regular Grid VS Flexbox Grid | Tutorialzine

We take a look at the new Bootstrap 4 flexbox grid system and the changes it brings to the grid we are so used to.
2 0 10 K -118 tecnología
4 comentarios
2 0 10 K -118 tecnología
6 meneos
44 clics

Como colocar vídeo como fondo de web (HTML5)

Hoy en día sabemos que lo importante en el desarrollo de un sitio web es la experiencia audiovisual que pueda obtener el usuario, pues hay un método en HTML5 que nos permite mostrar un video como fondo web. Simplemente tendremos que utilizar un sencillo código HTML5 yNo es la primera vez que intento buscar una buena solución a la navegación dinámica por una web, siempre me ha llamado la atención...
5 1 10 K -90 tecnología
1 comentarios
5 1 10 K -90 tecnología
4 meneos
74 clics

CSSreferenc.io: una guía visual de las propiedades CSS

CSSreferenc.io es una guía visual de las propiedades más habituales de CSS. Pero en vez de ser el típico listado a lo bruto tipo W3C u O’Reilly esta guía está elegantemente diseñada, de modo que se pueda ver el resultado de un vistazo. Más fácil imposible. Influye todas las propiedades de animación, cajas, cajas flexibles, posicionamiento, transiciones y tipografía.
3 1 9 K -61 tecnología
18 comentarios
3 1 9 K -61 tecnología
23 meneos
423 clics
Este envío tiene varios votos negativos. Asegúrate antes de menear

#ImpoCSSibles games inside: juegos funcionales en Html y Css

Recopilación de juegos clásicos realizados en HTML y CSS (sin ayuda de javascript u otro lenguaje de programación) plenamente funcionales. Como "El buscaminas", "3 en raya", "Donkey Kong", "Tiro al pato"...
19 4 4 K 21 tecnología
10 comentarios
19 4 4 K 21 tecnología
3 meneos
216 clics
Este envío tiene varios votos negativos. Asegúrate antes de menear

CSS Grid Layout: lista de lecturas y ejemplos

Artículos. ejemplos y vídeos sobre el CSS Grid Layout para que, partiendo incluso desde cero, comprender y comenzar a experimentar la realización de grillas o rejillas web basadas en esta novedad de CSS.
2 1 4 K -31 tecnología
sin comentarios
2 1 4 K -31 tecnología
18 meneos
362 clics

10 alternativas a PowerPoint: crear presentaciones web

¿Quieres crear presentaciones web en HTML5? Existen varios frameworks Javascript con los que podrás crear sorprendentes diapositivas de forma muy sencilla.
15 3 0 K 20 tecnología
5 comentarios
15 3 0 K 20 tecnología
3 meneos
86 clics

Curso gratuito de HTML y CSS desde cero

En este curso aprenderemos a maquetar sitios Web con HTML5 y a brindar estilos con CSS. No necesitas conocimientos previos, pues empezaremos desde cero con una serie de ejemplos prácticos y al término del curso, desarrollaremos un proyecto real en el cual aplicaremos todo lo aprendido
2 1 12 K -124 tecnología
sin comentarios
2 1 12 K -124 tecnología
2 meneos
96 clics

Efectos de Photoshop en la web: modos de fusión de CSS3

¿El menú "modo de fusión" o "blending mode" de Photoshop? Ahora lo tienes, casi en su integridad, disponible directamente en el más puro CSS3. Con este tutorial podrás desatar tu hechicería "photoshopera" en la web.
1 1 8 K -85 tecnología
sin comentarios
1 1 8 K -85 tecnología
1234

menéame