pablolarahSpring Sale 2026
🏠 Open House
by @joshwcomeau
→ Absolute Positioning
→ React key gotchas
→ Transforms in Canvas
#FreeLessons #css #webdev #Course #js
https://courses.joshwcomeau.com/css-for-js/open-house/00-welcome
GuerzToday’s curriculum:
- build desk organizer-laptop/monitor stand w/ side hostlers for utensils
- hand write notecards for #freecodecamp #html Review
- begin and complete #freecodecamp ’s Computers
- begin #w3schools #html & #css tutorial
- do more #encodeios for refresher
- #debloat #irl - rearrange for better study environment
- #Yoga , #jumprope , & walk
- Set up #Buffer to make posting easier and so i can focus more of my time on my studies.
Bonus:
- set up #vinyl decks and and mixer
- stream on twitch https://twitch.tv/Guerz , vinyl assessing and uploading to #discogs
Justin FerrellTell me it’s been forever since you’ve built a #CSS grid without telling me it’s been forever since you’ve built a CSS grid. #webDev
16-Week Self-Administered #webdev #roadmap #progressupdate :
• Consistent practice with #html #css and introductory #javascript
• Improved workflow: #cli usage, editor efficiency, structured study cycles
• Increased focus on retention vs passive consumption
Noticing better recall and faster problem-solving on repeat concepts.
• Consistent practice with #html #css and introductory #javascript
• Improved workflow: #cli usage, editor efficiency, structured study cycles
• Increased focus on retention vs passive consumption
Noticing better recall and faster problem-solving on repeat concepts.
HabrЧтобы не выглядело как пет-проект»: как я в одиночку сделал премиальный интерфейс кино-сервиса (с кодом)
В прошлой статье я рассказывал, каково в одиночку тащить фуллстек-проект, который разросся до кино-соцсети. В комментариях несколько раз спросили про конкретику — «покажи код», «как сделал, что не выглядит как очередной пет-проект». Логично: дизайн — это то, по чему встречают. Поэтому держите вторую часть, уже техническую и с кодом. Без маркетинга, только решения, которые реально сделали интерфейс «дорогим», и пара бэкенд-хитростей в довесок. Сразу дисклеймер: я не дизайнер. Всё нажито методом «смотрю на референсы (Letterboxd, Mubi, KinoPoisk HD) и пытаюсь повторить ощущение». Оказалось, премиальность — это не про дорогие шрифты, а про несколько повторяющихся приёмов. Разберём пять. 1. Акцентный цвет из постера фильма — фича, которая дороже всего «продаёт» Самое заметное решение. Раньше у меня на всех страницах был один статичный фиолетовый акцент — и это выглядело дёшево и одинаково. Идея: пусть каждая страница фильма подсвечивается доминантным цветом его постера. Заходишь на мрачный нуар — интерфейс уходит в холодный синий, открываешь комедию — тёплый янтарь. Страница будто «сделана под этот фильм». Делается без всяких ML, прямо в браузере через canvas: рисуем постер в крошечный буфер 32×48, усредняем цвета (выкидывая чёрные рамки и серость), переводим в HSL и принудительно «насыщаем», потому что постеры часто тусклые. Результат кладём в CSS-переменную — и весь интерфейс подхватывает её.
https://habr.com/ru/articles/1037818/
#Nextjs #React #CSS #glassmorphism #canvas #Web_Push #VAPID #FastAPI #петпроект #vibemuvik
Чтобы не выглядело как пет-проект»: как я в одиночку сделал премиальный интерфейс кино-сервиса (с кодом)
В прошлой статье я рассказывал, каково в одиночку тащить фуллстек-проект, который разросся до кино-соцсети. В комментариях несколько раз спросили про конкретику — «покажи код», «как сделал, что не...
floIch finde diese verschiedenen Spamschutz-Maßnahmen, um E-Mail-Adresse auf Internetseiten vor Crawlern zu "verstecken", spannend:
https://spencermortensen.com/articles/email-obfuscation/
Allerdings erfordern die alle, dass man selbst im HTML-Quelltext schreiben kann.
Wenn ich nun ein CMS habe, in dem ich nicht das HTML, sondern ausschließlich Markdown schreiben kann, wie verhält es sich da mit den vorgestellten Lösungen, bzw. wie können die in Markdown "umgeschrieben" werden?
#Followerpower #WebDev #EMail #EMailVerschleierung #Spamschutz #HTML #CSS #JS #Markdown #SpencerMortensen
https://spencermortensen.com/articles/email-obfuscation/
Allerdings erfordern die alle, dass man selbst im HTML-Quelltext schreiben kann.
Wenn ich nun ein CMS habe, in dem ich nicht das HTML, sondern ausschließlich Markdown schreiben kann, wie verhält es sich da mit den vorgestellten Lösungen, bzw. wie können die in Markdown "umgeschrieben" werden?
#Followerpower #WebDev #EMail #EMailVerschleierung #Spamschutz #HTML #CSS #JS #Markdown #SpencerMortensen
RE: https://mastodon.social/@firefoxwebdevs/116607099768026692
Jake Archibald
@jaffathecake
on CSS style() queries landed in Firefox 151
#css #webdev #stylequeries
CSS by T. Afif 
randomMDN🦖 light-dark() CSS function
☑️ Newly available (from May 2024)
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/light-dark
The light-dark() CSS function accepts two colors or two images and returns a color or an image based on the active color scheme, without needing a prefers-color-scheme media feature.
Веб-стандартыState of CSS 2026. Devographics запустили ежегодный опрос о состоянии CSS, в этом году с меньшим числом CSS-возможностей, чтобы его можно было завершить. Команда сосредоточилась на самом важном: от раскладки, селекторов и типографики до интерактивности и форм. Опрос займёт 15–20 минут и поможет понять, как разработчики используют современный CSS. Не забудьте проголосовать за любимые ресурсы и добавить всё новое в список чтения. #css #survey
https://survey.devographics.com/en-US/survey/state-of-css/2026
