Masthash

#webdev

Jack Brewster
4 hours ago

Dear #webdev: If you give me search results, let me open the results in new tabs. Your javascript-link-that-isn't-a-link nonsense isn't clever or helpful. I can manage multiple tabs, I promise.

Webdev Weekly
5 hours ago

I did a service to learn fetch(), promises etc. in Javascript

http://apitest.online/

Discussions: https://discu.eu/q/http://apitest.online/

#javascript #learnjavascript #programming #webdev

Aaron In Iowa
7 hours ago

Nice! I got the volume slider functional. Styling `input type="range"` elements is still a bit of a pain, but its doable! https://codepen.io/aeischeid/pen/PoaxEKe

#css #webdev #synthwave

screenshot of playable css art casio pt-1 portable toy synth
mfjurbala
7 hours ago

Does anyone know of free audiobooks for #javascript, #webdev, or #programmig and #coding in general?

I there's none that are free I could probably buy a couple on audible too.

Caryn Angelique
8 hours ago

Repeating this for people in my own hemisphere!

So where are my people at on Mastodon? I’m into #writing, #horses (#dressage,) #cooking and #baking (#glutenfree,) #dogs (#agility,) (#webdev,) #decluttering, #music (#dance, #jazz, #classicalmusic,) #basketball (#MSU, #Suns,) #bellydance (former pro & teacher,) #gardening (#fruit #trees, #roses,) and I’m chemically-sensitive and run a Facebook group for other people with #mcs called #CanaryChat.

Amadeus Maximilian
8 hours ago

Just spent my afternoon doing quick fixes on my PWAs after Chrome v108 changed the behaviour of the visual viewport when the soft keyboard is shown on Android. 😊

This page has some pointers in case you’re interested in what’s going on and / or want to react to the change: https://developer.chrome.com/blog/viewport-resize-behavior/#changing-the-default-behavior-in-chrome-108

#webdev

Webdev Weekly
9 hours ago

I Created a Fun Free App Where You Spend Elon Musks' Money on Whatever you Want!

https://human3x.dev/spend-their-money

Discussions: https://discu.eu/q/https://human3x.dev/spend-their-money

#reactjs #webdev

The Spicy Web
9 hours ago

We really think this is a fantastic introduction to writing semantic #HTML page structures:

“How to transfigure wireframes into HTML”
by Lara Aigmüller

> Our goal for today is to build an HTML prototype for an online newspaper homepage, “The Weekly Prophet”. The only information we have is the following wireframe…

https://www.htmhell.dev/adventcalendar/2022/1/

#WebDev

11 hours ago
Greenvahn
12 hours ago

🖥️ Hello world!

Hi everyone, this is my first toot! I was long time Twitter user and I'm ready to explore the Fediverse. More about me on my description.

Thanks to @nicdex for hosting this community and all its supporters.

See you around :)

#introductions #javascipt #webdev #games #drawing

KubikPixel™
12 hours ago

I see some new stuff to learn and made @delta to a versatile open and secure platform.

»webxdc :web apps shared in a chat«

⚙️ https://webxdc.org

--
#webdev #deltachat #javascript #html #webxdc #webapp #chat

KubikPixel™
15 hours ago

Wow, das ist wohl der Preis der Popularität. Ich vermeide #Wordpress und finde das einen ganz üblen Haufen von #Code und dessen #Plugins auch (als ich das letzte mal darauf guckte). Es gibt so viele elegantere und schlankere Alternativen aber an denen trauen sich scheinbar die Menschen nur zögerlich.

»Wordpress: Attackiert schon während der Installation«

👾 https://www.heise.de/news/Wordpress-Attackiert-schon-waehrend-der-Installation-7364588.html

--
#webdev #cms #web #website #entwicklung #dev #infosec #security #websecurity

dragfyre
17 hours ago

Which of these languages would you prefer to use to create an #ActivityPub-enabled #Fediverse app? And if you think you can explain why, then why?

#Mastodev #webdev #AskFedi #Polls

Sebu
18 hours ago

For example, passwords of a normal user-facing web application stay the same for years, so naturally require a strong hashing algorithm to be secure. However, session IDs may be limited to a month or less. Does this impact the choice of hashing algorithm in any way?

Considering that session IDs are verified on every request, it would be nice to safe some resources when doing verification.

#infosec #security #webdev

Mark Codes the Web
19 hours ago

Any good recommendations for blog feeds to add to my reader? I’m interested in #WebDev, #Comics, #horror, #ShortFiction, #Humor, and really anything interesting to read. What blog is your favorite to follow?

Justin Ferrell
21 hours ago

I can’t say enough good things about the #htmhell advent calendar from @matuzo. I think this first post, truly, encapsulates what separates experienced folks in #webdev from the new recruits. Being able to think and see in boxes *and* know which boxes to use and when is so much more important than we all collectively give it credit for. It’s the foundation for every piece of #webperf and #a11y we touch. It all comes down to boxes and what’s in them https://www.htmhell.dev/adventcalendar/2022/1/

Kevin Yank
22 hours ago

Great GOVUK post shared by @SaraSoueidan on Twitter explaining why, for most use cases, you want <input type=text inputmode=numeric> and not <input type=number>:

https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/

#a11y #html #webdev

Stephen Belovarich
23 hours ago

If you want to learn how to handle #accessibility for #webcomponents I devote a chunk of my book Fullstack Web Components to that very topic!

It's a book for #frontend #webdev that includes hands-on exercises where you'll code a #UI library and build a #webapp with #webcomponents, learning best practices along the way.

https://www.newline.co/courses/fullstack-web-components

Stephen Belovarich
23 hours ago

It always feels good to score 100% #a11y score on a project I'm working on. This project involved a lot of tabindex wrangling, focus trapping a modal, and more. Should work pretty good with a screen reader although still some issues in certain browsers. Squashed most of the bugs, onto server-side rendering and enhancing performance. #webdev

See for yourself at https://tinyurl.com/z4smvux5

Wille
1 day ago

#WebDev has come a long way since I last tried it.

Simounet
1 day ago

Setting up a screen reader testing environment on your computer // #webdev #a11y
https://www.sarasoueidan.com/blog/testing-environment-setup/

Don McCurdy
1 day ago

Reading and writing API documentation for TypeScript packages caused a lot of "this could be better" feelings for me over the years. Finally wrote some of those thoughts into a blog post:

https://www.donmccurdy.com/2022/12/03/improving-api-documentation-in-typescript-pt-1/

#typescript #javascript #webdev

Webdev Weekly
1 day ago
Codedevil
1 day ago

Building side projects is always a great way to learn and increase confidence in your abilities and skills. ⚡

What are the problems you face and the things you learn to overcome along the way?

#programming #webdev #coding #sideprojectsunday #sideproject

Luke Dorny
1 day ago

“The web is a hot mess.” …thankfully.
Remembering the guideposts we all established along the way:
Resilient Web Design by @adactio Jeremy Keith:
https://resilientwebdesign.com/chapter4/ #webDev #webDesign

https://fosstodon.org/@krinkle/109450475445320736 cc Timo 🙌 @krinkle

Tane Piper
1 day ago

I'd absolutely go see some of these #webDev talks

Number 10 is me

#ChatGPT

Give me 10 funny suggestions for conference talks for a web development conference

1. "A Beginner's Guide to Coding While Drunk"

2. "Why JavaScript is the New Bacon: The Importance of Adding Flavor to Your Code"

3. "CSS for Cats: How to Style Your Feline-Friendly Website"

4. "The Art of Debugging: How to Find and Fix Your Code's Flaws"

5. "JavaScript Kung Fu: How to Defend Your Website from Evil Hackers"

6. "The Power of Emoji in Web Design: How to Add Some & to Your Site"

7. "The Future of Web Development: How to Code for Virtual Reality and Augmented Reality"

8. "Web Accessibility for Dummies: How to Make Your Site User-Friendly for Everyone"

9. "The ABCs of HTTP: How to Speak the Language of the Web"

10. "The Power of Procrastination: How to Be Productive by Putting Things Off Until the Last Minute"
Mike Hall
1 day ago

Native typing coming to Javascript! But it's not enforced by the browser, just annotations that a 3rd party tool like your IDE can enforce. I mean maybe it's better than nothing, but I think we'll be sticking with Typescript, thank you very much.

https://dev.to/christopherkade/goodbye-typescript-hello-native-typing-for-javascript-3ee1

#JavaScript #typescript #ecmascript #WebDev #webdevelopment #webdeveloper #webdevelopers

mfjurbala
1 day ago

I started trying to make daily git commits to get in the habit of #learning #webdev every day. It's encouraging to see a solid wall of squares on #codeberg, but there's days when I'm exhausted, and the commit is something tiny, like adding a comment.

Is the daily routine worth it if there's commits that are basically useless? Or should I just skip those and try for more substantial work the next time?

I'm at about a 22-day streak right now.

Webdev Weekly
1 day ago
Timo Tijhof
1 day ago

Resilient Web Design, by Jeremy Keith @adactio.

Great history book on some of the lesser well known phases we went through to get where we are, and what (I hope) we learned from it in terms of principles.

"""
Even if you made a mistake, the browser’s implementation of Postel’s Law ensured that you’d still get a result. Surprisingly, there was an attempt to remove this superpower [..]
"""

https://resilientwebdesign.com/chapter4/

#historylesson #HTML #WebHistory #webdev #PWA

Tane Piper
1 day ago

I've noticed more and more websites just breaking with #AdBlock on - JUST F*CKING STOP IT

#WebDev

A totally broken website broken by adblock
Simounet
2 days ago
Kyle Anderson 💙🌼✊
2 days ago

I'd love to eek out some creative hypothetical responses from #ChatGPT someday. 600+ level HTTP status codes ain't happening today, though!
#OpenAI #webdev

Caryn Angelique
2 days ago

So where are my people at on Mastodon? I’m into #writing, #horses (#dressage,) #cooking and #baking (#glutenfree,) #dogs (#agility,) (#webdev,) #decluttering, #music (#dance, #jazz, #classicalmusic,) #basketball (#MSU, #Suns,) #bellydance (former pro & teacher,) #gardening (#fruit #trees, #roses,) and I’m chemically-sensitive and run a Facebook group for other people with #mcs called #CanaryChat.

Geoff Rich
2 days ago

Day 2 of Advent of Vue in #SvelteKit: a Christmas Joke Generator.

Pretty happy with the progressive enhancement story on this one:
- SK server-renders the page
- the joke reveal is a details/summary that will work without JS
- the "new joke" button refreshes the page via a form submit
- when JS _is_ available, the details expansion is animated, and the page refreshes client-side

#Svelte #WebDev

Challenge: https://github.com/Advent-Of-Vue/aov-joke-generator
Code: https://github.com/geoffrich/advent-of-sveltekit-2022/blob/main/src/routes/day/2/%2Bpage.svelte
Demo: https://advent-of-sveltekit-2022.vercel.app/day/2

Screenshot of a Christmas Joke Generator. Q: Why does Santa go down the chimney? A: Because it soots him.
2 days ago

are #qwik and #astro production-ready or still experimental technology? would you use them for something big and important? #webdev #frontend

Webdev Weekly
2 days ago

If you haven't worked with TypeScript yet it's a good time to get started now. I prepared an intro that covers the most important points to React with TS. Including a few embedded exercises for you to practice.

https://profy.dev/article/react-typescript?hp=22120220

Discussions: https://discu.eu/q/https://profy.dev/article/react-typescript?hp=22120220

#programming #reactjs #typescript #webdev