DEV·4yBest VS code Extensions for Web Development
VSCode Extension helps you to boost your Productivity in Web Development. This post is for everyone including beginners including frontend and backend developers. We will show you how to use VSCode to improve your productivity on the front end and backend of your website.
Hacker News·4yPico.css • Minimal CSS Framework for semantic HTML
Large and complex CSS file increase memory usage and cause longer style calculations. A great design should be minimal, fast and maintainable. Most popular CSS frameworks are bulky, overkill and hard to customize. Huge stackings of wrappers and CSS classes are unnecessary for semantics elements.
SNIPCART·4yAstro: Less JavaScript & More HTML
Astro is an open-source project released under the MIT license and build by the team behind Snowpack. It can render JavaScript interactive components from a few different frameworks into pre-built HTML pages. Astro supports Markdown, TypeScript, Sass, Scoped CSS, CSS Modules, Tailwind, and any other packages.
DevDojo·4yHow to become a web developer in 2022, with coach Gandalf
In this blog post, I'll be discussing why you shouldn't trust on new year's resolutions, how overrated motivation is, and tools to help you succeed in the path of learning web development. I will ask coach Gandalf for his opinions on different topics and he will pour his wisdom and bluntness over us during the whole post.
DEV·4yBox shadow vs. drop shadow in CSS
We can use box-shadow to add shadows to our HTML elements. But did you know that we can achieve the same using drop-shadow filter. You simply have to pass the shadow value in the drop- shadow function. If we were to add box-Shadow on a PNG image you will see the shape of box- shadow is rectangular/box.
Hashnode·4yBuilding a Chrome extension using JavaScript
In this blog, we're going to walk you through creating a basic Chrome extension called CryptoBase. This kind of extension fires a browser notification based on the fulfilment of specific business logic. We'll also be keeping everything as per the Manifest V3(MV3) framework while building our extension.
DEV·4yOne-page CRM Admin Dashboard using HTML5, CSS3 and JavaScript
Carrotsuite-admin-ui is a CRM admin dashboard built with pure HTML5, CSS3 and JavaScript. The complete code is online and it is entirely free both for private and commercial use. The admin dashboard has, among others, the following features:Clean and responsive design.Subtle animations with pure CSS3.
JavaScript in Plain English·4yWhat Got Me Writing Vanilla JavaScript again
Hajime Yamasaki Vukelic has just finished porting one of his projects to vanilla. He argues that Vanilla JS is faster than Virtual DOM. He also argues that the notion that vanilla development is harder or in any way less enjoyable an experience is fundamentally wrong. Going against the industry standard. But is it worth it?
Code Like A Girl·4yHow to Create a Sticky Footer in CSS
How to create a Sticky Footer in CSS. The easy trick to designing one of the key elements of a webpage. Use this piece of code to add footers to your website which will enhance the look of the webpage. Many websites use the footer element to include authorship information.
Codrops·4yTeleportation Transition with Three.js
This coding session was streamed live on December 5, 2021. In this ALL YOUR HTML stream and coding session we’ll be creating a teleportation-like transition with Three.js using some quaternions, and fragment shaders. The original effect comes from Marseille 2021 by La Phase 5.
Stack Overflow Blog·4yWhat I wish I had known about single page applications
A single-page app is a web page with no real content, just a handful of JavaScript files and some links to other files. This is the heart of the single page app, but it can be very difficult to build and maintain. This article is the tenth in a series on the top ten posts of the year.
CSS-Tricks·4yHTML Sanitizer API
The draft report on a Sanitizer API is now in draft stage. It would let the browser clean user input before it is used again on the page. The draft report says:The browser has a fairly good idea of when it is going to execute code. We can improve upon the user-space libraries by teaching the browser how to render HTML from an arbitrary string in a safe manner.
DevDojo·4yHTML Tips & Tricks 1/2
Lazy loading is a strategy to identify resources as non-blocking (non-critical) and load these only when needed. Native autocomplete is a list of pre-defined options for an element. Clear forms with a native button will use forms to send data and alert user that the transfer was successful.
DevDojo·4yThe Ultimate HTML & CSS Cheatsheet
There are six headings available in HTML, H1 is the largest among all, and H6 is the smallest. There are several container tags in HTML. You can do certain things like creating italic, bold, strong text to make your document look more attractive and understandable.
freeCodeCamp·4yBecome a Full Stack Developer with Svelte, Postgres, Vercel, and Gitpod
Full stack web development includes the backend that happens on a server and the frontend that happens in the browser. Mike Nikles developed this course. The Svelte JavaScript framework is used for the front end with Postgres as the database. The app is deployed using Vercel and Railway. Watch the full course below or on the freeCodeCamp.org YouTube channel (7-hour watch).