Tecnología, Internet y juegos

encontrados: 86, tiempo total: 0.008 segundos rss2
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
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
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
sin comentarios
2 1 4 K -31
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
6 meneos
212 clics

Por qué vivo fuera de la red: así es el movimiento #off-grid

«Imagínense no tener hipoteca e imagínense no tener ni una sola factura de servicios públicos y lo diferente que podría ser su vida». Así comienza el youtuber Kyles Cabin, protagonista del video, explicando la principal ventaja del movimiento off-grid.
5 1 1 K 47
23 comentarios
5 1 1 K 47
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
27 meneos
145 clics
Llegará un momento en que sobre energía renovable: ¿qué haremos con el exceso?

Llegará un momento en que sobre energía renovable: ¿qué haremos con el exceso?

Las tecnologías renovables no producen electricidad de forma continua, por lo que habrá periodos de menor generación pero también de exceso. ¿Cómo podemos aprovechar esa energía sobrante?
23 4 2 K 223
42 comentarios
23 4 2 K 223
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
5 meneos
20 clics

Reemplazar la energía centralizada con sistemas de energía distribuida requiere nuevas políticas y coordinación (ENG)

Para transformarse a la velocidad y escala requerida, deberá construirse sobre una base de redes inteligentes integradas y resilientes que puedan acomodar la intermitencia de las fuentes de energía renovable y el aumento de los flujos de energía bidireccionales y los "prosumidores" que compran y venden electricidad a la red. Los beneficios: crear puestos de trabajo, ayudar a los sectores y trabajadores en la transición a alejarse de la dependencia de los combustibles fósiles y acelerar la descarbonización de la economía en general.
4 1 0 K 44
5 comentarios
4 1 0 K 44
67 meneos
1786 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
« anterior1234

menéame