Skip to main content

Search

Items tagged with: CSS

Ugghhh. How can I do a #CSS @supports query with regard to the fancy new gradients where you can specify going through the hue wheel the longer or shorter way round?
#CSS

Geeking with @hl and #CSS. He's on an ageing macbook. Have realised my /basic site isn't working too well on his version of safari (that can't be updated)... Oop.

At least it's only my personal site. The headings aren't working as I want in firefox either *shakey-fist*

I've added a bunch of prefixes to background-clip and linear-gradient, but no luck yet...

#CSS @hl

Crear tu propio buscador para cambiar un poco tu página de inicio #novedades #buscador #css #javascript https://entreunosyceros.net/crear-tu-propio-buscador-pagina-de-inicio/

Crear tu propio buscador para cambiar un poco tu página de inicio

Una vez más aquí. Hoy vengo a dejar un pequeño artículo que una amiga (a la que hacía demasiado tiempo que no miraba) me dijo…
entreunosyceros (✅ entreunosyceros)
#JavaScript #CSS #buscador #novedades

I'm really unhappy with the #webdesign i did for the #Inkscape gallery on the website. Its... just not very good. Functional, barely, but not top of my proudest contributions. https://inkscape.org/gallery/ (the worst part is the voting y'all see next week :ac_fearful: )

Anyone here good with #css and #html and wants to contribute to a foss project? I got a gallery app that needs ground up reworking. :ac_flourish:

Resources | Inkscape

inkscape.org
#Inkscape #html #CSS #webdesign

I've seen the two-up image-comparison component used as an example of progressive enhancement. Without JS you should still get a side-by-side of the two images.

But these days, it seems like you could do a pretty good* #CSS fallback of the whole feature? Is this anything? I imagine I'm not the first to play with it?

* resize handles aren't excellent, but they work.

https://codepen.io/miriamsuzanne/pen/rNZMMeK?editors=0100
#CSS

hello all, #css question, if you can help:

In my wiki, text wraps to the left of images. This works well with float: left property.

The problem: when I have little text and a bigger image, the image overflows outside of the div.

Want: for the image to stretch the text div to fit.

Below, an image of how it looks like.

The URL is https://taonaw.gitlab.io/taonah/#Oxygen%20Not%20Included%20(ONI)

and you can see the CSS here: https://taonaw.gitlab.io/taonah/#Oxygen%20Not%20Included%20(ONI)
#CSS

I redesigned my #website! Its still a #WorkInProgress but its going good.

I wrote #blogpost detailing some of the changes, I added a background image which is animated (it can be disabled for the sake of #accessibility with and without #js), changed some #CSS for many sections of the site, etc.

And its still quite light but I am no longer in the green team of the #512kbClub kbClub :blobcatsadlife:

Day 37 of #100DaysToOffload

https://joelchrono12.xyz/blog/website-redesign-in-progress/

Website redesign in progress

You may be able to appreciate that I am redesigning my website. My era of suckless and minimalist is over, and I will now embrace the bloat.
joelchrono12.xyz
#100DaysToOffload #JS #website #CSS #accessibility #blogpost #workinprogress #512kbclub

I redesigned my #website! Its still a #WorkInProgress but its going good.

I wrote a small blogpost about it, I added a background image which is animated (it can be disabled for the sake of #accessibility with and without #js), changed some #CSS for many sections of the site, etc.

And its still quite light but I am no longer in the green team of the #512kbClub kbClub :blobcatsadlife:

Day 37 of #100DaysToOffload

https://joelchrono12.xyz/blog/website-redesign-in-progress/

Website redesign in progress

You may be able to appreciate that I am redesigning my website. My era of suckless and minimalist is over, and I will now embrace the bloat.
joelchrono12.xyz
#100DaysToOffload #JS #website #CSS #accessibility #workinprogress #512kbclub

I am redesigning the #CSS of my #website and I sooo wanna have an image like this as an animated background (its the time gate animation from #ChronoTrigger).

But I would lose my place in the #512kbClub

#neocities #webdev #html #blog
#blog #html #website #CSS #webdev #neocities #512kbclub #chronotrigger

¡Disponible ya nuestro primer dada-e!

https://hache.archipielago.uno/dada-e/1.html

Con esta publicación se cierra un proceso de construcción colectiva de un poema electrónico escrito en #HTML y #CSS por varios usuaries, siguiendo las normas del poema dadaísta.
#dada_e #poesía :boost_requested:

Dada-e #1

hache.archipielago.uno
#poesía #html #CSS #dada_e

Tabla responsive, crea una usando solo HTML y CSS #apuntes_dam #apuntes_fp #lenguaje_de_marcas #css #dam #html https://entreunosyceros.net/tabla-responsive-crea-una-usando-solo-html-y-css/

Tabla responsive, crea una usando solo HTML y CSS

Una vez más aquí. Hoy vengo a dejar un pequeño artículo para un usuario que me ha proporcionado un código de una tabla HTML, y…
entreunosyceros (✅ entreunosyceros)
#html #CSS #apuntes_fp #apuntes_dam #dam #lenguaje_de_marcas

Tarjetas fluorescentes desplegables, crea las tuyas con HTML y CSS #apuntes_dam #apuntes_fp #lenguaje_de_marcas #css #dam #html https://entreunosyceros.net/tarjetas-fluorescentes-desplegables-crealas-con-html-y-css/

Tarjetas fluorescentes desplegables, crea las tuyas con HTML y CSS

Una ves más aquí. Hoy vengo a dejar un pequeño artículo en el que vamos a ver cómo crear unas tarjetas de presentación. Esto viene…
entreunosyceros (✅ entreunosyceros)
#html #CSS #apuntes_fp #apuntes_dam #dam #lenguaje_de_marcas

A shorter post talking about my favorite color scheme for #ricing my #terminal and #windowmanager

https://joelchrono12.xyz/blog/my-favorite-color-scheme/

Day 4 of my 2nd attempt at #100DaysToOffload

#blog #blogging #css #spectrwm #alacritty

My favorite color scheme

For the longest time, Nord has been my favorite, but a few months ago I switched to something else. Tokyo Night is my new favorite!
joelchrono12.xyz
#100DaysToOffload #terminal #blog #CSS #blogging #alacritty #ricing #windowmanager #spectrwm

Content warning: Convocatoria para construcción de cadáver exquisito electrónico

#poesía #html #CSS #CadaverExquisito #archi1 #dada_e #literaturaelectrónica

uiverse · Create, share, and use custom UI elements made with HTML and CSS https://ilo.im/102gza

_____
#design #development #collections
#webdesign #webdevelopment #webdev #UIdesign #inspiration #HTML #CSS #openSource

Universe of UI elements made with HTML & CSS

Library of free and customizable HTML and CSS UI elements. It's all open-source, and it's all free. Try it out to save you many hours spent on building & customizing UI components for your next project.
ilo.im
#OpenSource #html #CSS #development #design #inspiration #webdev #webdesign #webdevelopment #collections #uidesign

📝 New article!

Wanna play with some z-index and CSS animation?

Check this 👉 https://css-tricks.com/css-infinite-slider-flipping-through-polaroid-images/

A step-by-step article to create a cool image slider while learning a few CSS tricks!

#CSS

CSS Infinite Slider Flipping Through Polaroid Images | CSS-Tricks

In the last article, we made a pretty cool little slider (or "carousel" if that’s what you prefer) that rotates in a circular direction. This time we are
Temani Afif (CSS-Tricks)
#CSS

Later versions of #Firefox broke the Containers #CSS or something, it used to have some stylish buttons and even dark theme but now its just plain html it seems...
Screenshot of "Open this site in your assigned Container?" from firefox
#firefox #CSS

Se añadió un color nuevo al estándar de CSS denominado rebeccapurple (#663399). En homenaje a Eric Meyer por la triste perdida de su hija Rebecca que murió a causa de un largo cáncer, a las pocas horas de cumplir 6 añitos. Era su color favorito. #html #css
#html #CSS

thanks, thanks, thanks for

#css ftw !
#CSS

I wrote an explainer for #CSS Container Style Queries:

:oddbird: https://css.oddbird.net/rwd/style/explainer/

There's already a (limited) prototype in Chromium (:chrome:/:edge:) 107+ with the 'Experimental Web Platform Features' flag enabled.

I'm collecting demos on #CodePen:

:codepen: https://codepen.io/collection/NqaPkL

```css
@container style(--btn-theme: mia) { /* theme styles */ }
```
Large button with a hot pink border, rounded top-right and bottom-left, a trans flag background, and the text Theme Styles!

Container Style Query Explainer

css.oddbird.net
#CSS #codepen

Slider con forma de cubo 3d creado solo con CSS #apuntes_dam #apuntes_fp #lenguaje_de_marcas #novedades #css #dam https://entreunosyceros.net/slider-con-forma-de-cubo-3d-creado-con-css/

Slider con forma de cubo 3d creado solo con CSS

Una vez más aquí. Hoy vengo a dejar un pequeño artículo para un usuario que me ha preguntado cómo podría crear un slider vistoso sin…
entreunosyceros (✅ entreunosyceros)
#CSS #novedades #apuntes_fp #apuntes_dam #dam #lenguaje_de_marcas

Intro de Star Wars, cómo crear una usando HTML y CSS #apuntes_dam #apuntes_fp #lenguaje_de_marcas #css #html https://entreunosyceros.net/intro-de-star-wars-como-crear-una-usando-html-y-css/

Intro de Star Wars, cómo crear una usando HTML y CSS

Una vez más aquí. Hoy vengo a dejar un pequeño artículo por una conversación que mantuve justo ayer con un usuario, en la que me…
entreunosyceros (✅ entreunosyceros)
#html #CSS #apuntes_fp #apuntes_dam #lenguaje_de_marcas

Este sitio web utiliza cookies. Si continúa navegando por este sitio web, usted acepta el uso de las cookies.

⇧