Collective #683







Collective 683 item image

Kuma

Kuma is a self-hosted monitoring tool similar to “Uptime Robot” with a great UI. Learn more about it in this video.

Check it out


Collective 683 item image

YoHa

YoHa is a hand tracking engine that is built with the goal of being a versatile solution in practical scenarios where hand tracking is employed to add value to an application.

Check it out



Collective 683 item image

Rowy

A free Airtable alternative: Manage Firestore data in a spreadsheet-like UI, write Cloud Functions effortlessly in the browser, and connect to third party platforms.

Check it out



Collective 683 item image

Huetone

Use LCH color space to come up with predictable and accessible color palettes.

Check it out


Collective 683 item image

Flowrift

A growing library filled with Tailwind CSS UI blocks, components and templates.

Check it out





Collective 683 item image

Bor

A user-friendly, tiny source code searcher written by pure Python.

Check it out







Collective 683 item image

3dicons

Some months ago, Vijay Verma shared 60+ free and open-source 3D icons. This collection has now grown to over a thousand icons! Worth checking out again.

Check it out

The post Collective #683 appeared first on Codrops.

How to make Microsoft Edge go to sleep

I recently installed Windows ten in an older Toshiba Satellite P755=S5182 laptop. I have done this installation many times before and thought I had turned off most of the annoyances. I installed drivers and updates and a few programs ie, Chome , Acrobat Reader, etc. When I insert a USB flash drive and File Explorer opens, Up Pops Microsoft Edge with numerous tabs offering "help with using File Explorer". I have already set Chrome as the default browser but I must have missed something in the settings. Anyone have ideas about what to turn off?
Mahalo for your help.

Collective #646








Collective 646 Item Image

How We Improved SmashingMag Performance

In this article, you’ll learn about the changes made on Smashing Magazine — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics.

Read it













Collective 646 Item Image

Wldlght

Follow an amazing journey in Japan with this projection mapping project, Wldlght.

Check it out






Collective 646 Item Image

Formality

A designless, multistep, conversational, secure, all-in-one WordPress forms plugin.

Check it out





The post Collective #646 appeared first on Codrops.

Building the Web We Want

On the Microsoft Edge team, we’re committed to an open web and helping to drive innovation forward, which is why we’ve kicked off a new initiative in collaboration with Google, Mozilla, Samsung Internet, Igalia and — most importantly — the web community, called The Web We Want.

The Web We Want is an open initiative for web developers and designers (or anyone who builds things for the web) to tell browser vendors what we should focus on building or fixing. The overarching question we’re asking is this: If you had a magic wand and could change anything about the web platform, what would it be? What are problems you’ve encountered with the web that you need to hack around or what tools need to be improved or built to help you do your job better? What’s something you think you should be able to do natively but can’t? These are just a few questions to get you thinking about submissions to the initiative.

Some of the submissions we’ve had so far span from specific feature requests to broader problems with the web platform:

This is just a snapshot of the feedback we’re getting. The whole list is available for you to browse.

Why should I submit to the Web We Want? 

This is an opportunity to make your voice heard and help us determine where the future of the web platform is headed. Once you’ve submitted your problem or feature, we’ll determine if your want is something that browser vendors can tackle directly or if it’s something that needs more scoping and is suited for Web Standards discussions.

This is an opportunity for all of us to take a step back and reassess where the future of the web is heading and figure out where the gaps are that make building for the web difficult today.

How can I participate?

There are a few different ways you can participate and there are a few different components to the Web We Want. First, think about what you think browser vendors should go fix and submit your ideas at webwewant.fyi. And that could be all that you want to do, which is great! We want any and all feedback about the platform and we have folks from different browsers constantly watching what’s being submitted. 

There’s a second, optional aspect to the Web We Want, which is a great way to get involved in the web community and dip your toes in the public speaking pool. We’ve been running the Web We Want as a community-focused panel session at conferences around the world. 

If you submit and are attending one of the events we’ll be at, your submission could be picked to be presented in a 3-5 minute lightning pitch to a panel of judges during the session, like an episode of Shark Tank but for tech. The live sessions we run are a way to get feedback and opinions from industry experts like Rachel AndrewJen SimmonsMiriam Suzanne, and Marcy Sutton.

Even if you’re not attending one of the events in person, you can still participate! We want to be mindful that not everyone can attend conferences so if you your submission is selected and you indicate you’re not attending an event,you’ll have an opportunity to record your lightning talk ahead of time and we’ll include it in the live session. 

The live session culminates with the judges deliberating and deciding on the most pressing “want” pitched during the session. We also have a community voting aspect that allows the event audience to rank what they think is the most pressing thing for browser vendors (or standards bodies) to work on. Even if you’re not attending an event, you can still vote for your favorite “wants” on the website as well as by sharing them on social media. 

So far we’ve run sessions at An Event Apart DC, Smashing Conf, and View Source, and the community participation and panel discussion of wants has been fantastic. If you run a meetup or a conference and are interested in facilitating this session, reach out to Stephanie Stimac or Aaron Gustafson

The Web We Want

We’re at a point in the web platform where browser vendors and standards bodies are eager to know what it is web developers and designers need in the platform. We need to know where to invest resources. Hop over to the Web We Want and let us know what you think the web platform needs so that we can shape the future of the web together. 

The post Building the Web We Want appeared first on CSS-Tricks.

Microsoft Edge: How to Open a Page Offline?

This is an extremely basic question, but I haven't found an answer yet.

I recently purchased a brand-new computer with Windows 10 and at the moment am using the Microsoft Edge browser that came with it.

I would like to open some offline (HTML) pages, but the Control-O feature to which I am accustomed in IE, Chrome, and Firefox, doesn't work. In the Edge browser, the hotkey Control-O resets the zoom level.

Is there a replacement hotkey for Control-O in Microsoft Edge?
Alternately, what is the non-hotkey method for opening an offline page in Edge?

Note, I am not trying to set the default Start page. I would simply like a quick and easy way to navigate to and open an HTML page that is saved on the hard drive.

Collective #563








C563_gameoff

Game Off 2019

Game Off is an annual game jam, where participants spend the month of November creating games based on a specific theme.

Check it out



C563_spleeter

Spleeter

Spleeter is the source separation library by Deezer. With pre-trained models written in Python and using Tensorflow it allows you to extract vocals, drums, bass and piano from a music track.

Check it out








C563_sidebearings

Sidebearings

A collection of typography and lettering resources designed to focus on beginners as well as advanced type designers, graphic designers and enthusiasts.

Check it out







Collective #563 was written by Pedro Botelho and published on Codrops.

How to Clear Your Browser Cache in All Major Browsers (Fast Way)

When fixing common WordPress errors, one common piece of advice that you would often receive is to “clear your browser cache”.

Since you don’t need to clear browser cache for day to day internet use, most non-techy users are not familiar with the process.

In this beginner’s guide, we will show you how to quickly clear your browser cache in all major browsers, step by step. We will also explain what is browser cache and how browser caching works.

How to clear browser cache in all top browsers

What is Browser Cache?

Browser cache is a technology used by most popular web browsers to save visited website’s data on a user’s computer. This allows the browser to quickly display a webpage on your next visit.

The logic behind it is that downloading static files from a WordPress hosting server located far away will take more time than reusing the resources from the user’s computer. This reduces the overall page load time and makes your online experience faster.

Typically browsers will not cache complete web pages unless the web developers specifically tell them to do it (via code). Instead browsers focus on static content like stylesheets, images, and JavaScript.

Why browsers cache static content?

Browser cache static content because it does not change as often as dynamic content.

For example, if you visit a WordPress website then the content of your posts and pages is more likely to change than your WordPress theme.

A typical website template includes several stylesheets, JavaScript files, and images. These files remain the same on each page, so downloading a fresh copy on every page load is simply inefficient.

This is why browsers keep a copy of these static files in a temporary storage folder on your computer, so they use that copy on your next website visit.

If you are using a WordPress caching plugin, then it may add guidelines for browsers to cache your static content along with expiration instructions for each resource type.

This improves user experience and makes the internet faster for everyone.

Why and when you need to clear browser cache?

Most popular browsers are smart about deciding which content to store in cache.

However, sometimes they are unable to figure out that the website you are viewing has changed. In that case, browsers will still load the cached version of files from local storage.

This leads you to see an outdated version of a web page, and the website may not work as intended. If you have made some changes to your website, then you may not see them appear on the live site.

This is when you need to force reload that page in other words clear your browser cache.

Forcing Browsers to Hard Refresh / Reload a Page

Before you clear your browser cache, you may want to try this step because it’s much faster and easier (this is what the Pros do).

Basically, when you click on the refresh button in your browser, it will load static content from browser cache. However by using a keyboard shortcut, you can force the browser to bypass cache and download a fresh version of the web page.

Simply press the following keys to force a hard refresh in your web browser.

  • Google Chrome on Mac: Command + Shift + R
  • Google Chrome on Windows & Linux: CTRL + F5
  • Firefox on Mac: Command + Shift + R
  • Firefox on Windows & Linux: CTRL + F5
  • Safari: Command + Option + R
  • Opera on Mac: Command + Alt + R
  • Opera on Windows: Shift + F5

Normally forcing a hard refresh will solve your problem. However if it dose not, then you need to clear your browser cache to make sure that you are seeing the live version of a web page.

Clearing Browser Cache in Google Chrome

Google Chrome is the most popular browser in the world right now. Here is how to clean the browser cache in Google Chrome.

Simply launch the Google Chrome web browser on your computer and then click on the three-dot menu in the top right corner. From the menu, you need to go to More Tools » Clear Browsing Data.

Chrome clear cache tool

This will launch the Chrome Settings page with ‘Clear Browsing Data’ popup displayed on the screen. You need to switch to the Basic settings and then select ‘All time’ next to time-range option.

Below that, you need to check the box next to the ‘Cached images and files’ option.

You can also select ‘Clear cookies and other site data’ option. It will delete all cookies stored in your browser storage. Doing so will also log you out from all websites and end other sessions.

Next, click on the ‘Clear data’ button and Google Chrome will clear the browser cache.

Clearing Browser cache in Firefox

If you are using Mozilla Firefox, then this is how you can clear your browser cache.

First, you need to launch the Firefox web browser on your computer. After that, you need to click on the hamburger menu on the top-right corner of the screen and select the ‘Preferences’ option.

Firefox preferences

This will bring up the Firefox settings page. From here, you need to switch to the ‘Privacy and Security’ tab, and then click on the ‘Clear Data’ button.

Clear cookies and site data in Firefox

Firefox will now ask what data do you want to clear. You need to select ‘Cached Web Content’ and click on the clear button.

 Delete cached content in Firefox

Firefox will now delete cached web content from your browser storage.

Clearing Browser Cache in Internet Explorer

Internet Explorer was the default web browser on Windows computers until it was replaced by the new Microsoft Edge browser.

However, many users still use it. If you are one of those users, then this is how you’ll clear browser cache in Internet Explorer.

First, you need to launch the Internet Explorer on your computer. After, that you need to click on the gear icon at the top right corner and then select Safety » Delete browsing history….

Clear browsing data in Internet Explorer

Next, you need to uncheck the option to ‘Preserve Favorites website data’, check ‘Temporary internet files’, and optionally check the ‘Cookies’ option.

Clear cache in the Internet Explorer

Click on the Delete button to continue, and Internet Explorer will empty your browser cache.

Clearing Browser cache in Edge

Edge is the default browser on Windows 10 computers. Here is how you will clear browser cache in Microsoft Edge.

First, you need to open the Edge browser on your computer. After that, you need to click on the three-dot menu at the top-right corner of the screen and select ‘Settings’ option.

Open Microsoft Edge settings

Next, you need to click on the ‘Choose what to clear’ button under the ‘Clear browsing data’ section.

Clear browsing data in Microsoft Edge

This will bring up the ‘Clear browsing data’ panel. From here, you need to select ‘Cached data and files’ and ‘Cookies and website data’ options.

Clear cache in Microsoft Edge

Click on the ‘Clear’ button and Microsoft Edge will now clear browser cache.

Clearing Browser Cache in Safari

Safari is the default browser on the Mac operating system. Here is how to clear browser cache in Safari.

First, you need to open the Safari web browser on your computer. After that. click on the History » Clear History… option from the top menu.

Clearing history in Safari

Safari will now ask you to select a time range. Select ‘All history’ from the ‘Clear’ dropdown menu and then click on the ‘Clear History’ button.

Clear all data in Safari

Safari will now delete all temporary data including cache, cookies, and all temporary website data.

If you want to empty the Safari cache without deleting cookies and other data, then you will need to enable the ‘Developer’ menu.

Simply click on the Safari » Preferences from the top menu. This will bring up the settings dialog box where you need to switch to the ‘Advanced’ tab.

Enable Develop menu in Safari

This will add the ‘Develop’ menu in your web browser’s top bar. Next, you need to click on the Develop menu and select ‘Empty Caches’ option.

Safari emptying cache in the developer mode

Safari will now only empty the browser cache without deleting cookies and other temporary data.

Clearing Browser Cache in Opera

If you are using Opera web browser, then here is how to clear your browser cache in Opera.

Fist, open the Opera web browser on your computer. After that, click on the menu icon on the top right corner of the screen and then click on the ‘Clear browsing data’ button.

Opera clear browsing data

This will bring up a popup on the screen. From here, first you need to select ‘All time’ next to the time range dropdown menu. After that, check the box next to the ‘Cached images and files’ option.

Clearing browser cache in Opera web browser

You can now click on the ‘Clear data’ button, and Opera will empty your browser cache.

What to Do When Clearing Browser Cache Doesn’t Work?

It depends on what you are trying to do at the moment. Let’s take a look at some common scenarios.

1. Can’t see changes you made to your website appear on the live site

The most common culprit for this usually a WordPress caching plugin. Normally, if you are logged in to WordPress, then your caching plugin would show you a non-cached version of your website.

However, due to a plugin misconfiguration, you may end up seeing a cached version of your website.

You’ll need to empty WordPress cache to see the live version. We have a detailed guide on how to clear cache in WordPress with step by step instructions.

2. I cannot log in to my WordPress website

If you are unable to log in to your WordPress website and the login page keeps refreshing, then most likely it is a WordPress settings issue.

See our detailed guide on how to fix WordPress login page refresh and redirecting issue.

3. A third party website is not updating

If you are seeing an outdated version of a third-party website while other users can see the changes, then this could happen due to a lot of reasons.

For example, the website may be temporarily down, and their CDN server is showing a cached copy of the website. It is also possible that their website firewall is not working properly, and it’s serving the cached versions to specific geographic locations.

In that case, you can try using a VPN service. This will allow you to change your IP address and visit the website from a different geographic location.

This will help you further troubleshoot and get to the bottom of the issue.

We hope this article helped you learn how to quickly clear your browser cache in all top browsers. You may also want to see our WordPress troubleshooting tips and the complete WordPress security guide to keep your website secure.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Clear Your Browser Cache in All Major Browsers (Fast Way) appeared first on WPBeginner.

How to Enhance Security Measures on Your Web Browsers

Stop threats before they can start with these tips

Browsers are the primary point of access to the World Wide Web. Every time you access the Internet, your browsers are exposed to potential online attacks. Browsers often provide an easy way for unauthorized users or hackers to access your private data, trace your daily activities or access your system directly.

You may also like: Endpoint Security With Browser Security Plus.

Overview of Browser Security

Your browser is an entry point for all malware or suspicious activities. It also means that your browser is vulnerable to attacks. Hackers or malware producers identify various loopholes to exploit browser functionalities and sneak malware onto your system.

Selenium WebDriver for Cross-Browser Testing, Part 1

Selenium is a popular automation testing framework that is primarily used for the cross-browser testing. It is open source and is ideal for automating testing of web applications across different browsers like Firefox, Chrome, Internet Explorer, Microsoft Edge, etc. Selenium has become a renowned framework and is giving stiff competition to other test frameworks like HP QTP (Quick Test Professional) and AKA HP UFT (Unified Functional Testing). This look at Selenium WebDriver will help you develop the basic understanding of the components of the Selenium suite, Selenium WebDriver architecture, and show you how to run automated tests for cross-browser compatibility.

Components of the Selenium Suite

Below are the core components of the Selenium Test Suite