Best of Browsers — October 2022
- 1
- 2
LogRocket·4y
Using CSS to hide scrollbars without impacting scrolling
The scrollbar in the browser allows the user to scroll up and down on the page without having to take their hands off the keyboard or trackpad. Hiding the scrollbar will create a smoother scrolling experience and remove some distractions from your site’s overall layout. In IE (Internet Explorer) and Edge, the syntax for hiding a scrollbar is a bit different from WebKit-based browsers like Opera, Chrome and Safari. The syntax for hide a scroll bar is a little different.
- 3
freeCodeCamp·3y
CSS Flexbox Explained – Complete Guide to Flexible Containers and Flex Items
CSS Flexbox gives you the tools to create basic and advanced website layouts in flexible and responsive ways. This tutorial discusses everything you need to know to use Flexbox like a pro. A flex container is an HTML element whose display property's value is flex or inline-flex. Use flex-direction: column-reverse to reverse the browser's layout direction. Try it on StackBlitz.
- 4
30 seconds of code·4y
30 seconds of code
30 seconds of code is much better at presenting HTML in a consistent manner. But default browser styles are not particularly great in most cases, which is why there are tons of CSS resets out there. Here's my opinionated CSS reset, along with an explanation of why I chose to include each rule.
- 5
System Weakness·3y
My top 5 browser add-ons for improved security
i will be taking you through 5 browser add-ons that every internet user should have on their browsers. Privacy Badger sends the Global Privacy Control signal to opt you out of data sharing and selling, and the Do Not Track signal to tell companies not to track you.
- 6
Testing a website with Selenium and Docker
Selenium is a popular browser automating tool that is primarily used for automating web applications for testing purposes. In this tutorial, you will learn why and how to use Selenium and Docker to test a website. Use the following Docker command to create a container with the image you have just pulled.
- 7
asayer·4y
The Complete Guide to Modules in Browsers and Node.
ESM works in modern browsers and server runtimes, including Node.js, Deno, and Bun. It's tempting to export a single default object literal with more than one property-addressed function rather than use individual exportdeclarations. Browsers without ESM support will not load scripts with a nomodule attribute. The CORS header must be set when a module can be imported from another domain. A CommonJS module makes a function or value.
- 8
Using Next.js security headers to strengthen app security
Using security headers to strengthen app security is a highly effective way to secure websites from common security threats such as cross-site scripting (XSS) and clickjacking. In this article, we’ll learn about security headers, their roles in website security, and how to add them to a Next.js application. The header also allows us to set custom security policies for various resources, including images and other media, fonts, styles, scripts, and more.
