home.social

#html — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #html, aggregated by home.social.

  1. Inautilo @[email protected] ·

    #Development #Launches
    Kernel · A component library built on semantic HTML, not div soup ilo.im/16eo9r

    _____
    #SemanticHTML #Accessibility #Components #WebComponents #React #Library #OpenSource #WebDev #Frontend #HTML

    #development #launches #semantichtml #accessibility #components #webcomponents
  2. Inautilo @[email protected] ·

    #Development #Launches
    Kernel · A component library built on semantic HTML, not div soup ilo.im/16eo9r

    _____
    #SemanticHTML #Accessibility #Components #WebComponents #React #Library #OpenSource #WebDev #Frontend #HTML

    #development #launches #semantichtml #accessibility #components #webcomponents
  3. Rod2ik 🇪🇺 🇨🇵 🇪🇸 🇨🇱 🇺🇦 🇨🇦 🇬🇱☮🕊️ @[email protected] ·

    @rod2ik/ #TikZjaX is now in version 1.5.0

    It has loads of new #TikZ -based #LaTeX #packages, natively , to draw on Standalone web #HTML pages and/or #mkdocs pages, with Light and Dark modes.

    * #tkz-tab for #maths #variation / #sign tables
    * #Physics
    * #Circuitikz
    * #Chemfig
    * #Kinematikz
    * #Yquant
    * #Tikz-feynhand
    * #Braids
    * #Pgf-spectra
    * etc..

    Main Documentation Page & Demo Site :

    rod2ik.github.io/tikzjax

    Please Star on #Github 🙏🙏🙏

    #tikzjax #tikz #latex #packages #html #mkdocs
  4. Rod2ik 🇪🇺 🇨🇵 🇪🇸 🇨🇱 🇺🇦 🇨🇦 🇬🇱☮🕊️ @[email protected] ·

    @rod2ik/ #TikZjaX is now in version 1.5.0

    It has loads of new #TikZ -based #LaTeX #packages, natively , to draw on Standalone web #HTML pages and/or #mkdocs pages, with Light and Dark modes.

    * #tkz-tab for #maths #variation / #sign tables
    * #Physics
    * #Circuitikz
    * #Chemfig
    * #Kinematikz
    * #Yquant
    * #Tikz-feynhand
    * #Braids
    * #Pgf-spectra
    * etc..

    Main Documentation Page & Demo Site :

    rod2ik.github.io/tikzjax

    Please Star on #Github 🙏🙏🙏

    #tikzjax #tikz #latex #packages #html #mkdocs
  5. David Bisset @[email protected] ·

    Jelly UI is a dependency-free Web Components library for "soft, tactile product interfaces"... soft-body physics, with dark mode, right-to-left support and WCAG AA color tokens built in.

    #css #frontend #html #webdev

    jelly-ui.com/

    #css #frontend #html #webdev
  6. David Bisset @[email protected] ·

    Jelly UI is a dependency-free Web Components library for "soft, tactile product interfaces"... soft-body physics, with dark mode, right-to-left support and WCAG AA color tokens built in.

    #css #frontend #html #webdev

    jelly-ui.com/

    #css #frontend #html #webdev
  7. DailyHTML @[email protected] ·

    ⚠️ DEPRECATED: ‹rtc›

    Embraces semantic annotations of characters presented in a ruby of rb elements used inside of ruby element.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  8. DailyHTML @[email protected] ·

    ⚠️ DEPRECATED: ‹rtc›

    Embraces semantic annotations of characters presented in a ruby of rb elements used inside of ruby element.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  9. Jack C. @[email protected] ·

    I've been working on setting up a #photo gallery #website to show off my late dad's work, as part of my efforts to organize and #backup family photos.

    Here's what I have so far, I wanted to mimic a real photo gallery with #HTML and #CSS and figured out how to implement a horizontal layout with scroll snapping and decent image scaling.

    doug.yuno.jack-case.pro/boston

    For now, it's best viewed on desktop or other large viewport.

    #WebDev #Indieweb #Photography #Boston #Memorial

    #photo #website #backup #html #css #webdev
  10. Jack C. @[email protected] ·

    I've been working on setting up a #photo gallery #website to show off my late dad's work, as part of my efforts to organize and #backup family photos.

    Here's what I have so far, I wanted to mimic a real photo gallery with #HTML and #CSS and figured out how to implement a horizontal layout with scroll snapping and decent image scaling.

    doug.yuno.jack-case.pro/boston

    For now, it's best viewed on desktop or other large viewport.

    #WebDev #Indieweb #Photography #Boston #Memorial

    #photo #website #backup #html #css #webdev
  11. Jens Oliver Meiert @[email protected] ·

    HTML Minifier Next: JSON Schema, Cache Statistics, Default Config File:

    An update on the latest changes on the super-configurable web page minifier.

    meiert.com/blog/html-minifier-

    #tools #webdev #html #performance #optimization #htmlminifier

    #optimization #performance #html #webdev #tools #htmlminifier
  12. Jens Oliver Meiert @[email protected] ·

    HTML Minifier Next: JSON Schema, Cache Statistics, Default Config File:

    An update on the latest changes on the super-configurable web page minifier.

    meiert.com/blog/html-minifier-

    #tools #webdev #html #performance #optimization #htmlminifier

    #htmlminifier #optimization #performance #html #webdev #tools
  13. Synchron @[email protected] ·

    Gibt es einen CSS Trick um eine Gruppe von Buttons in ein Menü zu verlagern sobald der horizontale Platz nicht reicht? Am besten je Item.
    Also wenn drei Buttons Platz haben, diese darstellen und die anderen in einem Menü?

    Buttons verstecken die im overflow in einer zweiten Zeile landen, könnte man ja mit einer festen Höhe. Aber das Menü...

    Vielleicht hat ja jemand einen Tipp.
    Danke!

    (Bitte keine AI. Danke)

    #webdev #html #css

    #webdev #html #css
  14. Synchron @[email protected] ·

    Gibt es einen CSS Trick um eine Gruppe von Buttons in ein Menü zu verlagern sobald der horizontale Platz nicht reicht? Am besten je Item.
    Also wenn drei Buttons Platz haben, diese darstellen und die anderen in einem Menü?

    Buttons verstecken die im overflow in einer zweiten Zeile landen, könnte man ja mit einer festen Höhe. Aber das Menü...

    Vielleicht hat ja jemand einen Tipp.
    Danke!

    (Bitte keine AI. Danke)

    #webdev #html #css

    #webdev #html #css
  15. DailyHTML @[email protected] ·

    ⚠️ DEPRECATED: ‹param›

    Defines parameters for an object element.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  16. DailyHTML @[email protected] ·

    ⚠️ DEPRECATED: ‹param›

    Defines parameters for an object element.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  17. エミリーSEレクト @[email protected] ·

    独学でWebデザイン 7年 続けた結果... と、独学勉強法！

    emilyselect.com/%e7%8b%ac%e5%a

    #CSS #design #designer #HTML #programming #responsive #webdesign #webdesigner #webデザイナー #Webデザイン #コーディング #デザイナー #デザイン #プログラミング #レスポンシブ #入門 #基礎 #未経験 #独学 #WEBデザイン基礎・入門 #WEBデザイン基礎・入門 #CSS #desi...

    #css #design #designer #html #programming #responsive
  18. エミリーSEレクト @[email protected] ·

    独学でWebデザイン 7年 続けた結果... と、独学勉強法！

    emilyselect.com/%e7%8b%ac%e5%a

    #CSS #design #designer #HTML #programming #responsive #webdesign #webdesigner #webデザイナー #Webデザイン #コーディング #デザイナー #デザイン #プログラミング #レスポンシブ #入門 #基礎 #未経験 #独学 #WEBデザイン基礎・入門 #WEBデザイン基礎・入門 #CSS #desi...

    #css #design #designer #html #programming #responsive
  19. DailyHTML @[email protected] ·

    ⚠️ DEPRECATED: ‹acronym›

    Allows authors to clearly indicate a sequence of characters that compose an acronym or abbreviation for a word.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  20. DailyHTML @[email protected] ·

    ⚠️ DEPRECATED: ‹acronym›

    Allows authors to clearly indicate a sequence of characters that compose an acronym or abbreviation for a word.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  21. DailyHTML @[email protected] ·

    ‹u›

    Represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  22. DailyHTML @[email protected] ·

    ‹u›

    Represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  23. kalvn @[email protected] ·

    Encore un petit plaidoyer pour arrêter de sur-utiliser les framework et essayer de se cantonner à ce que propose la *Web Platform* et qui suffit dans de nombreux cas.

    🔗 guseyn.com/html/posts/why-vani

    #web #natif #HTML #CSS #simple

    #web #natif #html #css #simple
  24. jajaupulus @jajupulus ·

    El desarrollador web romántico: encerrando citas

    ¿Qué hace un desarrollador web cuando tiene una cita?
    Encerrarla en <blockquote>

    #html #meme #humor #chiste
  25. jajaupulus @[email protected] ·

    El desarrollador web romántico: encerrando citas

    ¿Qué hace un desarrollador web cuando tiene una cita?
    Encerrarla en <blockquote>

    #Chiste #Humor #Meme #HTML

    #html #meme #humor #chiste
  26. Christian Noll @[email protected] ·

    Regressive JPEGs (maurycyz.com)

    maurycyz.com/projects/bad_jpeg/

    #jpeg #programming #image #html #browser

    #browser #html #image #programming #jpeg
  27. DailyHTML @[email protected] ·

    📐 SVG: ‹feFuncG›

    Defines how the green channel is remapped inside feComponentTransfer.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  28. DailyHTML @[email protected] ·

    📐 SVG: ‹feFuncG›

    Defines how the green channel is remapped inside feComponentTransfer.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  29. DailyHTML @[email protected] ·

    📐 SVG: ‹feFuncG›

    Defines how the green channel is remapped inside feComponentTransfer.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  30. DailyHTML @[email protected] ·

    📐 SVG: ‹feFuncG›

    Defines how the green channel is remapped inside feComponentTransfer.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #dailyhtml #webdev #html
  31. DailyHTML @[email protected] ·

    📐 SVG: ‹feFuncG›

    Defines how the green channel is remapped inside feComponentTransfer.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  32. DailyHTML @[email protected] ·

    ‹thead›

    Encapsulates a set of table rows, indicating that they comprise the head of a table with information about the table's columns.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  33. DailyHTML @[email protected] ·

    ‹thead›

    Encapsulates a set of table rows, indicating that they comprise the head of a table with information about the table's columns.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  34. DailyHTML @[email protected] ·

    ‹thead›

    Encapsulates a set of table rows, indicating that they comprise the head of a table with information about the table's columns.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  35. DailyHTML @[email protected] ·

    ‹thead›

    Encapsulates a set of table rows, indicating that they comprise the head of a table with information about the table's columns.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #dailyhtml #webdev #html
  36. DailyHTML @[email protected] ·

    ‹thead›

    Encapsulates a set of table rows, indicating that they comprise the head of a table with information about the table's columns.

    developer.mozilla.org/en-US/do

    #HTML #WebDev #DailyHTML

    #html #webdev #dailyhtml
  37. Frontend Dogma @[email protected] ·

    Protecting HTML Content Against Copying, by @jsdevspace:

    jsdev.space/howto/protect-from

    #html #css #javascript #canvas #obfuscation #techniques #comparisons

    #comparisons #techniques #obfuscation #canvas #javascript #css
  38. Frontend Dogma @[email protected] ·

    Protecting HTML Content Against Copying, by @jsdevspace:

    jsdev.space/howto/protect-from

    #html #css #javascript #canvas #obfuscation #techniques #comparisons

    #comparisons #techniques #obfuscation #canvas #javascript #css
  39. Frontend Dogma @[email protected] ·

    Protecting HTML Content Against Copying, by @jsdevspace:

    jsdev.space/howto/protect-from

    #html #css #javascript #canvas #obfuscation #techniques #comparisons

    #comparisons #techniques #obfuscation #canvas #javascript #css
  40. Frontend Dogma @frontenddogma ·

    Protecting HTML Content Against Copying, by @jsdevspace:

    jsdev.space/howto/protect-from

    #comparisons #techniques #obfuscation #canvas #javascript #css
  41. Frontend Dogma @[email protected] ·

    Protecting HTML Content Against Copying, by @jsdevspace:

    jsdev.space/howto/protect-from

    #html #css #javascript #canvas #obfuscation #techniques #comparisons

    #comparisons #techniques #obfuscation #canvas #javascript #css
  42. Habr @[email protected] ·

    Установщик на Go Wails: Полный гайд. Своя self-hosted двухсерверная VPN-архитектура: ЧАСТЬ 3

    Повествование будет идти таким образом: описание архитектуры в целом, потом код по страницам с картинками как это все выглядит. В отличие от черновика, в этом материале отображен весь рабочий код без сокращений с разбором каждой из страниц. В Wails основными файлами, с которыми проходит 90% работы это index.html , styles.css , main.js , app.go . Остальные файлы мы либо не трогаем, либо настраиваем один раз в самом начале. Для фронтенда я использовал стандартный html, css, js без современных фреймворков (так как я в них не разбираюсь). Frontend часть подробно рассматривать в этой статье не планируется, a html будет использоваться только чтобы показать, где используются js функции.

    habr.com/ru/articles/1060336/

    #html #css #go #javascript #wails #автоматизация #системное_администрирование #приложение #selfhosted #установка

    #установка #selfhosted #приложение #системное_администрирование #автоматизация #wails
  43. Hylke Bons 🥜 @[email protected] ·

    RE: front-end.social/@stefan/11693

    yes! finally! #html #css #svg

    #html #css #svg
  44. Hylke Bons 🥜 @[email protected] ·

    RE: front-end.social/@stefan/11693

    yes! finally! #html #css #svg

    #html #css #svg
  45. Hylke Bons 🥜 @[email protected] ·

    RE: front-end.social/@stefan/11693

    yes! finally! #html #css #svg

    #html #css #svg
  46. Hylke Bons 🥜 @[email protected] ·

    RE: front-end.social/@stefan/11693

    yes! finally! #html #css #svg

    #svg #css #html
  47. Hylke Bons 🥜 @[email protected] ·

    RE: front-end.social/@stefan/11693

    yes! finally! #html #css #svg

    #html #css #svg
  48. Morning Dew by Alvin Ashcraft @[email protected] ·

    Dew Drop - July 17, 2026 (#4714)

    fed.brid.gy/r/https://alvinash

    #dailylinks #development #net #net10 #agile #ai
  49. Inautilo @[email protected] ·

    #Development #Guidelines
    Use cases for the ‘aria-expanded’ attribute · How to determine when ‘aria-expanded’ is appropriate ilo.im/16ekr9

    _____
    #AssistiveTech #Accessibility #ARIA #ProgressiveEnhancement #APIs #Browsers #WebDev #Frontend #HTML #CSS

    #development #guidelines #assistivetech #accessibility #aria #progressiveenhancement
  50. Inautilo @[email protected] ·

    #Development #Guidelines
    Use cases for the ‘aria-expanded’ attribute · How to determine when ‘aria-expanded’ is appropriate ilo.im/16ekr9

    _____
    #AssistiveTech #Accessibility #ARIA #ProgressiveEnhancement #APIs #Browsers #WebDev #Frontend #HTML #CSS

    #development #guidelines #assistivetech #accessibility #aria #progressiveenhancement