remixtures, 15 days ago to webdev Portuguese

#HTML #CSS #Hugo #WebDev #TechnicalWriting #SoftwareDocumentation #SSGs #StaticSites: “If you’ve ever wondered how a website works and whether or not you could build your own, this book is for you. The Static Site Guide walks you through the process of building a website from scratch by using hands-on examples. You’ll learn what a website is and how some of the most popular website technology works. By the time you reach the end, you’ll have built your very own website, and you’ll know how to do it again on your own.” https://www.staticguide.org/

mobileatom, 15 days ago to CSS

The Modern Guide For Making CSS Shapes. #CSS

https://www.smashingmagazine.com/2024/05/modern-guide-making-css-shapes/?utm_source=flipboard&utm_medium=activitypub

Posted into Responsive Design, UX, UI, and more @responsive

cssbasics, 15 days ago to CSS

The Ultimate #CSS Shapes Collection: "Pure CSS shapes made with a single-element, modern CSS and an optimized code. All the shapes are here, look no further!" https://css-shape.com/

teotimepacreau, 15 days ago to webdev French

Excellent article à propos de la longévité des technologies du web.
Utiliser des outils simples comme le #HTML et le #CSS demande un apprentissage mais est un acte d'indépendance sur le long terme.

https://www.untappedjournal.com/issues/issue-11/jarrett-fuller-building-with-simple-tools-longevity

hmiron, 16 days ago to CSS

Use #tailwind and you'll learn this weird DSL instead of actual #css

Now you're locked into that and you will experience anxiety when trying to switch. Awesome!

The fk did I just read?

css, 16 days ago to CSS

📝 New CSS Article!

After the "Ultimate Collection of CSS Shapes". It's time for "The Modern Guide for making CSS Shapes". 🤩

https://smashingmagazine.com/2024/05/modern-guide-making-css-shapes/ via @smashingmag

A huge compilation of many CSS Tricks I have been using since years in this guide. All the secrets for creating CSS shapes are there!

Enjoy reading my 100th CSS Article! 🥳

#CSS #HTML #web

kubikpixel, 16 days ago to webdev

Oh look, in the future I won't have to worry about the invisibility of dialog boxes on websites because of their overlay.

☝️ Popover API
https://developer.mozilla.org/en-US/docs/Web/API/Popover_API

—
#webapi #webdev #css #javascript #api #design #html #html5 #visible #popover #webdesign #website #popoverapi #web

cobweb, 16 days ago to random

How are ya'll #obsidian users doing images? I kind of want to add that to my daily thing but hmm. Surely there's a plugin for that?

spaceninja, 16 days ago to CSS

#CSS isn’t real, they have played us for absolute fools https://cssisntreal.com

h4kor, 16 days ago to design German

I removed PicoCSS from my blog and built my own stylesheet. I'm still lacking a good understanding of basic design principles.

Can anyone recommend resources to learn about basic #webdesign ?

#design #css #web

inautilo, 17 days ago to music

#Development #Surprises
Printing music with CSS Grid · A fantastic showcase of what CSS Grid is capable of https://ilo.im/15yrr6

---

#Music #MusicNotation #CssGrid #WebDev #Frontend #SVG #HTML #CSS #JavaScript

CSSence, 17 days ago to CSS

#CSS Basics: The flow-root display value.
https://cssence.com/2024/display-flow-root/

css, 17 days ago to CSS

💡 CSS Tip!

How much code is needed to create a Sparkle shape? ✨
Only one gradient and you can easily get the border-only variation.

Demo: https://codepen.io/t_afif/full/eYaYzxX via :codepen: @codepen

Online Version: https://css-tip.com/sparkle-shape/

#CSS #HTML

Two sparkle shapes. The second one is a border-only variation.

pawelgrzybek, 17 days ago to CSS

This is absolutely nuts! Great article that I learned tons from.

#css
https://vis.social/@yuanchuan/112386578533795188

WebAxe, 17 days ago to CSS

text spacing bookmarklet

Quick and dirty testing of WCAG 2.1 Success Criterion 1.4.12 Text Spacing

https://codepen.io/stevef/pen/YLMqbo/

#webdesign #css #a11y #tools

stvfrnzl, 17 days ago to Nirvana

To honor the late #SteveAlbini, I turned his letter to #nirvana into a #ScreenReader friendly website, using only #HTML, #CSS and #GoogleFonts:

https://stevefrenzel.github.io/steve-albini-letter/

Thanks to @thebishopgame who provided a link to the letter: https://wandering.shop/@thebishopgame/112406577143090727

Hopefully no typos in there! Also it respects your choice of color theme. 🤗

artlung, 17 days ago to CSS

Front End Study Hall continues! #IndieWeb #CSS https://artlung.com/blog/2024/05/08/front-end-study-hall-continues/

tripplehelix, 18 days ago to CSS

Published my current #nationwide #userstyle if you'd like to use it.

https://userstyles.world/style/16201/helixs-nationwide

#css

css, 18 days ago to CSS

💡CSS Tip!

Using the new relative color syntax, you can easily extract the R,G,B channels of any color and use them as separate colors.

Useful when you want to do some color manipulation.

Online Version: https://css-tip.com/rgb-channels/

#CSS #HTML

symfonystation, 18 days ago to Symfony

Explore the May 12, 2023 @SymfonyStation Communiqué of Symfony, Drupal, PHP, Fediverse, and Cybersecurity news for evergreen content.

https://symfonystation.mobileatom.net/Symfony-Station-Communique-12-May-2023

#Symfony #SymfonyCasts #PHP #Drupal #Cybersecurity #Fediverse #CSS 🇺🇦 #WayBackWednesday

https://newsletter.mobileatom.net/1036225-2/

#CSS #Cybersecurity #Drupal #fediverse #PHP #symfony #SymfonyCasts #WayBackWednesday

thomasweibel, 18 days ago to CSS German

Sich bei #CSS-Fehlern #0f0 und #00f ärgern.

infoq, 18 days ago to CSS

Many developers use CSS frameworks to reduce boilerplate, increase quality & drive consistency. Good in theory - not always in practice.

Instead of using a #CSSframework, you should write your own custom #CSS. This is the best option!

Dive into Tyson Gern's article on #InfoQ to learn more: https://bit.ly/4aYEELL

#WebDevelopment

ayo, 18 days ago to CSS

hey css wizards, why does dialog::backdrop not work when the dialog is open on load? #css

pen: https://codepen.io/ayoayco-the-styleful/pen/RwmbxKx