WebDev

Announcing Svelte 4 (svelte.dev)

Updated performance, developer experience, and site

Nuxt in 100 Seconds (youtu.be)

Nuxt is a full-stack JavaScript framework based on Vue.js that provides server-side rendering, data fetching, state management, and many other features. Lear...

Web Components as Progressive Enhancement (cloudfour.com)

By wrapping and enhancing HTML elements, we can provide a solid baseline experience, with progressive enhancement as the cherry on top.

Introduction to progressive web apps - Progressive web apps (PWAs) | MDN (developer.mozilla.org)

This article provides an introduction to Progressive Web Apps (PWAs), discussing what they are and the advantages they offer over regular web apps.

Offline UX design guidelines (web.dev)

A guide to designing web experiences for slow networks and offline.

Make your PWA feel more like an app (web.dev)

Learn how to make your Progressive Web App feel like a "real" app by understanding how to implement platform-specific app patterns with web technologies.

WordPress as a Framework — SitePoint (www.sitepoint.com)

Comparing WordPress to functionality other frameworks today provide. When put side by side as far as features go, can it stack up?

Style your RSS feed (darekkay.com)

How to make your RSS feed look nice and provide useful information at the same time.

State of Web Components June 2023 (www.youtube.com)

Catch up on all the latest news about what is possible, improved, and coming soon in the ever growing adoption and use of web components. Learn about new tooling and unique ways to incorporate web components that you might not have thought about yet!

margin-trim as a best practice? (chriscoyier.net)

A great look at some considerations surrounding a very welcome improvement to margins in CSS.

The New CSS (matthiasott.com)

This is a very important article and anyone working with the #web (developers, designers, project managers) should read it carefully....

Performant design systems with Web Components (devconfcz2023.sched.com)

This sunday morning CEST I'm giving a talk at DevConf.cz called "PatternFly Elements: a Performant Design System". It's about how to build design systems with web components, and what the advantages are. If you'll be at the conference, why not stop by?...

AWS is down (health.aws.amazon.com)

Guess we got a snowday. Pack it up

Useful insights I got while building web development projects

Building a music player web app like spotify using HTML, CSS and Javascript!...

Useful insights I got while building web development projects

Building a music player web app like spotify using HTML, CSS and Javascript!...

Useful insights I got while building web development projects

Building a music player web app like spotify using HTML, CSS and Javascript!...

Useful insights I got while building web development projects

Building a music player web app like spotify using HTML, CSS and Javascript!...

Created a Weather web app using HTML, CSS and Javascript

Basic idea is, we have an input field and submit button in a div, styled with CSS. Clicking the submit button invokes a function which inputs the city using document object model (DOM) query selector and we fetch an API with API key and city name as a query. Relevant data is extracted and displayed with a CSS styled div again...