Masthash

#webDevelopment

Inautilo
5 hours ago

#Development #Reviews
Web apps on macOS Sonoma 14 beta · What to expect from Apple’s concept of installable web apps https://ilo.im/13gizv

“There is an enormous potential for web apps on Mac to succeed.” — Thomas Steiner

_____
#Apple #MacOS #WebApp #PWA #Safari #Chrome #Browser #WebDesign #WebDevelopment #WebDev #Dock #Installation #Manifest

CodePen.IO :verify:
6 hours ago

RT Jordan Dey
This week's #CodePenChallenge is all about "Toggles"! 🕹️
I'm excited to share my submission called "Bubble Toggles", a cute and animated input design. 🫧
@CodePen: https://codepen.io/DeyJordan/pen/poQvgaz
#WebDevelopment #FrontEnd #Design #HTML #CSS #JavaScript #100DaysOfCode #CodePen #web #dev https://t.co/XXBZxDlEdi

:sys_twitter: https://twitter.com/DeyJordan/status/1666830312486195200

Media source: https://video.twimg.com/ext_tw_video/1666826586744578050/pu/vid/1280x720/EXfRv92Wv1F7rsqe.mp4?tag=12
Zane
7 hours ago

For people who work #remote , do you put a profile picture on whatever communication platforms you use?

I sometimes find it hard to distinguish between people whose voices I've never heard and have similar names, when there's no profile picture next to their name. #remotework #careers #webdevelopment

Goncalo Tojeiro
8 hours ago

CSS Libraries, JS Frameworks, and so on and on. And then, there are all this tools to help you cope with all that, and supposably help you. How complicated can #webdevelopment get? Is it so hard to accept the simpler root?

WP Code Guru
9 hours ago

Elementor is one of the most popular #WordPress page builders out there today, and there's some amazing addons available for it too! We took a look at some of the best 🧑‍💻 https://wpcode.guru/top-5-premium-addons-for-elementor/

#wordpress_plugins #Website #webdesign #webdev #webdevelopment #elementor

Inautilo
12 hours ago

#Development #Explorations
Re-evaluating px vs em in Media Queries · Is the common recommendation to use ems instead of pxs still valid? https://ilo.im/13esaa

_____
#Browser #BrowserCompatibility #Chrome #Firefox #Safari #WebDevelopment #WebDev #Frontend #CSS #MediaQuery #Zoom #FontSize #CssUnits #px #em #rem

IT News
17 hours ago

Composition vs. inheritance in OOP and C# - Two of the key concepts in object-oriented programming (OOP) are inheritance and compo... - https://www.infoworld.com/article/3699129/composition-vs-inheritance-in-oop-and-c-sharp.html#tk.rss_all #developmentlibrariesandframeworks #softwaredevelopment #webdevelopment #microsoft.net #c#

Inautilo
2 days ago

#Development #Techniques
Replace JS with no-JS (or lo-JS) Options · Situations where HTML/CSS can help to substitute JavaScript https://ilo.im/13ed7e

_____
#WebDevelopment #WebDev #Frontend #Code #HTML #CSS #JavaScript #Substitution #Transitions #Animations #Components #Effects

Christian Mayer
2 days ago

Why would anyone ever use the #Yii #PHP Framework again when you can have #Symfony? #webdevelopment

Inautilo
2 days ago

#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

Chillogic
2 days ago

What do I need to do, and or, learn to make my webpage look like a Japanese or Korean website from the early 2000s.

Just tables and windows everywhere. All in different colors and fonts.

Is there a site out there that helps with this? #html #webdevelopment

Vixxey :progresspride:
2 days ago

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

Urwa Tools
2 days ago

5 Common HTML Minification Mistakes You Should Avoid

Discover the top 5 HTML minification mistakes to avoid when optimizing your website's performance. Improve speed, UX, and SEO. #HTML #WebDevelopment

https://www.urwatools.com/blog/5-common-html-minification-mistakes-you-should-avoid

Tech news from Canada
2 days ago
Horgabost Media
3 days ago

Apollo 3d project video update
Hi all, thanks for visiting. This is the latest update of the Apollo 3d project video update.
https://horgabostmedia.com/apollo-3d-project-video-update/
#3dModels #General #3dModels #3dRenders #glasgow #SCOTLAND #UK #WebDesign #WebDevelopment

WP Code Guru
3 days ago

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

Inautilo
3 days ago

#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

Acquaint Softtech
3 days ago

How to Make a Website For Your Restaurant: A Complete Guide

Attention restaurant owners! Learn how to create an impressive website for your establishment. Our complete guide covers design, online reservations, menu integration, and more. Take your restaurant's online presence to new heights.

For more information visit https://acquaintsoft.com/blog/how-to-make-restaurant-website

#laravel #companies #acquaintsofttech #RestaurantWebsite #CompleteGuide #webdevelopment

IT News
3 days ago

TypeScript 5.1 production release arrives -  TypeScript 5.1, featuring easier implicit returns for undefined-returning functions a... - https://www.infoworld.com/article/3694348/typescript-51-production-release-arrives.html#tk.rss_all #programminglanguages #softwaredevelopment #webdevelopment #typescript #javascript

Inautilo
3 days ago

#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

Inautilo
3 days ago

#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

Web Axe
4 days ago

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

raimoncoding
4 days ago

Your presence is like a supernova, radiating warmth and light, making the universe a little brighter every day.
#programming
#CodeNewbie
#100DaysOfCode
#JavaScript
#Python
#WebDevelopment
#FullStack
#OpenSource
#Hackathon
#GirlsWhoCode
#programminghumor
#womenintech

Jenn Junod
4 days ago

✨ Hello beautiful humans!✨

One of the OGs of the show @ajcwebdev is back to talk about... AI 😱

We'll be checking out @OpenAI's Whisper 🧐

⏰12pm PDT/PST | 3pm EDT/EST | 9pm CEST/CET

📍https://twitch.tv/jennjunod

#ai #100DaysOfCode #CodeNewbie #OpenAI #Whisper #TechTalk #ArtificialIntelligence #Technology #WebDevelopment #TechCommunity #DigitalInnovation #LiveStream #TechEvent

The website calckey.social has restrictions on the viewport:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

This means that users on mobile devices cannot zoom into the website.

https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag

"user-scalable"
Setting the value to 0, which is the same as no, is against Web Content Accessibility Guidelines (WCAG).

"maximum-scale"
Any value less than 3 fails #accessibility.

#WebDevelopment

@atomicpoet

Inautilo
5 days ago

“The ‘H’ in ‘PROGRAMMING’ stands for happiness.” — David Bisset

_____
#Development #DeveloperLife #Development #WebDevelopment #WebDev #Frontend #Backend #Programming #Happiness #Quote

TechDailyCFP
6 days ago

THAT Conference (http://that.land/m/whois):

Did we mention call for speakers is now open for THAT Conference in Texas? Apply today - https://t.co/G7BU8yrfMc

#callForSpeakers #cfp #webdevelopment #developers https://t.co/0MXIaTKBN8

6 days ago

In Chrome dev tools, if you're in the Elements tab & press Esc, you'll get a new set of tabs, one of which is: 'Rendering'.

Among other features (emulate prefers-reduced-motion, get the Core Web Vitals etc etc), there's also the option to emulate different vision deficiencies. So good that this is built in!

#accessibility #A11y #webdevelopment

An open dropdown menu on Chrome devtools 'rendering' tab, showing different kinds of vision deficiencies such as 'Blurred vision', 'Reducted contrast', 'Protanopia (no red)', and 'Deuteranopia (no green)'
thomas 🌸
6 days ago

I'm looking for a new position as a Software Engineer. I have 10+ years expierence, and I'm looking for Senior / Staff Roles, Node.js, React, JavaScript, Typescript! #webdev #software #engineer #jobhunt #hiring #nodejs #javascript #typescript #tech #layoff #programming #career #lookingforwork #coder #coding #nextjs #opensource #webcomponent #webcomponents #webDevelopment #softwareEngineering #react #reactjs #OpenToWork

Inautilo
6 days ago

#Development #Explorations
Future CSS: wishes granted by scroll-driven animations · Some experiments with a new CSS feature https://ilo.im/13aqs0

_____
#Specs #ScrollDrivenAnimations #WebDevelopment #WebDev #Frontend #CSS #Scrolling #Animations

Alistair Shepherd
6 days ago

What CMS' or non-technical site builders/tools are folks using?

I'm exploring some different options at work for clients editing their websites. We're pretty happy with where we're at but I'm keen to try out any recommendations to make sure we're not missing out!

#web #webdevelopment

Michael
1 week ago

TIL you can watch transitions in slow mo using chrome dev tools. Super useful:

https://blog.jim-nielsen.com/2023/slow-motion-animations-with-chrome-devtools/

#ChromeDevTools #WebDev #CSS #webDevelopment

dodothedev :arch_linux:
1 week ago

I released a new blog post yesterday, but had a bad evening, so only just getting round to sharing. Have a read, it includes Frodo, Samwise and Batman!

The Lonely Coder, Part 3 - Staying on the path: https://dodothedev.hashnode.dev/the-lonely-coder-part-3-staying-on-the-path
#blogsOfMastodon
#codeNewbie
#100dev
#webDevelopment

A red sign saying "please stay on the path".
Inautilo
1 week ago

#Development #Techniques
Shipping resilient CSS components · Container queries empower us to build reusable components https://ilo.im/13az2f

_____
#CSS #Component #Reusability #Resiliency #WebDevelopment #WebDev #Frontend #ContainerQuery #Layout #Style

kariscodes
1 week ago

The MVT pattern, which is used in #django , is an adaptable web development pattern that can be used to create applications that are both high-quality and user-friendly. I recommend learning about the MVT pattern if you are new to web development using Django. It is a great starting point for creating web applications.

#webdevelopment #pythonprogramming #django #html

Inautilo
1 week ago

#Development #Changes
Chrome disables modifying ‘document.domain’ · If your website relies on setting it, it’s crucial to take action https://ilo.im/13aekm

_____
#Chrome #Browser #Security #WebDevelopment #WebDev #Frontend #DevTools #JavaScript

Inautilo
1 week ago

#Business #Releases
Blacklight updated with new tracker lists · The popular website privacy inspector now detects even more trackers https://ilo.im/13a0tv

_____
#Privacy #Scanner #Advertising #Website #Blog #Development #WebDevelopment #WebDev #Frontend #Tracker

Tech news from Canada
1 week ago
IT News
1 week ago

Bootstrap 5.3.0 emphasizes dark mode, custom colors - Bootstrap 5.3.0, the latest version of the CSS, JavaScript, and HTML web framework, ha... - https://www.infoworld.com/article/3698509/bootstrap-530-emphasizes-dark-mode-custom-colors.html#tk.rss_all #developmentlibrariesandframeworks #webdevelopment #javascript

IT News
1 week ago

How to use advanced Dapper features in ASP.NET Core - The Dapper ORM (object-relational mapper) has gained widespread popularity for working... - https://www.infoworld.com/article/3698228/how-to-use-advanced-dapper-features-in-asp-net-core.html#tk.rss_all #developmentlibrariesandframeworks #softwaredevelopment #webdevelopment #microsoft.net #c#

Freax
1 week ago
Do you want to be a #cybersecurity rock-star? Let #OWASP show you the way! Take your pick from 11 virtual courses NEXT WEEK and learn the ins and outs of #ASVS, #threatmodeling, #webdevelopment, #AWS AND MORE. REGISTER IS CLOSING SOON: www.eventbrite.com/e/owasp-202… nitter.at/owasp/status/1664195…
Inautilo
1 week ago

#Development #Overviews
Is there a viable animated GIF alternative yet or what? · A comparison of some options with decent browser support https://ilo.im/13a4m5

_____
#AnimatedGIF #ImageFormat #Content #WebDesign #WebDevelopment #WebDev #Frontend #Browser #HTML #AVIF #WebM #WebP #MP4 #Video

Inautilo
1 week ago
Inautilo
1 week ago

#Development #Reviews
Why we’re bad at CSS · Despite CSS’s latest advancements, its challenges continue https://ilo.im/1369cj

_____
#CSS #Frontend #WebDevelopment #WebDev #DesignSystem #CssMethodology #CssFramework #Bootstrap #Tailwind #CoolCss #BEM

Searcher Eye :openbsd: 📺
1 week ago

📢 Not a #frontend guy but check out the <dialog> element now available in all modern web browsers, no more shenanigans for a modal window 👉 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog 🚀
#HTML #WebDevelopment #DialogElement #WebDesign

Inautilo
1 week ago

#Design #Concepts
4 levels of grids for web designers · How structure brings stability, clarity, and consistency to a layout https://ilo.im/1380h9

_____
#Layout #Grids #IxDesign #UiDesign #WebDesign #WebDevelopment #WebDev #Frontend #Columns #Alignment #Spaces #VerticalSpacing

Inautilo
1 week ago

#Development #Explorations
First experiments with view transitions for multi-page apps · Let’s discover the potential of the new View Transitions API https://ilo.im/1392an

“This is a great dive on view transitions.” — @jimniels

_____
#Browser #ViewTransitionsAPI #WebDevelopment #WebDev #Frontend #HTML #CSS #Animation #ProgressiveEnhancement

New web development cheatsheets with HTML, CSS, JavaScript topics on FosseryWeb.
(in progress, currently on beta branch)
https://fosseryweb.codeberg.page/@beta/programming-cheatsheets/cheatsheets.html

What do you think? What other topics should I cover? Do you have any suggestions?

#WebDev #webdevelopment #coding #Website #html #css #js #JavaScript #fosserytech #fosseryweb

Inautilo
1 week ago

#Development #Cheatsheets
Mastering CSS blend modes · Blend modes are a powerful way to create endless visual effects https://ilo.im/137vu7

_____
#BlendModes #WebDevelopment #WebDev #Frontend #CSS #Tailwind

Antonio Sarcevic
1 week ago

Create a simple installable and offline-first web application using SvelteKit and workbox-precaching!
https://youtu.be/Enl4OPQ2OAM

#sveltejs #svelte #pwa #webdevelopment

Joseph Kariuki
2 weeks ago

You should concentrate on a few essential ideas as a beginning studying Django in order to establish a strong foundation. It's crucial to remember that learning Django entails building projects. You will be able to practice these ideas and become proficient in Django development by following tutorials, reviewing the official documentation, and working on small projects. 😀
#webdevelopment #django #pythonprogramming #backenddevelopment

Ana Tudor 🐯
2 weeks ago

Reading up on `content-visibility` https://web.dev/content-visibility/

Have you used it yet? If yes, what's your experience with it? Yay? Nay?

#css #webdev #frontend #webDevelopment

Inautilo
2 weeks ago

“To replace programmers with AI, clients will need to accurately describe what they want. We’re safe.” — Milan Milanović

_____
#Development #AI #Chatbots #Business #Client #Programing #WebDevelopment #WebDev #Frontend #Backend #Code #Quote

Inautilo
2 weeks ago

“Professionalism is caring more than is reasonable to get it right.” — Dan Saffer

_____
#Design #Business #Design #ProductDesign #UxDesign #UiDesign #WebDesign #Development #WebDevelopment #WebDev #Quote

Inautilo
2 weeks ago

#Development #Techniques
The retro magic of style switchers · Why stop with just a dark mode? Let’s go back to the future https://ilo.im/12toh7

_____
#StyleSwitcher #WebDevelopment #WebDev #Frontend #CSS

@mandrasch

There isn't much talk on the subject of #carboonFootprint in #webDevelopment.

Unfortunately, the problem is both on the side of web developers and designers, and the clients.

Inautilo
2 weeks ago

#Development #Reviews
‘display: contents’ considered harmful · What you risk when you rely on the CSS declaration ‘display: contents.’ https://ilo.im/135nkr

_____
#AssistiveTechnology #Accessibility #A11y #WebDevelopment #WebDev #Frontend #HTML #SemanticHTML #CSS #DisplayContents

Inautilo
2 weeks ago

#Development #Checklists
HTML best practices for login and sign-up forms · These forms are simple, but many websites still have mistakes https://ilo.im/134snf

_____
#Login #Signup #WebDevelopment #WebDev #Frontend #HTML #JavaScript #Form #Password

Ana Tudor 🐯
2 weeks ago

Things that make me sad: Firefox DevTools being unable to show me computed values for custom properties 😿 #CSS #DevTools #coding #webDev #frontend #webDevelopment

Screenshot of FirefoxDevTools giving me a "No CSS properties found." when searching for a custom property in the Computed styles panel, even though in the HTML panel above it can be clearly seen how the same custom property was set in an inline style.
Ana Tudor 🐯
2 weeks ago

How would you pure CSS this split angled scroll reveal? #cssChallenge2023 #CSS #coding #webDev #webDevelopment #noJS #frontend #scrollAnimation

Animated gif.

Initially shows an angled split panel with the image of a snow leopard on the left and a grey info box its name and binomial name on the right.

Scroll and the image of a leopard slides from above along the angled split, over the snow leopard info panel on the right. At the same time, a leopard info panel slides from below along the angular split, over the snow leopard image on the left.

Scroll some more and the image of a jaguar slides from below along the angled split, over the leopard info panel on the left. At the same time, a jaguar info panel slides from above along the angular split, over the leopard image.

Scroll even more and the image of a lion slides from above along the angled split, over the jaguar info panel on the right. At the same time, a lion info panel slides from below along the angular split, over the jaguar image on the left.

One final scroll and the image of a tiger slides from below along the angled split, over the lion info panel on the left. At the same time, a tiger info panel slides from above along the angular split, over the lion image.

Then scroll back for the reverse effect.
Stefan Bohacek
2 weeks ago

I didn't think adding translation to a project was going to be particularly easy, but I am starting to wonder if people maybe create their own solutions?

I was looking at https://www.npmjs.com/package/i18n, it looks nice. But it doesn't seem to let you break your translation text into multiple files for easier organization?

And I like this editor https://marketplace.visualstudio.com/items?itemName=thibault-vanderseypen.i18n-json-editor, but it doesn't seem to be compatible with the format the i18n node package uses.

#webdev #WebDevelopment #i18n #translation

Cassidy James :endless: :gg:
2 weeks ago

Web developers: when you say, “your browser does not support this site,” what you REALLY mean is that YOU don’t support the browser. Don’t turn it around on the user because you chose not to stick to well-supported standards, or worse, are doing user agent sniffing.

If you truly use some feature shipped by one browser and not everyone, at least say, “We use x standard feature, which is unsupported in this browser.” But even then, the web is all about progressive enhancement.

#WebDevelopment

james
3 weeks ago

Doing some formalising of some mentorship for web developers, and I would like to ask you:

What are the fundamental concepts and foundational skills (not just technical) that a mid level web developer must understand to be solid in their job?

If it helps, the devs in question work mostly with JavaScript, CSS, HTML and Vue.js

#webdevelopment #vue #mentoring #webdev

Steve Woodson
3 weeks ago

Today I found https://petertyliu.github.io/toaster/, a pure CSS 3D Modeling Suite which makes my frontend dev heart happy.

I'm fairly certain if I didn't have this organization in place I wouldn't have made the time to discover it and I'm so glad I did

#CSS
#WebDevelopment

Jan :rust: :ferris:
3 weeks ago

When you develop a library for the JS ecosystem - be it #React, #Svelte, #Vue whatever, do the #JavaScript community a favor and implement it in #TypeScript.

And no, I don't want to have a loosly dangling d.ts file somewhere. Go TypeScript natively!

I can't use your beautiful Vue js component in my Vue TS app, because it doesn't provide typings for it's slots! 😠

#WebDev #WebDevelopment

Sara Joy ✨
3 weeks ago

Incremental update to http://sarajoy.dev/basic has been pushed :)

Edit: just to say that yes, it's very much under construction still, but what personal website isn't?

#BuildInPublic #WebDevelopment

David Burns
3 weeks ago

The modern web is so... so awesome!

#react #webDevelopment

A crashed react page in a browser not showing any content... the error says

This page crashed.

The “style” prop expects a mapping from style properties to values, not a string.

For example, style={{marginRight: spacing + 'em'}} when using JSX.
Ana Tudor 🐯
3 weeks ago

✨Best way to get grainy gradients✨ https://patreon.com/posts/video-grainy-83191847/

🚫 no external images
🚫 no base64 vomit
🚫 no messing with contrast/ brightness of gradient
✅ under 250 bytes #SVG filter
✅ even less #CSS
✅ covers text & shadow cases

https://codepen.io/thebabydino/pen/abjpEbz

https://codepen.io/thebabydino/pen/VwBPygQ

#CodePen #svgFilter #filter #coding #webDev #frontend #webDevelopment

Screenshot of a card with text content, shadow and a grainy gradient background.
DigitalOcean
1 month ago

If you could travel back in time and give one piece of advice to your past self when starting #webdevelopment, what would it be?

Visual Studio Code
3 months ago

[Re. @WebDesignerAmy]
Always like to watch back-to-basic vids b/c they are great refreshers but also always learning something new! Great video on #GitHub Copilot @ReynaldAdolphe! @code #vscode #microsoft #coding #webdevelopment https://t.co/bNcjKChHxJ