Masthash

#webdevelopment

Leanpub
4 minutes ago

Taming Thymeleaf by Wim Deblauwe is on sale on Leanpub! Its suggested price is $24.99; get it for $22.49 with this coupon: https://leanpub.com/sh/z0e2d2NH wimdeblauwe@mastodon.social #Java #Html #WebDevelopment #Software

Josh Bruce
2 hours ago

Your front-end web tech. stack has 5 components. None of which are HTML, CSS, or straight JavaScript.

I have so many questions.

What does your front-end tech. stack look like?

#WebDevelopment
#SoftwareEngineering
#FrontEnd

Leanpub
4 hours ago

Upgrade Your HTML II by Jens Oliver Meiert is free with a Leanpub Reader membership! Or you can buy it for $7.99! http://leanpub.com/upgrade-your-html-2 j9t@mastodon.social #Html #WebDevelopment

Leanpub
17 hours ago

The bundle .NET 5.0 by Dr. Holger Schwichtenberg (MVP) is on sale on Leanpub! Its suggested price is $124.97; get it for $49.50 with this coupon: https://leanpub.com/b/net50/c/LeanpubWeeklySale2023Dec08 #Html #Dotnet #CSharp #Aspnet #Javascript #WebDevelopment #Databases

Erika Autumn
1 day ago

I think I'm gonna revamp my #website

I write #HTML & #CSS

#WebDevelopment #WebDeveloper

Leanpub
1 day ago

The Road to GraphQL (The Bare Essentials) by Robin Wieruch is on sale on Leanpub! Its suggested price is $49.00; get it for $36.75 with this coupon: https://leanpub.com/sh/3qkvOVp4 #ComputerProgramming #Javascript #React #NodeJs #WebDevelopment

Leanpub
1 day ago

Large Scale Apps with React and TypeScript by Damiano Fusco is on sale on Leanpub! Its suggested price is $29.99; get it for $22.49 with this coupon: https://leanpub.com/sh/bjIuoMaO #ComputerProgramming #React #Javascript #WebDevelopment #SoftwareArchitecture #Typescript #Vuejs

Codrops
2 days ago

🚀 Day 8 in "Frontend Rewind 2023" has landed!

If learning Vue has been on your radar, we've got a little something special just for you!

Check out today's featured content: https://tympanus.net/codrops/2023/12/08/frontend-rewind-2023-day-08/

#frontend #webdevelopment #vue #uidesign #inspiration

Leanpub
2 days ago

The Road to Firebase by Robin Wieruch is on sale on Leanpub! Its suggested price is $49.00; get it for $36.75 with this coupon: https://leanpub.com/sh/2TYDeSLZ #ComputerProgramming #Javascript #React #WebDevelopment

Leanpub
2 days ago

Antlers by Johnathon Koster is on sale on Leanpub! Its suggested price is $29.95; get it for $10.49 with this coupon: https://leanpub.com/sh/Hetqg18c #Laravel #ProgrammingCookbooks #WebDevelopment

lukaszkups
2 days ago

#Css wrapped 2023 is live!
https://developer.chrome.com/blog/css-wrapped-2023

My top picks:
1. Container queries 💛
2. `:has()` selector (finally!) 🙌
3. text-wrap: balance & pretty 👌

What's yours?

#webdev #webdevelopment #programming

Leanpub
2 days ago

Fundamentals of HTML, SVG, CSS and JavaScript for Data Visualisation by Peter Cook is on sale on Leanpub! Its suggested price is $25.00; get it for $10.50 with this coupon: https://leanpub.com/sh/PucypiRN #WebDevelopment #DataScience #Html #Css #Javascript #Graphics

Leanpub
2 days ago

You Don't Know JS Yet: Get Started by Kyle Simpson is on sale on Leanpub! Its suggested price is $18.95; get it for $14.21 with this coupon: https://leanpub.com/sh/dD5SVplt #Javascript #WebDevelopment #ComputerScience #SoftwareEngineering

Andrew Wooldridge 🌱
2 days ago

If there was one thing I could do to influence the #webdev community, it would be to impress upon all developers that there are 4 core technologies for FE development, not just 3.

HTML
CSS
JavaScript

and

SVG

#webdevelopment #svg

Leanpub
2 days ago

The Road to React (The Bare Essentials) by Robin Wieruch is on sale on Leanpub! Its suggested price is $49.00; get it for $36.75 with this coupon: https://leanpub.com/sh/oZ5P8jEv #ComputerProgramming #Javascript #React #Html #Css #WebDevelopment #Education #ComputerScience

Leanpub
2 days ago

Taming Thymeleaf by Wim Deblauwe is on sale on Leanpub! Its suggested price is $24.99; get it for $22.49 with this coupon: https://leanpub.com/sh/mUBZNtQO wimdeblauwe@mastodon.social #Java #Html #WebDevelopment #Software

Ayo-Ho Ho Ho! 🎄
2 days ago

🎉 Yay! Small progress on my https://WebComponent.io side project...

Props can now hold objects on v2.0.0-beta.1 😅

HTML attribute holds stringified counterparts while Proxy props hold real objects.

Here's a codepen--but take note this is super experimental *
👉 https://codepen.io/ayoayco-the-styleful/pen/RwvvYMx?editors=1010

* Object props are now working, but templating is not easy yet in this example -- I'm working on it! :)

#sideProjects #WebComponents #webdev #opensource #software #foss #webdevelopment

Leanpub
3 days ago

Advanced Web Application Architecture by Matthias Noback is on sale on Leanpub! Its suggested price is $35.00; get it for $20.00 with this coupon: https://leanpub.com/sh/ZwaJGI9n #Php #WebDevelopment #SoftwareArchitecture

Codrops
3 days ago

🎁 Unwrap the #inspiration on Day 7 of "Frontend Rewind 2023"!

Have fun exploring today's highlights!

#adventcalendar #frontend #webdesign #webdevelopment #2023 #frontendrewind2023

https://tympanus.net/codrops/?p=74812

IT News
3 days ago

The best new features in Microsoft .NET 8 - Microsoft’s .NET 8 arrived November 14 with a plethora of new features and enhancement... - https://www.infoworld.com/article/3711422/the-best-new-features-in-microsoft-net-8.html#tk.rss_all #developmentlibrariesandframeworks #softwaredevelopment #webdevelopment #microsoft.net

Leanpub
3 days ago

Learning Patterns by Lydia Hallie and Addy Osmani is free with a Leanpub Reader membership! Or you can buy it for $7.99! http://leanpub.com/learningpatterns #Javascript #WebDevelopment #SoftwareArchitecture #React #EventDrivenArchitecture

Leanpub
3 days ago

Upgrade Your HTML II by Jens Oliver Meiert is free with a Leanpub Reader membership! Or you can buy it for $7.99! http://leanpub.com/upgrade-your-html-2 j9t@mastodon.social #Html #WebDevelopment

Fickle Futures
3 days ago

My new article is out: The Hellish History of HTML
https://www.htmhell.dev/adventcalendar/2023/5/

This is an incomplete and personal view of the development of HTML (a language used daily by billions who have probably never heard of it) over the last 35 years. 

I hope to hear from other Web pioneers about their recollection of how we got here.

#HTML #html5 #webdevelopment #webdesign #history

CranfordTeague
3 days ago

My new article is out: The Hellish History of HTML
→ https://www.webdevelopmentventcalendar/2023/5/

This is an incomplete and personal view of the development of HTML (a language used daily by billions who have probably never heard of it) over the last 35 years. 

I hope to hear from other Web pioneers about their recollection of how we got here.

#HTML #html5 #webdevelopment #webdesign #history

My new article is out: The Hellish History of HTML
https://www.htmhell.dev/adventcalendar/2023/5/

This is an incomplete and personal view of the development of HTML (a language used daily by billions who have probably never heard of it) over the last 35 years. 

I hope to hear from other Web pioneers about their recollection of how we got here.

#HTML #html5 #webdevelopment #webdesign #history

Schalk Neethling
4 days ago

Hey, early-stage web developers! 🌱

Do you want to share your journey on the Mycelium Network podcast?

https://pod.link/1639357086

It's a chance to:
✨ Share your dreams and struggles
🤝 Connect with the tech community
🚀 Boost your career

Please share for reach. Thank you.

DM to join the next episode! #WebDevelopment #CareerOpportunities #JuniorDevs #EntryLevel #Podcast

Arnold McConaughey
4 days ago
Codrops
4 days ago

🌈 Join us for Day 6 of "Frontend Rewind 2023"!

Explore the top resources that made waves in frontend this year.

#frontendrewind2023 #inspiration #webdevelopment #frontend #webdesign #learning

https://tympanus.net/codrops/?p=74728

IT News
4 days ago

5 great new features in Django 5 - Django, the Python web framework with all batteries included, is on the verge of its f... - https://www.infoworld.com/article/3711367/5-great-new-features-in-django-5.html#tk.rss_all #developmentlibrariesandframeworks #softwaredevelopment #webdevelopment #python

Leanpub
4 days ago

Antlers by Johnathon Koster is on sale on Leanpub! Its suggested price is $29.95; get it for $10.49 with this coupon: https://leanpub.com/sh/q1WnKPWD #Laravel #ProgrammingCookbooks #WebDevelopment

IT News
4 days ago

Django 5.0 simplifies templates for form field rendering - The newly released Django 5.0, the latest version of the popular Python web framework,... - https://www.infoworld.com/article/3711406/django-50-simplifies-templates-for-form-field-rendering.html#tk.rss_all #developmentlibrariesandframeworks #softwaredevelopment #webdevelopment #python

Eine neue Webanwendung aus unserer Internetwerkstatt: Eine intelligente Verschränkung der Digitalausgabe eines Print-Magazins und eines Online-Blogs. Manche Artikel sind zunächst nur für Abonnenten zugänglich und werden nach und nach freigegeben, manche Artikel sind exklusiv für Abonnenten. https://www.mellifera.de/blog/biene-mensch-natur/biene-mensch-natur-archiv/bmn-45.html
#Webdevelopment #Webdesign

Codrops
5 days ago

🎨 Today we have a little text effect for you! It's a scroll-triggered sliced text animation, where segmented elements reunite while scrolling.

Have a look: https://tympanus.net/codrops/?p=74735

#gsap #animation #webdevelopment #coding #uidesign #webdesign #javascript

Codrops
5 days ago

🚀 Day 5 of "Frontend Rewind 2023" is here!

Browse through today's featured content and snag a special discount code for Sara's accessibility course!

#frontend #webdevelopment #uidesign #inspiration #animation #adventcalendar

https://tympanus.net/codrops/?p=74760

Leanpub
5 days ago

The Road to React (The Bare Essentials) by Robin Wieruch is on sale on Leanpub! Its suggested price is $49.00; get it for $36.75 with this coupon: https://leanpub.com/sh/5i88Wciw #ComputerProgramming #Javascript #React #Html #Css #WebDevelopment #Education #ComputerScience

Leanpub
5 days ago

Recipes for Decoupling by Matthias Noback is on sale on Leanpub! Its suggested price is $49.00; get it for $35.10 with this coupon: https://leanpub.com/sh/whVAkXQr #Refactoring #Php #Laravel #Symfony #Zend #SoftwareEngineering #AutomatedSoftwareTesting #WebDevelopment

B. Morgan Murrah
5 days ago

I opened my test log for a year and found from document.querySelectorAll('.url'); I tested 569 URL’s in WebPageTest, each time for multiple runs of the test . I guess Im looking back and can say I learned a lot. Thanks all who contributed to this website #webperformance #webdevelopment https://github.com/catchpoint/WebPageTest/graphs/contributors

Ayo-Ho Ho Ho! 🎄
5 days ago

Remember Google AMP? 🤔

I realized Cozy is also putting articles behind an intermediary system but instead of Google's servers, they are stored directly into your device.

The result is instant loads for articles you already viewed. 🤩

Try it here 👉 https://cozy-reader.vercel.app/

#webdev #frontend #webdevelopment #foss #oss #opensource

Studying for Linux Professional Institute (LPI) #WebDevelopment Essentials? Learn how the website you use each day tick, #Nodejs to #databases with the blog from #LPI Partner Marco Colombo!

Create exciting new opportunities in your career with #WDE: https://lpi.org/r3mb

#IT #tech #programming #SoftwareDevelopment #code #programming #learntocode #webdev #CSS #javascript #SQL #SQLite #mongodb

DennisL
6 days ago
Codrops
6 days ago

🌟 Day 4 in "Frontend Rewind 2023" is ready for you!

Continue the journey through the trends and highlights shaping frontend in 2023.

#frontend #webdevelopment #webdesign #inspiration #adventcalendar

https://tympanus.net/codrops/?p=74691

Adam Wojnicki
6 days ago

Do you use emoji in your commit or pr messages? #webdev #webdevelopment #software #github

Emoji
Codrops
1 week ago

Day 3 of #FrontendRewind2023 awaits!

🎄 Dive with us into another day of revisiting the standout highlights of 2023.

#frontend #webdevelopment #learning #webdesign #uidesign #inspiration

https://tympanus.net/codrops/?p=74677

Donncha Ó Caoimh
1 week ago

Hyperplexed makes some amazing web dev tutorial videos. Here's one in a Dr Seuss rhyme.

https://youtu.be/HIrDMR6CaHY?si=uFyfIKkdko4YmEOH

#JavaScript #css #webdevelopment

Michael
1 week ago

This is an excellent article by @Kilian

I’m not a big fan of summary/details generally because it’s just too inconsistent, but dialogs are great. And I didn’t actually know about input type="color" yet.

Well worth a read.

https://www.htmhell.dev/adventcalendar/2023/2/

#css #js #JavaScript #html #Frontend #Webdev #Webdevelopment

Koos Looijesteijn
1 week ago

Web #developers: how do you organize your #components?

Specifically, if you have components that only should be included once on a page (f.e. the header menu), do you:

  • Put them into a separate directory
  • Give them a special name (a Vue course tought me to start such a component's name with capital)
  • Not give them any special treatment

#webdev #webdevelopment #web

Mark Gardner ‍:sdf:
1 week ago

Tell me how long you’ve been in #WebDevelopment without telling me. I’ll start:

My first web page was hosted by my local dial-up Internet service provider. The URL had a tilde (`~`) in it. #JavaScript hadn’t been invented yet.

chmod 777 cgi-bin/get_off_my_lawn.pl

#WebDev #programming #coding #development

Ana Tudor 🐯
1 week ago

Came across this cool #CSS pattern https://codepen.io/josetxu/pen/mdvzaQZ?editors=0100 - uses 35 gradients, so I instantly knew I could simplify it and make it easily customisable.

So here it is my version on #CodePen https://codepen.io/thebabydino/pen/WNPamBB?editors=0100 - 9 gradients with n set to 4. Because yes, you can change n! 😎

#coding #pattern #cssPattern #cssGradient #frontend #code #maths #blending #blendMode #xor #logic #trigonometry #geometry #webDev #webDevelopment

Screenshot of the linked demo with $n being 5, so we have a diagonal 5 rain drips repeating pattern.
Jem
1 week ago

Heads up for my security nerd friends: Wordfence are running a "holiday bug extravaganza" with their normal bounty reward rates multiplied by 6.25 - so up to $10k for a valid vuln. https://www.wordfence.com/blog/2023/12/earn-up-to-10000-for-vulnerabilities-in-wordpress-software-6x-rewards-in-the-wordfence-holiday-bug-extravaganza/

#InfoSec #WordPress #WebDevelopment #BugBounty

Ana Tudor 🐯
1 week ago

So this pure #CSS gravity button has been my most popular demo in November.

You can check out the live demo on #CodePen:
https://codepen.io/thebabydino/pen/bGzeQrv

#codevember #coding #frontend #gravity #webDev #webDevelopment #particles #physics #CSSphysics

Animated GIF. Shows particles accelerating towards, smashing into and then exploding upon colliding with a button. There's also the option of viewing the animation in slow motion by checking a checkbox.
Codrops
1 week ago

💫 Get ready for our "Frontend Rewind 2023" in December! ✨

We got daily doses of design inspiration, frontend articles, resources, and exclusive deals!

Join us as we rewind the clock on 2023's highlights! Stay tuned for the kickoff!

#frontend #webdesign #advent #webdevelopment #design #coding #inspiration #2023 #adventcalendar

Bryce Wray
1 week ago

Post >> Firefox on the brink? • The Big Three may effectively be down to a Big Two, and right quick.

https://www.brycewray.com/posts/2023/11/firefox-brink/

#WebDev #Firefox #Browsers #WebDevelopment

Ashley Porciuncula
1 week ago

Taught the 6yo some HTML last night and the kid is an absolute natural.

This is a child who is a tornado with eyeballs. He wakes up with more physical energy than a cross-country shipment of Red Bull.

He sat there and intuitively picked up opening and closing tags, basic styling, line breaks, inserting images, etc. like a pro.

He formatted his code, you guys.

#WebDeveloper #WebDevelopment #Developer #Software #SoftwareDeveloper #SotwareDevelopment

A GIF of Millie Bobby Brown motioning "mind blown"

Aside from spending a little more time learning htmx, I really need to take a few days and try out #WebComponents. They sound really cool.

I remember when people in the #webdev community were talking about how they'd be the next big thing... back around 2015 or so? Instead, react took over, but I'm glad the tide is finally moving toward something standards-compliant (for once!).

#WebDevelopment #learning #FrontEnd

Notwithstanding my previous post about #htmx spelling errors, I'm now looking at the triggers (and modifiers, and filters, and so on), and going, "Hey, this looks kind of cool and possibly very powerful." #webdev #learning #FrontEnd #WebDevelopment

Improve the #Linux and #WebDevelopment skills of your students or staff with free Linux Professional Institute (LPI) Learning Materials, available in 11+ languages!

Learn from #LPI Manager of Education Programs, Markus Wirtz, how you can use #LPI Learning Materials for #FOSS teaching, self-learning, and exam prep: https://lpi.org/beh0

#WDE #LinuxEssentials #LPIC #tech #Sysadmin #programming #learntocode #webdev #IT #opensource #openknowledge

Codrops
2 weeks ago

Today we have something special for you ✨ Join Yuri as he explores creating an interactive 3D glass portal using React Three Fiber with Gaussian Splatting and real-world objects! 🗿

Check it out: https://tympanus.net/codrops/?p=74549

#threejs #webgl #3d #gaussiansplatting #javascript #r3f #webdevelopment #coding

Ana Tudor 🐯
2 weeks ago

#tinyCSStip

An absolutely positioned child/ pseudo with
`inset: 0`
covers its parent's `padding-box`.

See https://twitter.com/anatudor/status/1478412237295566850

If the parent has a `border` and you want the entire `border-box` covered, then you need to set `inset` to the value of the `border-width` *with minus*.

The #CodePen demo behind the illustration https://codepen.io/thebabydino/full/dyaqNxj

#css #CSSTricks #tipsAndTricks #frontend #coding #webDev #webDevelopment

The code in the two cases described above plus the visual result for each.
Ana Tudor 🐯
2 weeks ago

#CSSchallenge2023 How would you code this with:

⚠️ 1 element, no pseudos
⚠️ pure CSS
⚠️ under 5 CSS declarations
⚠️ at most 400 bytes
❌ no JS
⚠️ no SVG, no images in general save for at most 4 CSS gradients

#css #coding #challenges #codingChallenge #frontend #webDev #webDevelopment #cssGradient

Screenshot. Shows a pattern on a white background with 6 alternating (3 on one side, 3 on the other) half circles going down along 6 vertical lines. The half circles on the right of the vertical lines are a very dark grey, close to black, while the others are in two different neon bands depending on the column's parity - for odd columns, they go from pink, through red-orange to gold, while for even one they go from lime though cyan-lightblue to blue.
Ana Tudor 🐯
2 weeks ago

Here's an animated illustration of how increasing the `stroke-width` in DevTools turns a dashed line into a stripe pattern.

#svg #stripes #svgPattern #pattern #coding #frontend #webDev #webDevelopment

Animated GIF. On the left, it shows the example SVG with a dashed line from the top left corner to the bottom right one. On the right, it shows the `stroke-width` in DevTools and how gradually increasing its value from 1% to 83% in this case turns the dashed line into a diagonal stripe pattern.
Ana Tudor 🐯
2 weeks ago

#tinySVGtip Been using this forever, but don't think I've ever shared it here.

Easily create stripes along any direction in SVG!

✨ draw a line along that direction
✨ make it dashed
✨ make it much thicker
✨ no, not like that... I really mean much thicker!

That's it! 🥳🎉

Here it is, illustrated with #code on #CodePen: https://codepen.io/thebabydino/full/MWLBzpa

#svg #stripes #svgPattern #pattern #coding #frontend #webDev #webDevelopment

1️⃣ Draw a line along the direction of the stripes, let's say along the main diagonal.

Defaults for x1, y1, x2, y2 are all 0 and we want the start point x1,y1 to be at 0,0 (top left corner) anyway, so we only set x2,y2 at 100%,100% (bottom right corner).

<line x2='100%' y2='100%' stroke='orange'/>

This draws an orange ine along the main diagonal, from the top left corner to the bottom right one.

2️⃣ Make this line dashed.

<line x2='100%' y2='100%' stroke='orange' stroke-dasharray='20%'/>

This makes the line dashed.

3️⃣ Make this line thicker.

<line x2='100%' y2='100%' stroke='orange' stroke-dasharray='20%' stroke-width='20%'/>

This makes the dashed line thicker.

4️⃣ No, not like that... really, much thicker!

<line x2='100%' y2='100%' stroke='orange' stroke-dasharray='20%' stroke-width='150%'/>

The dashed line is now so thick that the dash lines stretch perpendicularly onto it to the point they cover the entire SVG rectangle.

By the way - another little plug - if you're interested in following the development of the https://tardis.guide website, follow this account!

#webDevelopment #buildInPublic

Leanpub
2 weeks ago

Taming Thymeleaf by Wim Deblauwe is on sale on Leanpub! Its suggested price is $24.99; get it for $22.49 with this coupon: https://leanpub.com/sh/iTKsDtJr #Java #Html #WebDevelopment #Software

Web Axe
2 weeks ago

Front end devs really don't understand accessibility [learning HTML would also help very much] https://gomakethings.com/front-end-devs-really-dont-understand-accessibility/ #a11y #webdev #webdevelopment #accessibility

B. Morgan Murrah
2 weeks ago

I'm having so much fun waiting in a car for a while trying out example code made with HTMX on my mobile phone. The mobile editing experience is superb #webdevelopment #webdev

https://htmx.org/examples/bulk-update/

An HTMX example demonstrating bulk updates to rows using only HTML with attributes from HTMX.org
Bryce Wray
2 weeks ago

Post >> Variations on styling variables in SSGs • The CSS-or-Sass question about styling variables is a lot simpler to answer when you’re building your site the right way.

https://www.brycewray.com/posts/2023/11/variations-styling-variables-ssgs/

#CSS #SCSS #Sass #WebDev #WebDesign #WebDevelopment

Negative12DollarBill
2 weeks ago

Today in Stupid Web Tricks, a clock I made which displays the time in a special way. I'm not sure if this has been done before…?

Let me know how it works in your browsers, I haven't done a huge amount of testing!

--

#HTML #Javascript #WebDev #WebDevelopment #programming #Clock #Web #Today

https://negative12dollarbill.com/formclock/

B. Morgan Murrah
2 weeks ago

Started reading this book about htmx

https://hypermedia.systems/hypermedia-systems/

Im ready to learn about a new paradigm, even if its not what I will be using much, just something other than React please :D

#webdevelopment #htmx #hypermedia

Nick Taylor
2 weeks ago

**This week on my live stream, **@SantoshYadavDev joined me to discuss and live code all things Angular. A couple of things that stood out for me with Angular are the upgrade tooling and the new stuff that's dropped in Angular 17. 🔥

https://www.youtube.com/watch?v=96Z16gm4HqM

Thanks again for hanging, Santosh! **#angular** **#angulardeveloper** **#webdevelopment**

Kirby CMS
2 weeks ago

✋ Stop lazy-loading hero images. 
🤓 Small weekend read by @grigs

https://cloudfour.com/thinks/stop-lazy-loading-product-and-hero-images/ #WebDevelopment