#webDev

Ich bin auf Arbeit ja nicht nur Full Stack #Webdev, sondern auch Teamlead. Eine meiner Aufgaben (die ich mir selbst gegeben habe) ist, meinem Team teils die Fundamentals von Dingen zu erklären.

Einfach weil heutzutage (Durch Bootcamps, Tutorials und sonst was) viele in den Beruf gehen und direkt mit #Sass, #Symfony / #Laravel, #Vue / #React etc. anfangen. Ohne #CSS, #PHP, #HTML und #JavaScript im Kern richtig kennenzulernen.

Und jedes Mal, wenn ich eine solche Session hinter mir habe, fühle ich mich einfach gut. Meist egal wie es mir vorher ging, danach ist einfach eine positive Grundstimmung in mir.

Wenn ich irgendwann mal keine Lust mehr habe, selbst beruflich als Webdev zu arbeiten, werde ich definitiv versuchen irgendwo als Lehrkraft reinzukommen. Ich kann mir echt vorstellen, dass das etwas ist, mit dem ich glücklich und alt werden könnte.

#Coding

"Discovering the Power of JavaScript Proxy After All This Time - DEV Community" https://dev.to/marclipovsky/discovering-the-power-of-javascript-proxy-after-all-this-time-4627 #javascript #proxy #webdev

Look how stressed this man is, trying to understand the difference between `let`, `var`, and `const`.

#javascript #webdev

https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/

WebKit Features in Safari 17 beta

https://webkit.org/blog/14205/news-from-wwdc23-webkit-features-in-safari-17-beta/

Discussions: https://discu.eu/q/https://webkit.org/blog/14205/news-from-wwdc23-webkit-features-in-safari-17-beta/

#apple #ios #mac #technology #webdev

@gabriel have a look at the ‘Spatial Web’ section in here: https://webkit.org/blog/14205/news-from-wwdc23-webkit-features-in-safari-17-beta/

#WebDev

#Development #Launches
Meet Safari for spatial computing · Learn how people can experience your web content in a whole new way https://ilo.im/13f9qh

_____
#Apple #WWDC23 #SpatialComputing #visionOS #Safari #WebKit #WebDevelopment #WebDev #Website #Frontend #AR #XR #3D

Utility for making sure that I'm using the right `@types/react`

https://www.npmjs.com/package/typesync

Discussions: https://discu.eu/q/https://www.npmjs.com/package/typesync

#programming #typescript #webdev

every day is a good day to reinvent undo/redo

#webdev

🦖 Symbol.toPrimitive 🦖

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toPrimitive

The Symbol.toPrimitive static data property represents the well-known symbol @@toPrimitive. All type coercion algorithms look up this symbol on objects for the method that accepts a preferred type and returns a primitive representation of the object, before falling back to using the object's valueOf() and toString() methods.

#webdev #JavaScript

Dear #webdev: I refuse to let you break my spirit.

Also, golf clap for not telling me the password was ONE CHARACTER TOO LONG as I filled in the form, and instead making submit it first. Check out client-side form validation. It's gonna blow your mind.

Dear #webdev: AYFKM? A popup _in_ a popup?! You're a gotdamned infinity mirror of shitty design choices. Congratulations. You have sunken beneath even my low expectations.

El soporte para el CMS Drupal 7 Se extiende hasta el 5 de enero de 2025 https://www.thedroptimes.com/31878/drupal-7-end-life-date-extended

#drupal #webdev

Prim+RPC: a bridge between JavaScript environments. Easy-to-understand, type-safe, transport-agnostic RPC/IPC for JavaScript, supporting callbacks, batching, file uploads, custom serialization, and more.

https://prim.doseofted.me

Discussions: https://discu.eu/q/https://prim.doseofted.me

#javascript #programming #webdev

Dear #webdev: If you think this link needs to open in a popup with no window chrome NO IT FUCKING DOES NOT

And do not tell me to adjust my browser settings. They're fine. You need to build a better website.

Regarding the Apple VR thing..
Are there any major #webdev considerations?
Not necessary talking about the physical computing side.

Finally started working on my #codeberg page.

I'm still learning CSS and planning to work as a front-end dev.

Here is my progress so far.

Music: Ambulo - inspired by U
https://lis.tn/InspiredByU

Also huge thanks to @Codeberg for providing an opportunity to leave gitlab/github :blobfoxheartcute:

#css #html5 #html #webdev

I officially just finished the HTML part of the online web developer course I'm taking!! Next part of the course is CSS. 😄 I feel pretty excited.

#WebDev #coding #learning #html #css

Why you should pin your GitHub actions by commit-hash

https://blog.rafaelgss.dev/why-you-should-pin-actions-by-commit-hash

Discussions: https://discu.eu/q/https://blog.rafaelgss.dev/why-you-should-pin-actions-by-commit-hash

#javascript #nodejs #programming #webdev

Greetings to all #JavaScript #HTML #CSS #SVG #HTTP #Accessibility #webdev #mdn developers and enthusiasts.

I'm a bot, and every sixth hour I'll randomly pick an article for you from 'mdn web docs'¹.

Alternatively, you can subscribe to the RSS feed², see my GitHub repo³ for any other options and information.

Live long and prosper 🖖

[1] https://developer.mozilla.org/en-US/docs/Web
[2] https://botsin.space/@randomMDN.rss
[3] https://github.com/jaandrle/randomMDN

Today I’m evaluating the #Blisk Browser as a web development tool. I work on consumer websites where the implementation of responsive design is paramount.

Being about to refresh one browser window and see the results of my changes in multiple viewports is a massive productivity boost.

#WebDev #productivity

@webdevtips

// first tip - you can add browser console commands by overriding window object. here an example:

Object.defineProperty(window, "command", {get: () => {console.log("Hello World!");
}});

// how to use such command then? just open browser console and type command to get a reply :)
// #webdev #code

We built an open source, fully functional enterprise React.js CRUD app boilerplate, offering a selection of 5 UI frameworks and backend services

https://refine.new/?form=true

Discussions: https://discu.eu/q/https://refine.new/?form=true

#internetisbeautiful #javascript #programming #reactjs #webdev

Looking for a good framework(?) for creating node based applications for the web, preferably something with minimal setup and works within HTML/CSS/JS, any suggestions?

#WebDev #js #webdevelopment

#Development #Releases
WebKit features in Safari 17 beta · Web apps for Mac, Spatial Web, WebXR, JPEGXL, and much more https://ilo.im/13es5i

_____
#Apple #WWDC23 #Browser #Safari #Mac #iOS #iPadOS #WebDevelopment #WebDev #Frontend #HTML #CSS #JavaScript #RegEx #WebAPI #WebApp #PWA #SpatialWeb #ModelElement #WebXR #WebGL #HEIC #WebDeveloperTools #DevTools #WebInspector #SafariExtensions

Writing a #Lambda in #Ruby today. In my eight year career I've probably only ever written a handful of these! I suppose its because there's a lot of use cases when it makes sense to just use a method. #programming #webdev

ARIA 1.2 is now a W3C Recommendation https://www.w3.org/blog/news/archives/9942 #aria #webdev #a11y

WebXR confirmed for Vision Pro —

"Safari on Vision Pro currently has testable support for WebXR, available behind a feature flag while we collaborate with the W3C Immersive Web Working Group on updates to the web standard.”

https://webkit.org/blog/14205/news-from-wwdc23-webkit-features-in-safari-17-beta/

#WWDC #WWDC23 #webdev #threejs

Assume the Position—A Labelling Story By @lloydi

“Many aspects of web design have become de facto standards. In other words, it may not be that there was ever a hard-and-fast rule about how something should be laid out/designed, but has come about through years of repetition. Breaking away from such trends only causes usability problems, whether the de facto standard is actually the best approach or not; it’s all about familiarity”

#a11y #ux #WCAG #WebDev

https://www.tpgi.com/assume-the-position-a-labelling-story/

🦖 spacing 🦖

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/spacing

The spacing attribute indicates how the user agent should determine the spacing between typographic characters that are to be rendered along a path.

#webdev #SVG

Js Confuser: An open-source JavaScript obfuscation tool made by me! Check out this live demo here:

https://js-confuser.com

Discussions: https://discu.eu/q/https://js-confuser.com

#javascript #programming #webdev

#NMROnline – ELECTRO

We've FINISHED engineering the MVP (Minimum Viable Product).

SEE & TRY ELECTRO at our #webinar!
>> 22nd June 2023, 15:00 (UK) – DM to attend

SEE & TRY ELECTRO at #Euromar2023!

@bioinformatics @biophysics @biophysicists @chemistry @compchem @nmrchat @physics @strucbio @structbio

#biochemistry #bioinformatics #biology #biophysics #chemistry #CompChem #metabolomics #NMR #NMRChat #physics #SoftwareDevelopment #SoftwareEngineering #StructuralBiology #WebDev

Dew Drop – June 6, 2023 (#3958)

Top links today:
- What’s new in SSDT 17.6: Ledger, performance, Copilot
- Personalize your WinUI DataGrid: Quick & simple customization
- Unity runtime on Arm-based Windows devices
- M365 Dev Podcast - MS Graph Dev Proxy w/ Garry Trinder & Waldek Mastykarz
- New Uno Platform release: Media Player Element on mobile, web, Linux. WebView2 support.

https://www.alvinashcraft.com/2023/06/06/dew-drop-june-6-2023-3958/

#dotnet #ai #webdev #cloud #mobiledev #windowsdev #database #csharp #visualstudio #dewdrop

Ever wondered what managed WordPress hosting is? 🤔 We take a look at what it is, how it works, and the benefits of using it in our latest article 🧑‍💻 https://wpcode.guru/what-is-managed-wordpress-hosting/

#WordPress #wordpresswebsite #webdevelopment #webdev #webhosting #website #hosting

The Accessible Rich Internet Applications Working Group has published Accessible Rich Internet Applications (WAI-ARIA) 1.2 as a W3C Recommendation.

#accessibility #webStandards #HTML #ARIA #WebDev

https://www.w3.org/blog/news/archives/9942

#Development #Tools
Colour Contrast Checker · A web tool to check color contrast against WCAG standards https://ilo.im/13d7qi

_____
#WebDevelopment #WebDev #Frontend #Accessibility #A11y #Contrast #Color

Took me a long time to figure out why my mastodon wouldn't validate with my website but I figured it out.

Turns out I got the SSL certificate, but I hadn't gotten it activated.

#webdev #Mastodon

Hey is there anyone who can help me out with a #userScript question?
I have a script which moves the compose area of the mastodon web interface to the top of the first column, rather than taking up a whole column all the time. It works if I copy and paste it into the console, but not if I run it through Tampermonkey. The script runs—I can see it logging stuff in the console, but where I have:
`let destinationContainer = document.querySelector('div.column');
console.log("dest = " + destinationContainer);`
it returns `null`. If I paste it into the console it works fine.

So obviously the DOM isn't ready at the time it runs.…? How do I delay it until the DOM is ready?

#Javascript #WebDev

RSC From Scratch. Part 1: Server Components

https://github.com/reactwg/server-components/discussions/5

Discussions: https://discu.eu/q/https://github.com/reactwg/server-components/discussions/5

#javascript #programming #webdev

🦖 TreeWalker: previousSibling() method 🦖

https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker/previousSibling

The TreeWalker.previousSibling() method moves the current Node to its previous sibling, if any, and returns the found sibling. If there is no such node, it returns null and the current node is not changed.

#webdev

#Development #Techniques
Write better code by following these JavaScript best practices · Guidelines that can elevate your JavaScript skills to the next level https://ilo.im/13cu5q

_____
#WebDevelopment #WebDev #Frontend #JavaScript #Guidelines #Debugging #Maintenance

MaterialX shader graphs in Apple's Reality Composer Pro is great news. Still hoping to see any mention of other standards, like WebXR or WebGPU…

https://developer.apple.com/videos/play/wwdc2023/10202/

#WWDC #WWDC23 #webdev #threejs

Any recommendations for an advanced, opinionated guide to state management in React? Looking for something targeted to large applications with complex state — not an introduction to reactive programming.

Suggestions for guides related to other web frameworks would also be welcome!

#webdev #javascript #react

“Reflect: High-performance sync for multiplayer web apps.”

Not enough details public yet to say how this might work for specific applications, large documents, or geospatial and 3D scenes. Regardless, looking forward to trying this out!

https://reflect.net/

#webdev

Is React Having An Angular.js Moment?

https://marmelab.com/blog/2023/06/05/react-angularjs-moment.html

Discussions: https://discu.eu/q/https://marmelab.com/blog/2023/06/05/react-angularjs-moment.html

#javascript #programming #webdev

Are you absolutely sure your `has_one` association really has one association?

https://thoughtbot.com/blog/rails-has-one-limitations

Discussions: https://discu.eu/q/https://thoughtbot.com/blog/rails-has-one-limitations

#programming #rails #ruby #webdev

Soon (macOS Sonoma): Desktop Safari will let you install web apps natively (like Chrome and Edge).
#WebApps #WebDev

I kid you not, this conversation just happened.

Project Manager: We need to have a cookie banner for this page.

Me: But we do not track anything there are no analytics, no preferences no cookies whatsoever, we track nothing.

Project Manager: Yeah but we need it so it looks like a proper website.

Me: 😡😂 😭🤦‍♂️(deep breath...deep breath)... no....just no....

what is next? adding advertisement every other click so it looks "proper"

#webdev #wtf

After taking some personal time to bolster my skills, I am currently looking for a new fulltime #webdev job opportunity.

I specialize in #WordPress & #PHP as well as #CSS & #JavaScript and I always have an eye towards #accessibility.

I'm incurably curious and love learning new skills.

My website has my history and tons of other info: https://steverudolfi.com

Primarily looking for fully remote-- or hybrid in the Boston area.

Boosts for reach are appreciated. #FediHired

#Development #Techniques
Stop rewriting your CSS! Use ‘:not()’ instead · A guide to :not() pseudo-class, showcasing several practical use-cases https://ilo.im/13cu4v

_____
#WebDevelopment #WebDev #Frontend #CSS #NotPseudoClass #HasPseudoClass #Debugging #CMS

This Site is no longer Solar Powered... For Now

https://www.andrewjvpowell.com/articles/this-site-is-no-longer-solar-powered-for-now/

Discussions: https://discu.eu/q/https://www.andrewjvpowell.com/articles/this-site-is-no-longer-solar-powered-for-now/

#hardware #programming #webdev

How to upgrade your Flask application using async

https://www.vidavolta.io/how-to-upgrade-your-flask-application-using-async/

Discussions: https://discu.eu/q/https://www.vidavolta.io/how-to-upgrade-your-flask-application-using-async/

#flask #programming #python #webdev

occasionally I regret having set ‘ooo’ to auto-expand to `outline: 2px dotted orangered;`

#webdev #css

A great collection of demos of different scroll-based animations

https://scroll-driven-animations.style/

#CSS #JS #UX #WebDev #OpenSource

#Software should only be written after careful consideration of the problem it's solving and whether or not software needs to be written to solve it. The worst software is written by #programmers who are "looking for work to do", and must then be maintained. Trying to look busy is a junior #developer behavior, and companies that encourage it are screwing themselves.

#webdev #engineering #softwaredevelopment #softwareengineering #programming #coding

Learn Accessibility https://web.dev/learn/accessibility/ "An evergreen #accessibility course and reference to level up your web development." #a11y #webdev #webdevelopment

my list of side projects and fun domain names has grown by 1 ++

https://ogvideo.app
https://spike.news
https://brighton.dog
https://latertwitter.cyou
https://pixelate.pictures
https://woah.monster
https://brighton.pub
https://newsletter-o-matic.com
https://upload.party

#webdev

In that spirit, we'd like you to share your honest opinions and insights in this survey ☺️
🔗: https://aka.ms/browserextdevsurvey_1022
Your candour is immensely helpful to us, in rolling out new updates to Microsoft #EdgeAddons #WebDev #EdgeExtensions

[Re. @alvinashcraft]
Check out the @pwabuilder pwa-starter!

#webdev #pwa #staticwebapps #cloud #azure #oss
https://github.com/pwa-builder/pwa-starter