#WebDev
@izaya I mean I know how to do something similar with a @Raspberry_Pi or similar...
Maybe use some https://nwjs.io and maybe learning to use @nextcloud's #API's [incl. #CalDAV] to make a "smart alarm clock"...
Sadly I'm not a good #WebDev like @fuchsiii and I can't stand all the #GAFAM spy hardware, so my condo stays stupid... https://www.youtube.com/watch?v=JsTxKgB0qqA
#Design #Development #Evolutions
2023 state of design systems and where we take them next · How far design systems have come and where they are heading https://ilo.im/11x65a
“Design systems continue to stick around and will likely stick around until there is a new buzzword for them.” — Ian Frost
_____
#DesignSystem #UiDesign #DigitalDesign #WebDesign #WebDevelopment #WebDev #AI #WebComponents #Frontend #HTML #CSS #JavaScript
002: Rails 7.1 Preps For CPKs & Async Records Destruction [Podcast] 🎙️
https://share.transistor.fm/s/6b134751
Discussions: https://discu.eu/q/https://share.transistor.fm/s/6b134751
Finally tinkering with frontend stuff again 🎉 – not just messing around with third-party WordPress themes, which has been the only “web dev” I’ve done in the last few years.
First task: create my own little starter package for @getkirby sites. Since my old and long abandoned “Website Template Starting Point” (https://github.com/MichaelvanLaar/Website-Template-Starting-Point) is totally outdated, I'm basically starting from scratch to get a nice, customized and mostly design-agnostic starter package that fits my personal needs.
New entry on the Sass Blog:
Sass and Native Nesting
vim mode on codepen works about 100x better than vim mode in VS Code 😒
react.gg - the interactive way to master modern React (limited private beta begins this summer)
Discussions: https://discu.eu/q/https://react.gg/
Created a simple YouTube downloader
https://www.tubemate4u.com/youtube
Discussions: https://discu.eu/q/https://www.tubemate4u.com/youtube
#Business #Design #Development #Launches
sqlTranslate · Easily translate SQL commands into natural language and vice versa https://ilo.im/11vh0y
_____
#Tool #WebDesign #WebDevelopment #WebDev #Backend #Database #SQL #NaturalLanguage #Translator #DataAnalysis
Mastodon Bird UI v1.3.4 released! :neon_skull:
Changelog:
* Accessibility: Fix focus for list toggle (thanks @MerriNet!)
* Accessibility: Fix focus ring on :focus-visible on column-links
* Add follow and unfollow hashtag icons (thanks for the idea @jaoler and @lari)
Source code: https://github.com/ronilaukkarinen/mastodon-bird-ui
Demo: https://mementomori.social
#OpenSource #Mastodon #MastodonBirdUI #CSS #UI #WebDev #MastoAdmin

This shit I've been working on this week is just full of black fucking magic, holy fuck
spooky-action-at-a-distance.js
“Heading off confusion: When do headings fail WCAG?” @davidofyork 2020. TPGi. (Found via @WebAxe.) https://www.tpgi.com/heading-off-confusion-when-do-headings-fail-wcag/
More than once i had the need to have some sort of separator on the tabs row in the browser (not all browsers have tab grouping)
Looked it up and there was one extension that added a blank tab whenever you needed.
As i usually want to avoid extensions, i went ahead and made a simple and silly thing that actually works for me 😅
If you had the same need give it a go it might be helpful for you too https://labs.binaryunit.com/tab-separator/
The Porkbun domain name registrar has an offer for a free .app or .dev domain for a year.
"Offer eligible for first-year standard registrations only on a .app or .dev domain. Limit one free domain per customer."
https://porkbun.com/event/freeappdevdomain?coupon=STACK23EMAIL&utm_medium=newsletter
I, #react dev of like 7 years, just learned something that seems very important and very basic. the effect apparently runs after the dom is rendered, so inside the effect, the ref is always defined? or is this a race condition and should not be relied on? #webdev
https://codesandbox.io/s/beautiful-herschel-181d1x?file=/src/App.js
![js source code for a react component that renders a div with a ref and logs ref.current both inside and outside a useEffect call. source code:
function Comp() {
const ref = useRef(null);
console.log("a", ref.current);
useEffect(() => {
console.log("b", ref.current);
}, []);
return <div ref={ref}>Hi</div>;
}](https://assets.toot.cafe/cache/media_attachments/files/110/107/900/105/688/827/small/a2f2935a26c615ae.png)
“PHP is the most used server-side programming language on the web. In fact, 79.2% of all websites rely on PHP to some degree” 😮 https://kinsta.com/php-market-share/ #PHP #webdev #stats
Can someone recommend a #chromium browser that’s not Edge (hate the interface + the auto updater app) or Brave (crypto BS and Brendan Eich is not a human I want to support)?
I’m currently trying out Blisk which I like for it’s #webdev focus. BUT for some reason it won’t allow me to share my screen in Google Meet which is critical for my job.
I’d be willing to use Chrome assuming the Mac version doesn’t have a update process running even when Chrome is closed anymore.
My blog post on creating landing pages with #ChatGPT got featured on the Superpath #ContentMarketing community.
Very happy about that!
You can check it out here: https://freshvanroot.com/blog/creating-landing-page-with-chatgpt/
Introducing Nori-Store: A Lightweight State Management Library for Web Applications
https://www.npmjs.com/package/nori-store
Discussions: https://discu.eu/q/https://www.npmjs.com/package/nori-store
>read documentation
>follow live examples to the letter
>frontend still doesn't work
sasuga, Kendo
ArozOS v2 nightly build just got a new color palette for <🌑 Dark Theme > mode 🙌 #webdev #webdesktop #opensource #Golang

Global Accessibility Awareness Day Hackathon: https://www.finos.org/hosted-events/2023-05-18-gaad-hackathon April 24 thru May 18 #hackathon #webdev #javascript #reactJS #GAAD
Dew Drop – March 29, 2023 (#3910)
Top links today:
- Understanding the .NET ecosystem: the intro of .NET Standard
- An intro to MS Graph SDK & how to create a to-do list using JavaScript
- 2 weeks left for the TechBash 2023 CFP
- How can I escape the disease-ridden hot tubs known as the TEMP & Download directories
- Telerik Blazor UI in native apps
- GitHub Actions extension for VS Code
https://www.alvinashcraft.com/2023/03/29/dew-drop-march-29-2023-3910/
#dotnet #ai #webdev #visualstudio #windowsdev #cloud #mobiledev #database #dewdrop
It's #Masstodon #POLL time!
In your #production #server
What #OS do you use?
Leave a comment detailing the distro or if it's SUSE.
#debian #rhel #ubuntu #fedora #almalinux #rockylinux #centos #windowsserver #windows #linuxmint #suse #opensuse #polltime #webserver #emailserver #syadmin #webdev #devops #infosec
I never understood Design handoff.
So much time wasted on documenting every little detail when in reality it won’t get implemented 1:1.
Design handoff is a sign that your designer and devs work in silos.
https://www.smashingmagazine.com/2023/03/best-handoff-is-no-handoff/
Tailwind CSS v3.3
https://tailwindcss.com/blog/tailwindcss-v3-3
Discussions: https://discu.eu/q/https://tailwindcss.com/blog/tailwindcss-v3-3
New liked #link: "YAML Multiline Strings" - Find the right syntax for your YAML multiline strings.
https://yaml-multiline.info/
#WebDev • #Otter
Adding draggable=“false” to an HTML element makes it not draggable.
This was new to me so I made some notes and examples at https://salferrarello.com/prevent-dragging-html-element/
Been thinking about recreating this "DNA Codon Scanning" animation from #StarTrekPicard in a web browser since Season 3's premiere.
Initially I thought I had to use JavaScript to constantly modify the svg DOMs, which could result in a poor overall animation performance. I think I've figured a way of doing it mainly with CSS & Math! Here is a teaser/demo video. Will integrate it into my next TitanEPS update :-)
#webDev #StarTrek #LCARS #FUI

We had the last official 'meet' of my dev cohort, "The 404's" today... and I was recogised in class with the "bold innovator" award! 🎉 #WomenWhoCode #LearnInPublic #WebDev

Mastodon Bird UI v1.3.3 released! :neon_skull:
Changelog:
* Hide navigation-panel scrollbars on Firefox on desktop
* Hide lists by default, show the list of lists on hover (thanks for the idea @laukanhenkka!)
* Order preferences menu before lists
* Add order to all desktop column-link items
Source code: https://github.com/ronilaukkarinen/mastodon-bird-ui
Demo: https://mementomori.social
#OpenSource #Mastodon #MastodonBirdUI #CSS #UI #WebDev #MastoAdmin

monoenv: better handling of multiple applications dotenv files in monorepos
https://github.com/omarahm3/monoenv
Discussions: https://discu.eu/q/https://github.com/omarahm3/monoenv
django-admin-site-search: A search (cmd+k) modal, for the admin, that searches your entire site
https://github.com/ahmedaljawahiry/django-admin-site-search
Discussions: https://discu.eu/q/https://github.com/ahmedaljawahiry/django-admin-site-search
#Development #Evolutions
Push notifications are now supported cross-browser · Finally, you can deliver timely and valuable notifications to your web users https://ilo.im/11z54f · by @tomayac
_____
#Browser #Chrome #Edge #Firefox #Safari #BrowserEngine #WebDevelopment #WebDev #Frontend #PWA #WebApp #PushNotifications
All these years, I've been writing 100 lines of CSS for a progress bar, while it is already natively available in all modern browsers
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress
Discussions: https://discu.eu/q/https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress
Rails 7.1 Improves Support for Custom Namespaces
https://blog.saeloun.com/2023/03/28/improve-support-for-namespaces
Discussions: https://discu.eu/q/https://blog.saeloun.com/2023/03/28/improve-support-for-namespaces
JS developers who focus on Single Page Apps are trying to rebrand standard web applications as “multi-page apps”. Don’t play along. Don’t use their words. Just call them web applications or web apps . SPAs are actually non-web apps if you think about it. They don’t actually leverage links, which are a key feature of the web.
We're still taking applications for our Senior Plugin Developer job. If you looked before, take another look - the job description has been updated to be clearer. You don't have to be an #a11y expert - just ready to build market-leading software.
Https://equalizedigital.com/devjob
Apply now if you're a #SoftwareEngineer, #SoftwareDeveloper, #developer, #webdeveloper, or #webdev who is interested in working on a meaningful product for a Certified B Corp in the #WordPress space. #devjobs
Very excited to join the board of the wonderful Teach Access. We need new generations of tech designers, developers, policy makers and more to understand the why, what, and how of accessibility. Teach Access plays a critical role! #a11y #webdev #HigherEd #HigherEduction #ux https://www.newswire.com/news/disability-rights-lawyer-and-author-lainey-feingold-joins-the-board-of-21995061
lmao. #react 18 has killed me. I forgot about this and was going nuts looking for the cause of the mysterious double run of effects with no dependencies #javascript #webdev
https://react.dev/reference/react/StrictMode

GitHub fires its entire India engineering team, over 140 employees hit
#Development #Techniques
Fighting inter-component HTML bloat · Ways to deal with an unwanted byproduct in design systems https://ilo.im/11xzob · by @elise
_____
#DesignSystem #Webperformance #WebPerf #WebDevelopment #WebDev #Frontend #HTML #Markup #Accessibility #A11y
Automatic code syntax highlighting on the web.
What are folks using these days?
Last one I used was https://prismjs.com
Curious what else is out there.
*Focus trapping* by inserting hidden elements at the beginning and at the end of the container. Whenever the focus reaches them, it get's moved.
```html
<a href="#">Outside</a>
<div class="focus-trap">
<focus-trap tabindex="0"></focus-trap>
<a href="#">Inside</a>
<focus-trap tabindex="0"></focus-trap>
</div>
```
https://codepen.io/fgeierst/pen/mdGoOPE
#a11y #webdev