added resizes
8f4876be
1 file(s) · +8 −8
| 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={1450} |
|
| 14 | - | height={1000} |
|
| 13 | + | width={1982} |
|
| 14 | + | height={1080} |
|
| 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/v1678294127/arc-browser-blog-post/skdp4gdysro6bmmipgkb.png" |
|
| 23 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1450,h_1000,c_fill/v1678294127/arc-browser-blog-post/skdp4gdysro6bmmipgkb.png" |
|
| 24 | 24 | alt="Tabs folders and spaces in arc" |
|
| 25 | 25 | width={1450} |
|
| 26 | 26 | height={1000} |
|
| 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/v1678294257/arc-browser-blog-post/pkslbdu6vwxmhcsfpiah.png" |
|
| 31 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1450,h_1000,c_fill/v1678294257/arc-browser-blog-post/pkslbdu6vwxmhcsfpiah.png" |
|
| 32 | 32 | alt="View of spaces in Arc" |
|
| 33 | 33 | width={1450} |
|
| 34 | 34 | height={1000} |
|
| 50 | 50 | ## Split View |
|
| 51 | 51 | ||
| 52 | 52 | <Image |
|
| 53 | - | src="https://res.cloudinary.com/df9dofjus/image/upload/v1678294406/arc-browser-blog-post/riqyizem3k19rq7gjcot.png" |
|
| 53 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1450,h_1000,c_fill/v1678294406/arc-browser-blog-post/riqyizem3k19rq7gjcot.png" |
|
| 54 | 54 | alt="Split view in Arc" |
|
| 55 | 55 | width={1450} |
|
| 56 | 56 | height={1000} |
|
| 69 | 69 | ## Easels |
|
| 70 | 70 | ||
| 71 | 71 | <Image |
|
| 72 | - | src="https://res.cloudinary.com/df9dofjus/image/upload/v1678295775/arc-browser-blog-post/jwihj6ivleo9hx90ikag.png" |
|
| 72 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1450,h_1000,c_fill/v1678295775/arc-browser-blog-post/jwihj6ivleo9hx90ikag.png" |
|
| 73 | 73 | alt="Easels in Arc" |
|
| 74 | 74 | width={1450} |
|
| 75 | 75 | height={1000} |
|
| 84 | 84 | ## Boosts |
|
| 85 | 85 | ||
| 86 | 86 | <Image |
|
| 87 | - | src="https://res.cloudinary.com/df9dofjus/image/upload/v1678296116/arc-browser-blog-post/ow0z8neu9fnv3j21uor0.png" |
|
| 87 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1450,h_1000,c_fill/v1678296116/arc-browser-blog-post/ow0z8neu9fnv3j21uor0.png" |
|
| 88 | 88 | alt="A view of the Boosts menu in Arc" |
|
| 89 | 89 | width={1450} |
|
| 90 | 90 | height={1000} |
|
| 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/v1678296633/arc-browser-blog-post/m0kdu35asmm6p43t7ml8.png" |
|
| 96 | + | src="https://res.cloudinary.com/df9dofjus/image/upload/w_1450,h_1000,c_fill/v1678296633/arc-browser-blog-post/m0kdu35asmm6p43t7ml8.png" |
|
| 97 | 97 | alt="Boost being made in Arc for Tiwtter" |
|
| 98 | 98 | width={1450} |
|
| 99 | 99 | height={1000} |
|