more resizing
56f2f5fd
1 file(s) · +20 −20
| 10 | 10 | <Image |
|
| 11 | 11 | src="https://res.cloudinary.com/df9dofjus/image/upload/v1678295026/arc-browser-blog-post/s3udhcext52umxrydoum.png" |
|
| 12 | 12 | alt="Arc Logo" |
|
| 13 | - | width={1982} |
|
| 14 | - | height={1080} |
|
| 13 | + | width={1920} |
|
| 14 | + | aspectRatio={16/9} |
|
| 15 | 15 | /> |
|
| 16 | 16 | ||
| 17 | 17 | ## 20 Years of the Same Thing |
|
| 20 | 20 | ||
| 21 | 21 | ## Tabs, Folders, and Spaces |
|
| 22 | 22 | <Image |
|
| 23 | - | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1450,h_1000,c_fill/v1678294127/arc-browser-blog-post/skdp4gdysro6bmmipgkb.png" |
|
| 23 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1920,h_1080,c_fill/v1678294127/arc-browser-blog-post/skdp4gdysro6bmmipgkb.png" |
|
| 24 | 24 | alt="Tabs folders and spaces in arc" |
|
| 25 | - | width={1450} |
|
| 26 | - | height={1000} |
|
| 25 | + | width={1920} |
|
| 26 | + | aspectRatio={16/9} |
|
| 27 | 27 | /> |
|
| 28 | 28 | ||
| 29 | 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. |
|
| 30 | 30 | <Image |
|
| 31 | - | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1450,h_1000,c_fill/v1678294257/arc-browser-blog-post/pkslbdu6vwxmhcsfpiah.png" |
|
| 31 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1920,h_1080,c_fill/v1678294257/arc-browser-blog-post/pkslbdu6vwxmhcsfpiah.png" |
|
| 32 | 32 | alt="View of spaces in Arc" |
|
| 33 | - | width={1450} |
|
| 34 | - | height={1000} |
|
| 33 | + | width={1920} |
|
| 34 | + | aspectRatio={16/9} |
|
| 35 | 35 | /> |
|
| 36 | 36 | ||
| 37 | 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. |
|
| 50 | 50 | ## Split View |
|
| 51 | 51 | ||
| 52 | 52 | <Image |
|
| 53 | - | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1450,h_1000,c_fill/v1678294406/arc-browser-blog-post/riqyizem3k19rq7gjcot.png" |
|
| 53 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1920,h_1080,c_fill/v1678294406/arc-browser-blog-post/riqyizem3k19rq7gjcot.png" |
|
| 54 | 54 | alt="Split view in Arc" |
|
| 55 | - | width={1450} |
|
| 56 | - | height={1000} |
|
| 55 | + | width={1920} |
|
| 56 | + | aspectRatio={16/9} |
|
| 57 | 57 | /> |
|
| 58 | 58 | ||
| 59 | 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. |
|
| 69 | 69 | ## Easels |
|
| 70 | 70 | ||
| 71 | 71 | <Image |
|
| 72 | - | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1450,h_1000,c_fill/v1678295775/arc-browser-blog-post/jwihj6ivleo9hx90ikag.png" |
|
| 72 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1920,h_1080,c_fill/v1678295775/arc-browser-blog-post/jwihj6ivleo9hx90ikag.png" |
|
| 73 | 73 | alt="Easels in Arc" |
|
| 74 | - | width={1450} |
|
| 75 | - | height={1000} |
|
| 74 | + | width={1920} |
|
| 75 | + | aspectRatio={16/9} |
|
| 76 | 76 | /> |
|
| 77 | 77 | ||
| 78 | 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! |
|
| 84 | 84 | ## Boosts |
|
| 85 | 85 | ||
| 86 | 86 | <Image |
|
| 87 | - | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1450,h_1000,c_fill/v1678296116/arc-browser-blog-post/ow0z8neu9fnv3j21uor0.png" |
|
| 87 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1920,h_1080,c_fill/v1678296116/arc-browser-blog-post/ow0z8neu9fnv3j21uor0.png" |
|
| 88 | 88 | alt="A view of the Boosts menu in Arc" |
|
| 89 | - | width={1450} |
|
| 90 | - | height={1000} |
|
| 89 | + | width={1920} |
|
| 90 | + | aspectRatio={16/9} |
|
| 91 | 91 | /> |
|
| 92 | 92 | ||
| 93 | 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. |
|
| 94 | 94 | ||
| 95 | 95 | <Image |
|
| 96 | - | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1450,h_1000,c_fill/v1678296633/arc-browser-blog-post/m0kdu35asmm6p43t7ml8.png" |
|
| 96 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1920,h_1080,c_fill/v1678296633/arc-browser-blog-post/m0kdu35asmm6p43t7ml8.png" |
|
| 97 | 97 | alt="Boost being made in Arc for Tiwtter" |
|
| 98 | - | width={1450} |
|
| 99 | - | height={1000} |
|
| 98 | + | width={1920} |
|
| 99 | + | aspectRatio={16/9} |
|
| 100 | 100 | /> |
|
| 101 | 101 | ||
| 102 | 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. |
|