Search
Items tagged with: webdevelopment
You Might Not Need that Framework – Frontend Masters Boost
There are big tradeoffs, naturally, but vanilla JavaScript is very powerful, usable everywhere, lightweight, and high-performance. Learn it and use it when it's the best choice.frontendmasters.com
TIL you can link directly to text content in a web page without using an ID attribute
alfy.blog/2024/10/19/linking-d…
Smarter than 'Ctrl+F': Linking Directly to Web Page Content
Discover how text fragments revolutionize web navigation. Learn to link directly to specific text on any web page, surpassing traditional 'Ctrl+F' searches.Ahmad Alfy's Blog
jasonjgw.net/blog/technology/w…
#WebDevelopment #accessibility
2024: 0.5% of the Global Top 200 Websites Use Valid HTML · Jens Oliver Meiert
The annual HTML conformance analysis, validating 200 home pages of the most popular websites. Despite improvements, there is no signal of commitment to valid output as a quality baseline to benefit end users as well as web development as a profession…meiert.com
I've started working on the site, using the "classless" version of this style sheet. github.com/picocss/pico/
I'm using the Hugo static site generator. I'll write more about it when I create a blog for longer-form posts.
#accessibility #css #WebDevelopment
@tink will be attending #DevFestNantes to share her talk: “The Land That Time to Interactive Forgot.” 🌐
She’ll explore how Time to Interactive (TTI) impacts web performance, accessibility, and user experience, offering insights into how we can all make the web faster and more inclusive.
Read more about her talk and find the full schedule at: devfest.gdgnantes.com/en/sched…
#WebDevelopment #Accessibility #SustainableAccessibility #DevFest
A must-watch for web devs!
briefs.video/videos/what-is-re…
by @heydon
#reactJS #webdev #webdevelopment #facebook #truth
Don't Use JS for That: Moving Features to CSS and HTML by Kilian Valkhof 👏
Of course, ensure it's accessible – especially the scroll example in this presentation.
youtube.com/watch?v=IP_rtWEMR0… #webdev #webdevelopment #javascript #css
Semantic Code In HTML: What Is It And Does It Still Matter?
Semantic code in HTML is still important in modern web development. It can improve accessibility, SEO, maintainability, cross-device compatibility, future-proofing, collaboration, and page load times.Paul Boag - User Experience Advice
In 2014, Steve Faulkner wrote an article What ARIA does not do. 10 years later, the message is unchanged.
#WebDev #WebDevelopment #ARIA #HTML #DigitalAccessibility #Accessibility #A11y
Compounding complexity in modern web development
I’d wager that most of the developers who build modern websites and web apps don’t start off thinking… I’m going to make this as complex as possible.gomakethings.com
Modern CSS Layouts: You Might Not Need A Framework For That — Smashing Magazine
It’s easy to get lost in a sea of CSS frameworks and libraries, each promising easier styling and smoother layouts.Smashing Magazine
Images without text alternatives is a huge problem. The issue is magnified when the image is a link. Realize that screen reader users receive no valuable information when the image wrapped with a link is missing a text alternative.
Ensure that all images, including those that act as link, provide appropriate text alternatives.
#DigitalAccessibility #Accessibility #A11y #UXDesign #WebDev #WebDevelopment
aria-label is one of a number of secondary methods to label native HTML UI elements. It works in some scenarios, less well or not at all on others. Get the details on it's proper and effective usage.
#HTML #ARIA #WebDev #WebDevelopment #DigitalAccessibility #Accessibility #A11y
Front-end development’s identity crisis
I’m not a “[full-stack] developer”, regardless of what my last job title saysElly Loel
Please don't bloat web pages!
"Modern web bloat means some pages load 21MB of data - entry-level phones can't run some simple web pages"
tomshardware.com/tech-industry…
#webperf #webdev #webdevelopment #usability #sustainability
Modern web bloat means some pages load 21MB of data - entry-level phones can't run some simple web pages, and some sites are harder to render than PUBG
Danluu benchmarks numerous websites and discusses their impact on older and/or weaker hardwareChristopher Harper (Tom's Hardware)
I am currently working on #accessibility in #forgejo. And I discovered a problem with focus where it is not possible to navigate the page with "tab", a dropdown makes the focus skip to the end of the page and you end up in a loop.
Can someone recommend ways or tools to debug focus in webbrowsers? I have a hard time to see how the focus skips there. Any hints are welcome.
Thank you.
Getting started with Web Performance 🚀 - HTMHell
A collection of bad practices in HTML, copied from real websites.Getting started with Web Performance 🚀 - HTMHell
Front end devs really don't understand accessibility
Yesterday, I discovered that quite a few of my articles have made their way onto Hacker News. And the conversations around them are actually, generally speaking, pretty good for what I generally expect from the site.gomakethings.com
You don't need JavaScript for that - HTMHell
A collection of bad practices in HTML, copied from real websites.You don't need JavaScript for that - HTMHell
chriscoyier.net/2023/11/08/eve… Yes! #webdev #webdevelopment #webdesign #SEO
Everything about SEO is obnoxious
“Search Engine Optimization” Blech. I hate it. This is what SEO should be: Write content on the internet. Make sure it is output in semantic, accessible HTML. Make sure the performance …Chris Coyier
Foundations: HTML semantics - TetraLogical
Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.TetraLogical
Accessibility training will not save you
A follow-up to my talk at A11yTO I cannot pinpoint the source of this misconception, it could have been a vendor, or long-lost blog post, or one of the many webinars I attended in my early days as a program lead.Reidmore
SpeedCurve | What is page bloat? And how is it hurting your business, your search rank, and your users?
Web pages are bigger than ever. Find out how this affects metrics like Core Web Vitals and what you can do to regain control of rampant page growth.SpeedCurve
I’ve promised enough people this, so I had to do it! 😁
Here’s my write-up of how I added client-side Fediverse-powered comments to my Jekyll blog using the Mastodon API.
Huge props to @jwildeboer for the initial inspiration, as well as @julian and everyone who provided feedback for inspiring the design improvements.
cassidyjames.com/blog/fedivers…
✨💬 Reply to this thread then check the blog post comments to see it in action!
#Mastodon #Jekyll #WebDevelopment #ActivityPub #design
Toot toot! Mastodon-powered Blog Comments
The Fediverse—and Mastodon’s API—is magic for static Jekyll sitesCassidy James Blaede
I don't know if anyone actually does #webdevelopment testing with #GNOME #Web (Epiphany) on #Linux, but if you've found the web inspector to be infuriatingly clunky everytime you open it, these fresh tickets are for you:
* bugs.webkit.org/show_bug.cgi?i…
* bugs.webkit.org/show_bug.cgi?i…
* bugs.webkit.org/show_bug.cgi?i…
What kind of ethics do front-end developers need?
Hidde's blogSome ways of how, as front-end developers, we can apply ethics in our work.
#Development #Outlooks
The end of front-end development · Things are going to change, but not in the scary way people are saying ilo.im/11t8v2
_____
#Job #AI #GPT4 #ChatGPT #ChatBot #WebDevelopment #WebDev #Code #Frontend #HTML #CSS #JavaScript #Skills #Productivity
The End of Front-End Development
Large language models like GPT-4 are becoming increasingly capable, at an alarming rate. Within a couple of years, we won't need developers any more! …Or at least, that's the narrative going viral on Twitter.ilo.im
The Great Gaslighting of the JavaScript Era
The age of frontend JavaScript frameworks eating the web world didn’t happen simply because some well-meaning developers found great DX. It happened because we were fed a line.The Spicy Web
I designed the 12-bit rainbow palette for use in my data visualisations. It consists of twelve colours chosen with consideration for how we perceive hue, chroma, and luminance. The palette uses a 12-bit colour depth, so each colour requires only four characters when specified as a hexadecimal colour code in a CSS or SVG file. For more details, see iamkate.com/data/12-bit-rainbo…
The 12-bit rainbow palette
A palette of twelve colours chosen with consideration for how we perceive hue, chroma, and luminanceiamkate.com
ARIA SUCKS!
Clickable <div>s
SUCK MORE!
#a11y #WebDevelopment #merch
etsy.com/uk/listing/1123850460…
ARIA SUCKS Short-sleeve Unisex T-shirt - Etsy UK
This Gender-Neutral Adult T-shirts item by HTMLZ has 2 favorites from Etsy shoppers. Ships from United States. Listed on 24 Aug, 2022www.etsy.com