Community Picks·2yI quit Google Chrome after 15 years: Here’s where I ended up and why
Laptop Mag: I quit Google Chrome after 15 years and decided it was time to take a break from Google Chrome. Chrome is impressively intuitive and well laid out — something that not every browser can wear as a badge of pride. The last week and change have been an eye-opener of sorts.
Community Picks·3yOptimal Images in HTML
Shopify Storefront Build is the most powerful no-code solution for Shopify merchants to drive growth Pricing Blog.io & Elastic Path on 12/13 Use Cases Landing Pages Customize and optimize high performing landing pages within your existing site or app Headless CMS. Visually create and seamlessly manage content on any tech stack.
Community Picks·3yThe modern way of serving images
The HTTPArchive found at least 70% of all websites have an image as the most prominent element, yet only 34% of the web uses to create responsive & performant images. To change this, the following article will guide you through responsive image techniques, and introduce a novel technique that aims to make tags work (almost) like tags.
asayer·3yLazy Loading in JavaScript
Lazy Loading in JavaScript Back Lazy loading is a method used to defer the loading of non-essential content until it becomes necessary for users to view it. It delays the display of certain elements, such as images, videos, and other multimedia, until the user actively interacts with the webpage. This article will look into the benefits of lazy loading.
Community Picks·3yGetting Started – Lightning CSS
Lightning CSS can be used as a library from JavaScript or Rust. It can also be wrapped as a plugin in other build tools, and built into Parcel out of the box. From Node First, install Lightning CSS using a package manager such as Node First. Once installed, import the module and call one of the Lightning CSS APIs.
ITNEXT·3yThe Next Generation of Front-end Development
neo.mjs offers developers a unique approach to front-end development by utilizing the “off the main thread” paradigm. This approach allows for tasks such as data processing and heavy computation to be handled by a separate thread. This can result in significant performance improvements and a more responsive and smooth user interface.
Medium·3yJavaScript Optimization Techniques for Faster Website Load Times: An In-Depth Guide
JavaScript Optimization Techniques for Faster Load Times: An In- Depth Guide Master JavaScript optimization to enhance website performance. In this article, I’ll guide you through various methods to optimize your JavaScript code, including minimizing file sizes, reducing network requests, and employing best practices to ensure faster load times and improved UX.
asayer·3yCreate a CI/CD Pipeline for Front End Projects
In modern front-end development, automating the testing and deployment of your apps is mandatory to avoid wasting time or making mistakes. This article will show you how to go about achieving this goal. We’ll walk through the crucial elements of a successful pipeline for Front-end projects.
The Verge·3yHow hackers took over Linus Tech Tips
The Verge YouTube channel Linus Tech Tips and two other YouTube channels have been restored after a major hack allowed a bad actor to do things like livestream crypto scam videos, change channel names, and even delete videos. In a new video, owner Linus Sebastian explains that the breach bypassed things like password and two-factor protections.
DZone·3yBest 15 CSS Trends To Watch For
The days are long gone when a viewer’s attention is quickly captured by a simple and plain HTML website. Cascading Style Sheets, or CSS, is an ideal way to spice up your web design. According to W3Techs, as of January 2023, approximately 96.9% of websites use CSS.
Chrome Developers·3yWhat's new in CSS and UI: I/O 2023 Edition
What's new in CSS and UI: I/O 2023 Edition - Chrome Developers. What’s new inCSS andUI: I-O 20 23 Edition. The past few months have ushered in a golden era for web UI. New platform features let you build logical interfaces with components that own their responsive styling information.
Community Picks·3yWhy Does Email Development Have to Suck?
An email is essentially just an HTML document, like a web page, except it's visualized in an email client, rather than a web browser. Both browsers and email clients rendered HTML pretty much the same way and had the same functionalities. While web standards evolved and browsers started implementing them, email clients didn't change much.
Community Picks·3yWhat’s new in CSS
What’s new in CSS - WWDC23 - Videos - Apple Developer Streaming is available in most browsers, and in the WWDC app. Learn techniques and best practices for working with wide-gamut color, creating gorgeous typography. We'll also peer into the future and preview upcoming layout and typography features.
asayer·3yIntroduction to Pure.css
Pure.css makes it simple to build quick-loading, mobile-friendly websites that look amazing on any device since it is meant to be lightweight, modular, and responsive. To make default styles consistent across many browsers, Normalize.css is used to build Pure. CSS is designed to be minimal and lightweight.
freeCodeCamp·3yCSS Transform Handbook – Complete Guide to CSS Transform Functions and Properties
CSS Transform Handbook allows you to translate, rotate, skew, scale, or add perspective effects to HTML elements. This tutorial discusses everything you need to know to transform HTML elements like a pro. The CSS property specifies the transformational effect you wish to apply to an HTML element.
Community Picks·3yThe new @font-face syntax
The new @font-face syntax has also been supported since Safari 17, Firefox 106 and Chrome 108. The new syntax looks like this: What’s changed? Instead of using strings, we use keywords. There are certain technical capabilities of fonts that the file type alone doesn't tell us.
Hacker News·3yMicrosoft is now injecting full-size ads on Chrome website to make you stay on Edge
Microsoft is injecting full-size ads on the Chrome website to encourage users to stay on Edge. They use aggressive methods and throw shade at Chrome, claiming the added trust of Microsoft. Although Google promotes Chrome, they only show banners on their own websites.
Community Picks·3yTest your forms
You can test and analyze your form to answer this question. Test your form on different devices, browsers, browser versions, and operating systems you can test on. Lighthouse helps you identify performance, search engine optimization (SEO), best practice and accessibility issues.
The Register·3yArc is a radical new take on the web browser
Arc is a radical new take on the web browser. It is based on the Chromium engine, and comes from a startup which modestly calls itself the Browser Company of New York. Arc's sidebar contains at least three different functions, all integrated into one, and it also attempts to automatically manage your tabs for you.
