used image optimizing
1537ebd1
1 file(s) · +53 −13
| 5 | 5 | tags: ["arc", "web browsers", "tech", "internet"] |
|
| 6 | 6 | --- |
|
| 7 | 7 | ||
| 8 | - |  |
|
| 8 | + | import { Image } from "@astrojs/image/components"; |
|
| 9 | + | ||
| 10 | + | <Image |
|
| 11 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/v1678295026/arc-browser-blog-post/s3udhcext52umxrydoum.png" |
|
| 12 | + | alt="Arc Logo" |
|
| 13 | + | width={1450} |
|
| 14 | + | height={1000} |
|
| 15 | + | /> |
|
| 9 | 16 | ||
| 10 | 17 | ## 20 Years of the Same Thing |
|
| 11 | 18 | ||
| 12 | 19 | The internet has grown significantly in the last twenty years. What was once just static web pages with facts is now a bustling cyber metropolis where we write essays, share photos of food, and buy airline tickets. It's something we use every day and take for granted. What's interesting is that in the last twenty years of the internet's evolution, the way we experience it has stayed mostly the same. Web browsers have certainly changed in appearance and performance, but the tab model and disconnect from the rest of the computer have stayed. The Browser Company making the Arc Browser has plans to change that and has the ambitious goal of creating an "Internet Computer." Before we get ahead of ourselves, let's have a brief overview of Arc and its features. |
|
| 13 | 20 | ||
| 14 | 21 | ## Tabs, Folders, and Spaces |
|
| 15 | - | ||
| 16 | - |  |
|
| 22 | + | <Image |
|
| 23 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/v1678294127/arc-browser-blog-post/skdp4gdysro6bmmipgkb.png" |
|
| 24 | + | alt="Tabs folders and spaces in arc" |
|
| 25 | + | width={1450} |
|
| 26 | + | height={1000} |
|
| 27 | + | /> |
|
| 17 | 28 | ||
| 18 | 29 | One of the fundamental differences between Arc and other browsers is how it handles tabs. Instead of a row of tabs at the top of a window, Arc keeps them all in a sidebar. I genuinely believe there is a strong UX decision being made here: organization is simply easier to accomplish with a side menu than it is with a top menu. Beyond that, Arc uses a “Pinned Tabs” and “Today’s Tabs” approach to organizing your website. You may often feel hesitant to close a website because you might need it later. If you do, you can move it to the pinned tabs. When you feel like you don’t need it, then you can remove it from pinned tabs. Anything that stays in today’s tabs can be automatically cleared after a certain amount of time, or you can click a button to wipe them all out. This is powerful because it makes the decision of what is important and what isn’t easy for people to make. |
|
| 19 | - | ||
| 20 | - |  |
|
| 30 | + | <Image |
|
| 31 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/v1678294257/arc-browser-blog-post/pkslbdu6vwxmhcsfpiah.png" |
|
| 32 | + | alt="View of spaces in Arc" |
|
| 33 | + | width={1450} |
|
| 34 | + | height={1000} |
|
| 35 | + | /> |
|
| 21 | 36 | ||
| 22 | 37 | Of course, you may have lots of websites that you need to keep pinned, and for that, Arc has Folders and Spaces. Folders work like any other bookmark folder, where you can store as many as you want with sub-folders as well. This can be useful if you have a lot of sites that need to be referenced for a project. Folders work to a degree, but even still, you can have too many folders. That’s where spaces come in. Spaces are designed to be different workspaces for whatever you do on the internet. You could have a shopping space, an entertainment space, a developer space, anything really. You can customize the appearance, name, icon, and of course, the pinned tabs and folders for each one. Arc makes it simple to swipe between spaces and re-organize them to fit your needs. |
|
| 23 | 38 | ||
| 24 | - |  |
|
| 39 | + | <Image |
|
| 40 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/v1678294333/arc-browser-blog-post/c3rjxfzg9fd2f5wjkdje.png" |
|
| 41 | + | alt="View of favorites in Arc" |
|
| 42 | + | width={912} |
|
| 43 | + | height={528} |
|
| 44 | + | /> |
|
| 25 | 45 | ||
| 26 | 46 | Favorites are special in that they are in nice little squares are the top of the sidebar no matter what space you are in, so for instance if you use Spotify a lot then that would be an ideal favorite app or website. They also have a preview feature when you hover over them for selective sites, e.g. Google Calendar will show you a brief schedule window. |
|
| 27 | 47 | ||
| 29 | 49 | ||
| 30 | 50 | ## Split View |
|
| 31 | 51 | ||
| 32 | - |  |
|
| 52 | + | <Image |
|
| 53 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/v1678294406/arc-browser-blog-post/riqyizem3k19rq7gjcot.png" |
|
| 54 | + | alt="Split view in Arc" |
|
| 55 | + | width={1450} |
|
| 56 | + | height={1000} |
|
| 57 | + | /> |
|
| 33 | 58 | ||
| 34 | 59 | Another killer feature on Arc is split views. With a few clicks, you can easily have side-by-side panels of two different websites. You can even pin these dual tabs if you have to reference them quickly. You can actually do more than just two; depending on how big your screen is, you can go crazy! Personally, I use this all the time when reading an article while taking notes or moving information from one app to another. The Arc team recently released vertical splits as well, perhaps enough persuasion to get a vertical monitor. |
|
| 35 | 60 | ||
| 37 | 62 | ||
| 38 | 63 | ## Peek View |
|
| 39 | 64 | ||
| 40 | - |  |
|
| 65 | + |  |
|
| 41 | 66 | ||
| 42 | 67 | Peek is a new feature for Arc but perhaps one of my favorites. When you click on a link, instead of taking you to a new tab or taking you off the current site, a smaller window pops up and allows you to see the content, where you can either close it or expand it into a full tab. You could be browsing Twitter, see someone reference an article, take a quick peek, and be done! It's a great way to reduce tab clutter, with a world-class UX. |
|
| 43 | 68 | ||
| 44 | 69 | ## Easels |
|
| 45 | 70 | ||
| 46 | - |  |
|
| 71 | + | <Image |
|
| 72 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/v1678295775/arc-browser-blog-post/jwihj6ivleo9hx90ikag.png" |
|
| 73 | + | alt="Easels in Arc" |
|
| 74 | + | width={1450} |
|
| 75 | + | height={1000} |
|
| 76 | + | /> |
|
| 47 | 77 | ||
| 48 | 78 | Easels are something completely unique to Arc and have some pretty impressive abilities. The concept is like internet chalkboards. You can snip pieces of websites, add them to an easel, then add other things like your images, text, shapes, etc. Arc provides a great shortcut (that can be customized), where all you have to do is hold down Command and Shift, then click & drag across the screen to select what you want to snip. Then it will prompt what easel you want to add the snippet to, or if you want to make a new one. Easels can also be made public and shared with other people! |
|
| 49 | 79 | ||
| 50 | - |  |
|
| 80 | + |  |
|
| 51 | 81 | ||
| 52 | 82 | The craziest part? They feature a LIVE mode. Let’s say you take a snippet of the weather of your hometown from Google and save it to your easel. At any time, you can visit the easel and press the “play” button, and Arc will update the easel in real-time! I’ve used this feature to track packages and share research with my team. Others have used it to make personalized dashboards to feature live info. You really need to try it for yourself! |
|
| 53 | 83 | ||
| 54 | 84 | ## Boosts |
|
| 55 | 85 | ||
| 56 | - |  |
|
| 86 | + | <Image |
|
| 87 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/v1678296116/arc-browser-blog-post/ow0z8neu9fnv3j21uor0.png" |
|
| 88 | + | alt="A view of the Boosts menu in Arc" |
|
| 89 | + | width={1450} |
|
| 90 | + | height={1000} |
|
| 91 | + | /> |
|
| 57 | 92 | ||
| 58 | 93 | Arc has an affinity to bring back the excitement of the internet from the 90s, both in design and in customization. Not only does Arc feature themes for your browser to personalize your experience, they give you the ability to do “Boosts” to websites. Boosts are simply CSS or JS injections to websites so you can customize the color of a website or give it additional functionality. |
|
| 59 | 94 | ||
| 60 | - |  |
|
| 95 | + | <Image |
|
| 96 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/v1678296633/arc-browser-blog-post/m0kdu35asmm6p43t7ml8.png" |
|
| 97 | + | alt="Boost being made in Arc for Tiwtter" |
|
| 98 | + | width={1450} |
|
| 99 | + | height={1000} |
|
| 100 | + | /> |
|
| 61 | 101 | ||
| 62 | 102 | As someone who is obsessed with customizing the personal computer environment, I absolutely love Boosts. [Nord](https://nordtheme.com/) is one of my favorite color palettes, and I use it for as many ports as I can. With Boosts, I’ve been able to customize all my regular sites to give it some flare. This comes a bit naturally for me since I have some web development experience and know how to snag CSS selectors easily, however, there are possibilities for Boosts to become a marketplace feature where non-technical users could save and use Boosts made by others. |
|
| 63 | 103 | ||
| 72 | 112 | That last point brings us to the concept of Internet Computers that Josh, the CEO of The Browser Company, talks about in [videofile_ : the internet computer](https://youtu.be/v0160IirdL4). He essentially breaks down how most of our lives run on applications in the cloud rather than the computers we use, whether it's our work, our photos and videos, or our entertainment; it doesn’t live locally. An Internet Computer is a fluid concept without definition, but perhaps could look like |
|
| 73 | 113 | ||
| 74 | 114 | > I can tap my finger on the device, or I can toss at a glance and whoosh: my computer comes down from the internet, comes down from the cloud, and is right there on that machine. Because all of the stuff I need, all of my tools, all of my files, all of my people, my teams, all of those things are out there on the internet too so it doesn't matter where I access it from. |
|
| 75 | - | > |
|
| 115 | + | ||
| 76 | 116 | ||
| 77 | 117 | Josh talks about this as a possible reality in five to ten years, but to be honest, it feels like we could be so much closer. Arc is already an app that can do just about anything you need it to do, thanks to the power of developers building web applications. Of course, there are limitations with heavier software, and there is still a lot of work to be done, but the concept of a computer that lives in the cloud and could seamlessly travel between your phone, your computer, or your partner’s tablet, really excites me! |
|
| 78 | 118 | ||