stux @stux

60 posts55 participants0 posts today

Continued thread

**Mark Wyner Won’t Comply** @markwyner@mas.to · 2h

Mark Wyner Won’t Comply @markwyner@mas.to

What I’ve heard:

Autocomplete
Autosuggest(ion)
Combo box
Search (suggestion) box

My thoughts:

1. “Search” is implied (it’s happening in real time)
2. “Combo” is ambiguous jargon
3. “Auto” is helpful
4. “Complete” and ”suggest” are interchangeable

“Autocomplete” is most common. But that’s an actual HTML attribute, so I don’t like it here.

Autosuggest is my preference. WITH single-select or multi-select as an important qualifier.

Autocomplete info:
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete

MDN Web DocsHTML attribute: autocomplete - HTML: HyperText Markup Language | MDNThe HTML autocomplete attribute lets web developers specify what if any permission the user agent has to provide automated assistance in filling out form field values, as well as guidance to the browser as to the type of information expected in the field.

#HTML #UI

**Mark Wyner Won’t Comply** @markwyner@mas.to · 5h

Mark Wyner Won’t Comply @markwyner@mas.to

Curious what y’all call this type of form input. I have my own name (won’t share just yet as to not taint the answers), but I rarely find that everyone uses the same name for it.

While I’m primarily targeting UI designers/developers, I’m happy to see answers from anyone.

What do y’all call it?

HTML search input with a partially-typed phrase that reads “some information oth.” There is a typing cursor after the “h.” Below the input is a menu with a list of words that match the typed phrase, each extending beyond the input phrase to reveal the words “othello,” “other,” “othering,” and “otherworldly.”

#UI #Design #Development

Continued thread

**CSS by T. Afif** @css@front-end.social · 6h

CSS by T. Afif @css@front-end.social

And here is the CSS logo made with the shape() function.

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

Take a deep breath before looking at the code

#CSS #HTML

**Ténno Seremél’** @tennoseremel@gts.skobk.in · 7h

Ténno Seremél’ @tennoseremel@gts.skobk.in

Когда‐то давно, но не очень давно, люди, работающие над HTML, всё‐таки решились и запилили элемент <details> для спойлеров. Но есть нюанс: в параграф, куда его очень часто и хотелось бы запихать, его не поместить — парсер выплюнет наружу. А вот в XHTML такой фигни с парсингом не было и нет

<p>Вот что я тебе скажу, птичка: <details>Спойлерный текст.</details></p>

превращается в:

<p>Вот что я тебе скажу, птичка: </p>
<details>Спойлерный текст.</details>
<p></p>

Так и живём.

А, и да. Текст по умолчанию (когда нет <summary>) не локализуется. Чтобы не расслаблялись

#lang_ru #html #xhtml

**ENTER.CO** @ENTERCO@mastodon.social · 10h

10h

ENTER.CO @ENTERCO@mastodon.social

Microsoft lanza plataforma gratuita para aprender programación desde cero https://www.enter.co/especiales/dev/microsoft-lanza-plataforma-gratuita-para-aprender-programacion-desde-cero/?utm_source=dlvr.it&utm_medium=mastodon #AIDev #css #html

**iamdtms** @iamdtms@mas.to · 10h *

10h *

iamdtms @iamdtms@mas.to

HTMLemoji #html #emoji - #copy & #paste
Based on Unicode Emoji List v16.0
2023 - 2025
https://htmlemoji.eu

**Jay** @jsit@social.coop · 10h

10h

Jay @jsit@social.coop

I know we're "not supposed to" use divs but blindly using section instead is probably even worse #webdev #html

**Jen Kramer** @jen4web@mastodon.social · 11h

11h

Jen Kramer @jen4web@mastodon.social

With improved #HTML elements, #CSS properties, and browser support, accordion panels, modal windows, and light/dark theme switching no longer require JavaScript. My new #LinkedInLearning course explains how! https://www.linkedin.com/learning/modern-css-techniques-without-javascript/

LinkedInModern CSS Techniques without JavaScript Online Class | LinkedIn Learning, formerly Lynda.comLearn how to create and implement accordion panels, modal windows, hamburger menus, and light/dark color schemes using only HTML and CSS.

**Michael Houmann** @michaelhoumann@c.im · 12h

12h

Michael Houmann @michaelhoumann@c.im

#100DaysOfCode day 22:
Haven't updated thin for a few days. Not much coding, looked a little on a tutorial about #CSSAnimation, but I decided to take care of myself instead of thinking about #code and #math.

#HTML #CSS #JavaScript

**Wildeng** @wildeng@fosstodon.org · 13h

13h

Wildeng @wildeng@fosstodon.org

I just discovered that my personal website, made using #jekyll works quite well on a browser I love ;) #links

#internet #staticwebsite #html

**Habr** @habr@zhub.link · 14h

14h

Habr @habr@zhub.link

Эволюция конструктора email-рассылок Mindbox: от шаблонов с минимальными настройками до комбайна на собственном языке

Всем привет, на связи Петр Никитин, frontend-разработчик Mindbox. Mindbox — это платформа автоматизации маркетинга. Одна из задач, которую наши клиенты решают с помощью нее — запуск email-рассылок и сценариев. Чтобы облегчить им задачу и не заставлять маркетологов писать HTML-код, мы разработали конструктор рассылок: письмо собирается из готовых блоков, а содержание можно настраивать под свои задачи. В этой статье я расскажу про процесс разработки конструктора, с какими вызовами мы сталкивались и как находили решения. Например, почему в какой-то момент мы решили, что нам тесно в рамках HTML и решили поменять способ разметки шаблонов, а для этого понадобился собственный язык на базе C# — Quokka Mindbox

https://habr.com/ru/companies/mindbox/articles/907250/

ХабрЭволюция конструктора email-рассылок Mindbox: от шаблонов с минимальными настройками до комбайна на собственном языкеВсем привет, на связи Петр Никитин, frontend-разработчик Mindbox. Mindbox — это платформа автоматизации маркетинга. Одна из задач, которую наши клиенты решают с помощью нее — запуск email-рассылок и...

#mindbox #emailрассылки #конструкторы

**Frontend Dogma** @frontenddogma@mas.to · 20h

20h

Frontend Dogma @frontenddogma@mas.to

Default Styles for “h1” Elements Are Changing, by @zcorpan (@mdn):

https://developer.mozilla.org/en-US/blog/h1-element-styles/

MDN Web DocsDefault styles for h1 elements are changing | MDN BlogBrowsers are starting to roll out changes in default UA styles for nested section headings. This post describes the incoming changes, how to identify if it's an issue on your websites, and hints for conformant and better-structured pages.

#html #css #headings

**Frontend Dogma** @frontenddogma@mas.to · 1d

Frontend Dogma @frontenddogma@mas.to

Test Your Skills: HTML Accessibility, by @bsmth (@mdn):

https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Accessibility/Test_your_skills/HTML

MDN Web DocsTest your skills: HTML accessibility - Learn web development | MDNThe aim of this skill test is to assess whether you've understood our HTML: A good basis for accessibility article.

#html #accessibility #quizzes

**Inautilo** @inautilo@mastodon.social · 1d

Inautilo @inautilo@mastodon.social

#Development #Guides
The HTML ‘code’ element · A meta guide to ‘code’ without showing code https://ilo.im/163ox6

_____
#HTML #Markup #Markdown #Code #WebStandards #WebDev #Frontend #JavaScript

**Leanpub** @leanpub@mastodon.social · 1d

Leanpub @leanpub@mastodon.social

Modern Thymeleaf Bundle https://leanpub.com/b/modern-thymeleaf-bundle by Wim Deblauwe is the featured bundle of ebooks on the Leanpub homepage! https://leanpub.com wimdeblauwe@mastodon.social #Java #Html #WebDevelopment #Software #Javascript #books #ebooks

**CSS Basics** @cssbasics@hachyderm.io · 1d

CSS Basics @cssbasics@hachyderm.io

Lessons Learned from Recreating a Styled Dialog: "Sometimes pretty simple #HTML elements have a lot of things to consider and take care of, from interactivity, styling, accessibility, and more." https://frontendmasters.com/blog/lessons-learned-from-recreating-a-styled-dialog/

frontendmasters.comLessons Learned from Recreating a Styled Dialog – Frontend Masters BlogSometimes pretty simple HTML elements have a lot of things to consider and take care of, from interactivity, styling, accessibility, and more.