rysiek, 1 year ago to webdev

This is as good a moment as any to show-off my blog archive interface:
https://rys.io/en/contents.html

You can filter blogposts by tags and by languages they are available in. Go on, click on the shiny knobs! Behold the #CSS transitions!

You can also link to a specific tag, for example:
https://rys.io/en/contents.html#tag:decentralization

…and the filtering UI works as expected.

And all of this is done with zero — not a single one — lines of JavaScript.

#WebDev

symfonystation, 1 year ago to Symfony

Explore the March 3, 2023 @symfonystation Communiqué of Symfony, Drupal, PHP, Fediverse, and Cybersecurity news. https://www.symfonystation.com/Symfony-Station-Communique-03-March-2023 #Symfony #PHP #Drupal #Cybersecurity #Mastodon #Fediverse #Flipboard #HTML #CSS :symfony: :elephpant_purple: :drupalicon: :wordpress: :mastodon: :fediverse: :PHP: :magento: :phpstorm: :apiplatform: 🇺🇦 #ThrowbackThursday

kaiserkiwi, 1 year ago to webdev German

It's crazy that in 2023 it still happens that input/text areas have font sizes below 16px. iOS Safari zooms in when the font size of an input is below 16px.

This has been happening since the first version of mobile Safari. Still, many websites set it to 12-15 pixels. (which is too small anyway). #WebDev #Coding #CSS

khalidabuhakmeh, 1 year ago to webdev

Another nice feature of #JetBrainsRider (#WebStorm), is that it warns you when two #CSS classes are overriding the same exact properties.

nhoizey, 1 year ago to javascript French

🔗 “3 Methods for Scoped Styles in Web Components That Work Everywhere” by @zachleat

#WebC #webComponent #JavaScript #CSS

⚓️ https://nicolas-hoizey.com/links/2023/04/08/3-methods-for-scoped-styles-in-web-components-that-work-everywhere/

nhoizey, 1 year ago to webdev French

🔗 “Sass and Native Nesting” by @nex3

#Sass #CSS

⚓️ https://nicolas-hoizey.com/links/2023/03/30/sass-and-native-nesting/

cheeaun, 1 year ago to webdev

Hmm, sad truth though. https://www.reddit.com/r/webdev/comments/13d112c/my_boss_knowing_css_isnt_part_of_a_frontend/

#CSS

tomw, 1 year ago to webdev

I don't really want "what's new in #CSS".

I want "what's kinda new, but not that new, and actually supported in all the main browsers now, not just a few of them, and no it doesn't count if it is behind a feature flag"

noelle, 1 year ago to webdev

Guess I'd better work on coding my blog 😆 haven't been working on it as much as I should 😅

#coding #blog #css #html

winslowjosiah, 1 year ago to webdev

You know what really annoys me?

When my phone decides to #cache some parts of my #website and not update them while it's in active #development.

My fancy nav menu shows up on my phone as a standard list of links. Apparently the #CSS isn't updating, but the #HTML is. Weird.

nucliweb, 1 year ago to webdev

How CSS cane about, by Håkon Wium Lie

#CSS #CodemotionMadrid23

iamdtms, 1 year ago to webdev

#CSS aspect-ratio foundations
https://iamdtms.medium.com/css-aspect-ratio-foundations-8aabbf2ff84c

box464, 1 year ago to webdev

Another #CSS find this weekend was the Dracula css theme. I mean, I've used it. But I didn't know how much fun the creators were having with it! Now it has a dear place in my heart. :BlobhajHeart:

Check out the site, really cute.

https://draculatheme.com/

The basic theme color palette can be found here:

https://github.com/dracula/dracula-theme

tantramar, 1 year ago to webdev

it’s amazing how much better CSS works when you spell things correctly. 🤦‍♂️ #css #html #webdev

5t3ph, 1 year ago to webdev

What trips you up about #CSS custom properties?

And - are you using them:

a) not at all

b) sometimes

c) most of the time

d) absolutely every project

Luke, 1 year ago to webdev

All hail the CSS Zen Garden by @daveshea which changed my career and life as result:
HTTPS://www.csszengarden.com
#CSS #zenGarden #WebStandards #designHero #designPioneer
https://tilde.zone/@daveshea/110336776097729617

alberniweather, 1 year ago to webdev

The fun thing about the substitutions/translations on the website into Nuuchanulth is that after a few words I started to get the hang of the Unicode entities and could put them in without consulting the reference list… just writing another language… to write another language :).
https://www.alberniweather.ca
Code for the forecast grabber is on GitHub: https://github.com/chrisale/ECForecastGrabber
#Indigenous #Tseshaht #Hupacasath #language #learning #coding #html #css #perl

A black screen screenshot of code shows a list of Unicode entries for special characters.
Another code screenshot showing a list of substitutions for various weather words in the raw Unicode.

kaiserkiwi, 1 year ago to webdev

I still hate so much that #Firefox still doesn’t support the :has() selector. That makes everything so much harder than it should be in 2023…

#WebDev #Coding #CSS

iamdtms, 1 year ago to random

Sufficient browser support available for new #CSS features:

Container Queries ✅
Style Queries 🚫
:has() ✅
nth-of syntax ✅
initial-letter 🚫
Dynamic viewport units ✅
Cascade layers ✅
Nesting🚫
Trigonometric functions ✅
Individual transform properties ✅

mortendk, 1 year ago to webdev

for fuck sake hubspot do you need to put a 10 digit z index into your chatbot ?

2001 called and wants its shitty index numbers back
#css #html #webdev #hubspot

symfonystation, 1 year ago to Symfony

Explore today's @symfonystation Communiqué of Symfony, Drupal, PHP, Fediverse, and Cybersecurity news. https://www.symfonystation.com/Symfony-Station-Communique-12-May-2023 #Symfony #SymfonyCasts #PHP #Drupal #Cybersecurity #Fediverse #CSS :symfony: :elephpant_purple: :drupalicon: :fediverse: :mastodon: 🇺🇦

box464, 1 year ago to webdev

A #CSS find this weekend was the Dracula Theme. I mean, I've used it. But I didn't know how much FUN the creators were having with it!

Now it has a dear place in my heart. ​:BlobhajHeart:​

Check out the site, really cute. The basic theme colors are open-source, you can use them in your own apps. #CssFunStuff #CssTricks

notwoods, 1 year ago to webdev

Quick TIL post: I learned you can natively display math formulas with just #HTML, no #CSS or #JS required!
https://tigeroakes.com/posts/til-math-latex-without-css/

u0421793, 1 year ago to random

2023 has hammered home how depressing the state of hypertext in 2023 has become

Given a simple web site of a handful of SVG/HTML/CSS pages, each containing a lot of identical content for eg header; nav; footer, there’s still no way that I can ascertain to just have those common parts inserted into each page – I’m having to have multiple copies in place in each page, which isn’t a problem once they settle down, but is a problem while I’m making changes

How have we gotten this far and not allowed HTML to insert common page parts as though they were actually typed in?

#SVG #HTML #CSS #insert