#webdev
A new day, a new video!
One of the cool things about using shadow DOM inside your #WebComponents is you can separate your internal component’s structure and functionality from the consuming usage of the component (aka “light DOM”) using slots.
In this video I show you how to set up a MutationObserver so you can monitor any changes to child content in a slot and update your UI in real-time. And you’ll learn a bit more about vanilla DOM APIs along the way!
I'm giving a lunch talk presentation to my old code bootcamp tomorrow and my theme/title is "Applications, Interviews, and Early Career Challenges". Any insights or advice you'd want to share with your past self?
#frontend #developer #software #code #development #web #webdev #javascript #programming
Supposedly, studies say that the ideal width for paragraphs of text is somewhere between 50 and 70 letters wide.
Hugo can automatically generate a table of contents for a page. I've always wanted to do that thing where it sticks to the side and follows you down when you scroll. Stretching the tutorial to the full width of the page would make the paragraphs uncomfortably wide anyway, so I might as well limit its width and use the extra space for the table of contents.
↘ Contains:
#Wip #Webdev #NSFW #Porn #Hentai #Hugo #Design #Css #project_Website
This is still one of my favourite website ever:
https://solar.lowtechmagazine.com/
Why we added package.json support to Deno
https://deno.com/blog/package-json-support
Discussions: https://discu.eu/q/https://deno.com/blog/package-json-support
Progressive Application Development with Hotwire
https://www.akshaykhot.com/progressive-application-development-with-hotwire/
Discussions: https://discu.eu/q/https://www.akshaykhot.com/progressive-application-development-with-hotwire/
Air-light WordPress starter theme v9.3.2 released! :neon_skull:
This release is brought to you by 4 contributors and financed by @dude. I'm so happy I can do this for a living. :bunhdheart:
Changelog:
* When page is loaded with "s" in url parameters try to set focus to search input field (kudos to EliasKau)
* Calculate mobile nav top and height in js when there are air notificans present (kudos to @Tumppex)
* Fix irregularities with keyboard navigation #175 (kudos to @michaelbourne!)
* Fix navigation focus trap #175 (kudos to @michaelbourne!)
* Stylelint: Add number-leading-zero from devpackages
* Fix navigation issues #177 (kudos to @michaelbourne!)
WordPress theme directory: https://wordpress.org/themes/air-light/
Source code: https://github.com/digitoimistodude/air-light/releases/tag/9.3.2
Demo: https://airwptheme.com/demo/
#WordPress #wpfi #DigitoimistoDude #WordPressThemes #WordPressStarterTheme #WebDev #CSS #PHP #WordPressFinland #WordPressTheme
#Business #Design #Development #Guidelines
Are you making these five mistakes when writing alt text? · The advice ‘describe what you see’ may seem simple, but it’s not https://ilo.im/11syvw
_____
#SocialMedia #SEO #WebDesign #WebDevelopment #WebDev #Website #Blog #Content #Image #AltText #Accessibility #A11y #ScreenReader
People keep reinventing IBM 5250 terminal…
https://github.com/dai-shi/wakuwork
#webdev #webdevelopment #retrocomputing #nih
New article: With or without the JS framework
Is it really that unusual for a frontend developer not to use a JS framework?
https://www.silvestar.codes/articles/with-or-without-the-js-framework/
There's rarely a page I mark up that doesn't have me wishing that the long-since proposed <lt>/<lc>/<lh> tag were adopted. The …
<p>In the Power of Love, FGTH sang about:</p>
<ul>
<li>flowers</li>
<li>pearls</li>
<li>pretty girls</li>
</ul>
… pattern is ubiquitous yet has always felt awkward compared to:
<ul>
<lt>Frankie says:</lt>
<li>live those dreams</li>
<li>scheme those schemes</li>
<li>hit me with those laser beams</li>
<li>relax</li>
</ul>
The Helpful XPath Cheat Sheet Every Web App Developer Needs
https://www.stationx.net/xpath-cheat-sheet/
Discussions: https://discu.eu/q/https://www.stationx.net/xpath-cheat-sheet/
Zero downtime Rails migrations with the PlanetScale Rails gem
https://planetscale.com/blog/zero-downtime-rails-migrations-planetscale-rails-gem
Discussions: https://discu.eu/q/https://planetscale.com/blog/zero-downtime-rails-migrations-planetscale-rails-gem
.@jherr puts out consistently excellent videos about #ReactJS and #webdev. For example this one about the React's new cache function. Highly recommended! https://www.youtube.com/watch?v=T3m-MZkuadU
I actually like writing web server based software, I even like doing HTML based UIs. What I really dislike is CSS, by all its power it's a trainwreck to happen.
SASS and LESS and the rest of the tools only make it fractionally better and they add another lever of fuckery to the mix.
Sometimes I look back at the time when notepad was enough to build a website — I can do without table layouts, though (and spacer.gif).
#html, #sass, #webdev
#Development #Outlooks
The end of front-end development · Things are going to change, but not in the scary way people are saying https://ilo.im/11t8v2
_____
#Job #AI #GPT4 #ChatGPT #ChatBot #WebDevelopment #WebDev #Code #Frontend #HTML #CSS #JavaScript #Skills #Productivity
vore - a simple rss/atom feed reader
Discussions: https://discu.eu/q/https://vore.website
#Signals are just the reactivity model from #Solid, #MobX, #Ember, #Knockout, et al. It pushes a notification with an #observable-like mechanism that something has changed, there’s a dependency graph (implicit or explicit) that is notified. Then, it schedules a pull to calculate values. #ReactJS #Preact #javaScript #webDev #frontend
The End of Front End Development — @joshwcomeau #webdev
https://www.joshwcomeau.com/blog/the-end-of-frontend-development/
TypeScript cannot emit valid ES modules due to file extension issue (2020)
https://github.com/microsoft/TypeScript/issues/42151
Discussions: https://discu.eu/q/https://github.com/microsoft/TypeScript/issues/42151
How GoodJob's mountable Rails Engine delivers Javascript importmaps and frontend assets
Just realized that I didn't add back the Mastodon verification link on my website when I updated it 😅
(If your website has a link to your #Mastodon profile with the attribute rel="me", it will have a green checkmark on your profile!)
Why use Rust on the backend? by @adam_chal is a great read from someone who actually does use Rust in production.
When you're a dev and you have to work on code you wrote 17 years ago... 🤮
Even worse when you have to try to change it to do something else, but all you want to do is burn the whole internet down so no one will ever see what you did!
I'm THAT old my old code could have grandchildren by now.
Upside: the customer is still a customer after all this time.
Downside: they don't have the funds to regularly update their site, which is a community project and gets a massive number of visitors and is in desperate need of an upgrade.
#developer #webDev #developersDilemma #legoZombie #devZombie #php
Has anyone in #IT, #TechSupport, #CyberSecurity, #WebDev, and/or #developer folks had any kind of luck with Per Scholas? It seems like exactly the sort of program I'm seeking to further my career.
💎 Invisible Ink: A Ruby Gem for encrypting personal notes
https://github.com/stevepolitodesign/invisible_ink
Discussions: https://discu.eu/q/https://github.com/stevepolitodesign/invisible_ink
Django 4.2 release candidate 1 released
https://www.djangoproject.com/weblog/2023/mar/20/django-42-rc1/
Discussions: https://discu.eu/q/https://www.djangoproject.com/weblog/2023/mar/20/django-42-rc1/
#Development #Tools
Make Bookmarklets · A web tool that helps you build tiny JavaScript apps stored in a bookmark url https://ilo.im/11rs61
Over the weekend, I did some #webdev for my #blog at https://jaseg.de . I built some #css for pretty code listings. The HTML contains pretty standard pygments output, and the CSS automatically adds line numbers. Lines are dynamically wrapped to the screen width, and line breaks are indicated with little arrows in the line number column. OS-level dark mode settings are respected through a media query. Everything works without any JS.
You only need one function for functional programming in Python and that's `reduce` - here's all the things you can do with it https://betterprogramming.pub/reduce-the-power-of-a-single-python-function-21f9aaa2c18e #Python #programming #DataScience #webdev
Okay so, I have a webpage that just uses only CSS variables for its colors, and all the elements have a transition for the background color
When changing the theme, I simply swap out an attribute value in the HTML element for the CSS selector that contains the CSS variables for the corresponding theme
However, while changing themes, the CSS transitions just don't seem smooth at all on mobile... Meanwhile on other websites that do similar don't have this issue
I'm confused :blobfoxnotlikethis:
Brilliant!!! Accessible Card Patterns: https://codepen.io/dewh2o/pen/rNZZdOd #a11y #webdev #webdesign #cards
Build dashboards fast! New Tremor v2.0 release
Discussions: https://discu.eu/q/https://www.tremor.so
This talk on keeping the eleventy config file organised by @lene is great!
https://www.youtube.com/watch?v=nlaN-mifrWk
Highly recommended to any #11ty folk on here, who, like me, might have been dealing with an increasingly cluttered config (and not doing anything to remedy it 😅)
Lene even shares some neat tips on simplifying the addPassthroughCopy method which passes through static files to the output folder.
Web Development recap for week 11/2023
https://discu.eu/weekly/webdev/2023/11/
#css #javascript #nodejs #programming #typescript #webassembly #webdev
Get RSS feeds and support this bot with the premium plan: https://discu.eu/premium
Wanted: Frontend Engineer - Accessibility, at Quansight https://boards.greenhouse.io/quansight/jobs/4225822005 #webdev #a11y #jobs
Speeding up the JavaScript ecosystem - npm scripts
https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-4/
Discussions: https://discu.eu/q/https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-4/
Say Goodbye to Messy Console Output with this simple trick!
https://www.youtube.com/watch?v=XE4Y2ctk71c
Discussions: https://discu.eu/q/https://www.youtube.com/watch?v=XE4Y2ctk71c
“If your site has a favicon when you launch, you launched too late.” — Marc Köhlbrugge
_____
#Design #Development
#ProductLaunch #ProductDesign #UiDesign #WebDesign #WebDevelopment #WebDev #Frontend #Website #Favicon #Quotes
Dear devs,
It's NEVER ok to create accounts for a webapp that require an email address, unless you validate that address first.😡
Every week, I get someone signing up for some kind of site with my email address without my consent.
And most of those sites make it difficult if not nearly impossible to stop their transactional #email.
:boost_love: Please boost for basic education.
Here's a regular reminder to check how your website impacts the planet. 🌍
Evolving custom sliders https://www.tpgi.com/evolving-custom-sliders/ #a11y #webdev #aria #html
Didn't have time to recommend @ben talk on "Hijacking Screenreaders with CSS" at #axecon yet. Great deepdive into SR mechanics with unexpected outcomes.
"Browsers don't create the #accessibility tree, they curate it!"
Dew Drop – March 20, 2023 (#3903)
Today's top links:
- A principled approach to app pinning and app defaults in Windows
- What you should know about Angular Ivy
- Bing preview release notes: Bing in the Edge sidebar
- A first look at Blazor and .NET 8
- The Download: GPT-4 is here, GitHub Galaxy, curl turns 25, ClippyGPT and more with @film_girl
https://www.alvinashcraft.com/2023/03/20/dew-drop-march-20-2023-3903/
#dotnet #webdev #csharp #mobiledev #windowsdev #visualstudio #ai #cloud #dewdrop
hey when you're gluing apis together don't forget to check the body of the error responses coming back from your endpoints or you might lose TWO FREAKING HOURS to a FREAKING MISSING USER AGENT HEADER AAAAAAAAAAAAAAAAAAAAAAAAAAAAA
dear #github please put "did you forget a user agent header" in your api troubleshooting docs some of us are very stupid
Send large files from frontend to the backend
https://hsnice16.medium.com/send-large-files-from-frontend-to-the-backend-2f5f2414cc7c
Discussions: https://discu.eu/q/https://hsnice16.medium.com/send-large-files-from-frontend-to-the-backend-2f5f2414cc7c