Tecnología, Internet y juegos

encontrados: 83, tiempo total: 0.009 segundos rss2
2 meneos
27 clics

[CSS & Javascript] Animando nuestra web

Siempre me gustó mantener a los clientes satisfechos con los efectos visuales que sus sitios logran tener. En mi opinión, el efecto visual es la impresión primera y más importante de nuestro sitio web. Pese a ello, muchas veces sucede que los deadlines que tenemos, evita que entremos en estos detalles visuales que hablamos en cuestión. Siempre priorizamos la funcionalidad por una cuestión de «prefiero que esto funcione bien, a que se vea bonito», ¿no? Como implementarlo: encodeando.com/lecturas/css-javascript-animando-nuestra-web
1 1 8 K -63
sin comentarios
1 1 8 K -63
11 meneos
147 clics

Robando datos con CSS: Ataque y defensa

Un ataque CSS Exfil se puede usar para robar datos específicos mediante el uso de Cascading Style Sheets (CSS) como un vector de ataque. Debido a la gran dependencia de la web moderna en CSS, existe una gran variedad de datos potencialmente en riesgo, que incluyen: nombres de usuario, contraseñas y datos confidenciales como fecha de nacimiento, números de seguro social y números de tarjetas de crédito. La técnica también se puede usar para "desanonimizar" a usuarios de dark nets como Tor.
9 2 0 K 24
1 comentarios
9 2 0 K 24
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
1 comentarios
3 0 4 K -7
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
6 comentarios
4 0 8 K -56
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 288
37 comentarios
96 71 1 K 288
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
1 comentarios
11 2 1 K 15
2 meneos
10 clics

Shell y Rockefeller se unen para iniciar un fondo de mini redes de África de $ 11 mil millones  

Crossboundary Energy Access (CBEA), que se describe como la primera facilidad de financiamiento de proyectos para mini-redes de África, se lanzó con el objetivo de desbloquear más de $ 11 mil millones de los inversores para llevar electricidad a al menos 100 millones de personas
1 1 0 K 11
sin comentarios
1 1 0 K 11
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
26 comentarios
41 16 16 K 11
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
1 comentarios
3 1 2 K 16
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
2 comentarios
6 1 7 K -2
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 255
44 comentarios
101 157 6 K 255
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
1 comentarios
9 2 0 K 26
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 312
39 comentarios
77 72 0 K 312
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
7 comentarios
1 1 13 K -110
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
2 comentarios
2 1 5 K -39
6 meneos
165 clics

GRiD Compass 1100 versus Osborne 1… ¿el primer portátil de la historia?

El 3 de abril de 1982 fue presentado el que es considerado –mayoritariamente— como el primer portátil de la historia… el Osborne 1. Pero ese mismo mes de abril de 1982, tan solo unos pocos días después, fue presentado otro ordenador portátil bautizado con el nombre de Grid Compass 1100.
5 1 2 K 21
2 comentarios
5 1 2 K 21
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
10 comentarios
12 3 7 K -9
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
49 comentarios
31 7 9 K 26
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
sin comentarios
1 0 10 K -140
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
13 comentarios
2 1 7 K -65
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
9 comentarios
2 0 10 K -116
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
4 comentarios
2 0 10 K -118
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
1 comentarios
5 1 10 K -90
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
18 comentarios
3 1 9 K -61
26 meneos
61 clics

China, Japón, Rusia, y Corea del Sur planean una 'Super Red' para energías renovables [EN]

Empresarios de China, Corea del Sur, Rusia y Japón han firmado un Memorandum de Entendimiento que persigue crear la 'Asia Super Grid', una red de transmisión de electricidad desde regiones con importantes recursos renovables hacia otras regiones del planeta donde se consuma la energía. La idea todavía está sujeta al desarrollo de la tecnología de transmisión a largas distancias de electricidad en ultra-alto voltaje (1.000 kV en alterna y 800 kV en continua).
21 5 0 K 19
7 comentarios
21 5 0 K 19
1234

menéame