Tecnología, Internet y juegos

encontrados: 72, tiempo total: 0.008 segundos rss2
43 meneos
357 clics
Imprimir música con CSS Grid (ENG)

Imprimir música con CSS Grid (ENG)

Demasiadas veces he sido testigo de cómo un músico improvisador intentaba sudorosamente hacer zoom con un pdf A4 en la diminuta pantalla de un móvil en el clímax de un concierto. Necesitamos un renderizado de música fluido y con capacidad de respuesta para la web.
37 6 3 K 339
3 comentarios
37 6 3 K 339
8 meneos
289 clics

Doom scroll

Una demo inspirada en DOOM sin JavaScript realizada con la propiedad CSS scroll- timeline, por ahora sólo compatible con Chrome.
6 2 1 K 8
1 comentarios
6 2 1 K 8
3 meneos
93 clics

No suele considerarse a HTML y CSS lenguajes de programación... pero hay quien no está de acuerdo (y tienen buenos argumentos)

Se presentó una forma de simular la Regla 110 utilizando CSS y HTML en un evento llamado Hack && Tell en 2011. Dicha 'Regla' es un modelo de autómata celular, creado por Stephen Wolfram, que en 2004 se demostró que es Turing-completo. La simulación de Rule 110 en CSS se basa en la idea de que el código CSS puede representar el estado de las células en un autómata celular, y las interacciones de los elementos HTML pueden simular las reglas de transición de Rule 110
2 1 1 K 17
8 comentarios
2 1 1 K 17
126 meneos
3065 clics
Aprende a programar gratis mientras juegas con esta web. Incluye Python, CSS o JavaScript

Aprende a programar gratis mientras juegas con esta web. Incluye Python, CSS o JavaScript

La página en cuestión es Codedex.io y nada más entrar nos encontramos una interfaz que a nosotros particularmente nos encanta al trasladarnos a los juegos antiguos. En esta primera pantalla se va a tener que pulsar en Espacio para comenzar a responder preguntas sobre lo que quieres conseguir desarrollando para iniciar el juego adecuado para ti.
66 60 0 K 153
41 comentarios
66 60 0 K 153
96 meneos
4029 clics

Quizá sólo necesites HTML [ENG]

Los lectores me preguntan de vez en cuando qué generador de HTML estático utiliza fabiensanglard.net, y si pueden tomar la misma hoja de estilos/fuentes para empezar su propio blog. Suelo devolverles las 134 líneas completas de gen.php e invitarles a copiar lo que necesiten para empezar. También añado un consejo no solicitado. Los escritores que están empezando pueden no necesitar nada de esto. Puede que todo lo que necesiten sea HTML.
53 43 2 K 320
60 comentarios
53 43 2 K 320
56 meneos
689 clics

Efectos en Cartas Pokémon 3D [en]

Una colección de estilos CSS avanzados para crear efectos realistas para las caras de las cartas de Pokémon. ¡Las tarjetas usan transformaciones 3D, filtros, modos de fusión e interacciones para brindar una experiencia única cuando se miran más de cerca!
43 13 1 K 291
1 comentarios
43 13 1 K 291
6 meneos
111 clics

Lo bueno, lo malo y lo feo de CSS-in-JS [EN]

Por qué estamos rompiendo con CSS-in-JS. Como sugiere el nombre, CSS-in-JS le permite diseñar sus componentes React escribiendo CSS directamente en su código JavaScript o TypeScript. [...]
5 1 1 K 44
3 comentarios
5 1 1 K 44
86 meneos
5761 clics
Un artilugio mecánico interactivo en CSS puro [ENG]

Un artilugio mecánico interactivo en CSS puro [ENG]  

Tira de la cuerda. Explicación del funcionamiento en #1
62 24 1 K 346
23 comentarios
62 24 1 K 346
16 meneos
268 clics
Este envío tiene varios votos negativos. Asegúrate antes de menear

Microsoft ofrece un nuevo curso gratuito de desarrollo web para principiantes: 24 lecciones para hacer en 12 semanas

El grupo Azure Cloud Advocates de Microsoft ha presentado una formación de desarrollo web para principiantes, con un plan de 12 semanas y 24 lecciones sobre los fundamentos de JavaScript, CSS y HTML. Cada lección incluye pruebas antes y después de la lección, instrucciones escritas para completar la lección, una solución y una tarea. Se basa en proyectos para que el aprendizaje sea práctico, según la información ofrecida por este grupo en GitHub. Hay un foro de debate que invita a los profesores a incluir sugerencias. En inglés.
13 3 4 K 46
10 comentarios
13 3 4 K 46
6 meneos
683 clics
Este envío tiene varios votos negativos. Asegúrate antes de menear

Cómo le explicarían a sus padres que es CSS  

Cómo le explicarían a sus padres que es y en que consiste CSS
5 1 7 K 14
4 comentarios
5 1 7 K 14
67 meneos
1785 clics
Barras de progreso e indicadores de carga en CSS

Barras de progreso e indicadores de carga en CSS

En la página CSS loaders and Spinners hay decenas y decenas de barras de progreso e indicadores de carga creados con unas pocas líneas de código CSS y una sencilla instrucción HTML. Basta añadirlo a la hoja de estilos de la página y utilizar un código span class="loader" para mostrarlos en acción. Las animaciones incluyen desde ruedas, círculos y relojes a animaciones más complicadas con otras figuras geométricas, barras de progreso, deslizadores, textos que se van rellenando, flechas baterías y otras muchas metáforas. [vía microsiervos]
52 15 1 K 329
21 comentarios
52 15 1 K 329
27 meneos
69 clics

Apple quiere hurgar en tu smartphone… sin que tú lo sepas

Apple está proponiendo el uso de una nueva tecnología, que denomina CSS o Client-side scanning, la cual le permitiría detectar la presencia de ciertos documentos en el móvil de cualquier usuario. El objetivo que Apple plantea oficialmente sería la búsqueda de imágenes de contenido pedófilo. Si fuese aceptado, bajo el irreprochable argumento de la necesidad de proteger a los niños –potencialmente víctimas de pedófilos– el CSS podría ser utilizado también con otros fines, como el espionaje económico o la persecución política.
22 5 3 K 30
9 comentarios
22 5 3 K 30
159 meneos
2330 clics
Código CSS anidado: la W3C aprueba un borrador que introduciría en el lenguaje CSS nativo esta funcionalidad

Código CSS anidado: la W3C aprueba un borrador que introduciría en el lenguaje CSS nativo esta funcionalidad

Las hojas de estilo en cascada (más conocidas como CSS) son el lenguaje de diseño (y una de las tres grandes bases, junto a HTML y JavaScript) de la World Wide Web, el lenguaje que permite a los desarrolladores dar formato a las páginas web aplicándoles estilos que alteran aspectos como colores, tipografías o espaciados. Y ahora, este lenguaje nacido en 1996 está quizá a punto de experimentar uno de los mayores cambios de su historia. Según publica Miriam Suzanne, miembro del CSS Working Group del W3C
92 67 0 K 284
91 comentarios
92 67 0 K 284
13 meneos
465 clics

Esta web (y extensión) reúne en un solo lugar decenas de herramientas online categorizadas y muy útiles

Un diseñador, un desarrollador, un gestor de redes sociales... incluso un usuario sin más, en ocasiones, necesita realizar tareas sencillas, pero no dispone de las herramientas necesarias. La web 10015.io pretende solucionar esta cuestión reuniendo en un único lugar todo tipo de utilidades, clasificadas en diversas categorías y con buscador para encontrar la más adecuada. 10015 Tools tiene el objetivo de conseguir lo anterior con, además, una interfaz de usuario limpia y bonita.
10 3 0 K 42
sin comentarios
10 3 0 K 42
11 meneos
185 clics

CSS es un lenguaje de programación  

CodelyTV muestra cómo se ha creado un videojuego con CSS y HTML.
9 2 0 K 26
32 comentarios
9 2 0 K 26
14 meneos
386 clics

Simple, elegante y rápido: new.css simplifica el diseño HTML/CSS al máximo

Este código CSS llamado new.css permite crear una web «moderna y adaptable (responsive)» en HTML con sólo incluirlo con un par de líneas en la cabecera de la página. Eso carga los 4,5 KB de código .css necesarios y ya está. Ni scripts, ni jQueries ni más cosas recargadas.
11 3 0 K 38
4 comentarios
11 3 0 K 38
108 meneos
7431 clics

Este fantástico paisaje está dibujado usando solo código CSS  

Lo que ves sobre estas líneas no es una foto ni una ilustración en el sentido clásico de la palabra. Ese bucólico paisaje se ha creado íntegramente usando hojas de código CSS. Su autor, Ben Evans, ha programado cada elemento con líneas de código y, de hecho, modificar la imagen es tan simple como reescribir.
52 56 1 K 132
16 comentarios
52 56 1 K 132
15 meneos
405 clics

Los Simpsons en CSS [ENG]  

Chris Pattle muestra ejemplos de cómo se pueden dibujar varios de los personajes de Los Simpsons en CSS puro.
12 3 3 K 26
sin comentarios
12 3 3 K 26
13 meneos
346 clics

CSS antiguo, CSS nuevo [ENG]

Una extensa mirada a la evolución del CSS desde el punto de vista de una diseñadora web desde los años 90 hasta la actualidad.
10 3 0 K 10
3 comentarios
10 3 0 K 10
7 meneos
114 clics

¿Es CSS un lenguaje de programación?

Interesante encuesta y discusión sobre si el lenguaje CSS es o no un lenguaje de programación, donde todo tipo de argumentos tienen lugar. El debate puede parecer fácil de zanjar y sin embargo nos obliga a preguntarnos qué es formalmente la programación, un lenguaje de programación y la labor de un programador.
5 2 0 K 0
22 comentarios
5 2 0 K 0
9 meneos
143 clics

Pintura con código, inspiración flamenca y barroca usando HTML y CSS

Con poco más que un editor de texto y años de experiencia como desarrollador web, la ingeniera de interfaz de usuario Diana Adrianne Smith crea retratos de inspiración flamenca y barroca usando HTML y CSS, los dos principales lenguajes para mostrar páginas web.
7 2 2 K 19
1 comentarios
7 2 2 K 19
1 meneos
8 clics

Tutorial Blogger 2019: Clase 9 - Usar CSS en las entradas  

En este video vamos a usar las hojas de estilo CSS en una entrada repitiendo hacer un Indice de manera mas facil y resaltando textos con cuadros de color. También como usar las "plantillas de Entrada" de Blogger para que tus entradas tengan el mismo formato y no escribir codigo en cada una individualmente.
1 0 6 K -48
2 comentarios
1 0 6 K -48
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
146 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
« anterior123

menéame