How to Send WhatsApp Messages to Anyone Without Saving Their Number on iPhoneThe world’s most popular messaging app needs no introduction, but it could definitely use a few basic features to minimise some of its pain points. I find it extremely irritating to save people’s phone numbers as contacts every time I have to send them a simple WhatsApp message. I buy stuff online all the time and it’s really frustrating to save contacts such as “Michael Craigslist iPhone Seller” or “John E. Bay iPadman”. Why do I have to save contacts to message people on WhatsApp? Are you too wondering how to send a WhatsApp messages without saving phone numbers? Fortunately, ...
Typologie, un nuancier typographiquePierre-Yann Lallaizon, mon ancien éditeur sur Hacker Citizen m’a contacté il y a plusieurs mois pour me parler d’un projet ambitieux : créer Typologie, un nuancier typographique ! Son idée ? Permettre de se faire une idée sur la forme d’une police d’écriture, de choisir une fonte avec un client via un outil papier élégant et pratique ou encore pouvoir réviser ses typos comme l’on révisait, jadis, sur les fiches des Incollables. Bref, vous savez à quel point j’accorde de l’importance aux choix typographiques, visuels, non pas uniquement parce qu’ils peuvent être beaux mais parce qu’ils sont porteur de sens, ...
Siri Shortcuts Explained: Automate (Almost) Everything on Your iPhone or iPadFor an OS that was routinely criticised for not being very flexible, iOS sure has come a long way. iOS still is not as customisable as people would like it to be, but that might change with iOS 14. iOS has a feature called Siri Shortcuts that allows you to automate several tasks. Yes, that’s right. iOS automation is a thing and a growing community of enthusiasts has been adding some essential features to both iOS and third-party apps using Siri Shortcuts. If you’ve been a fan of apps such as Tasker on Android, Siri Shortcuts is an officially supported ...
Kreat : 3 podcasts aux côtés de Jean-Louis FréchinMon ami et camarade de voyage autour du design, Olivier Saint-Léger, a réalisé ces derniers mois, trois entretiens aux côtés de Jean-Louis Fréchin, fondateur et designer de l’agence nodesign. L’idée de ces entretiens est née de la lecture du dernier livre de Jean-Louis « Le design des choses », un ouvrage que j’ai dans ma bibliothèque et que je vous invite vivement à lire tant il y a peu de littérature contemporaine et pertinente sur le design et sa réflexion, en français. Bref, Olivier Saint-Léger a donc réalisé avec le soutien et la confiance sans faille de Adobe, une série ...
Écoutez Hackstock : épisode spécial manifestations & vie privée !Comme *presque* chaque mois, avec mon acolyte & camarade Jérémie, on vous enregistre un nouvel épisode de Hackstock, podcast sur la vie privée, la surveillance et les libertés citoyennes. Cette semaine, on vous a concocté un épisode spécial manifestations où l’on vous présente les réflexes et outils à avoir et à penser pour l’avant / pendant / après manifestation. Parce que manifester (s’exprimer ensemble, d’une même voix) est un droit, parce que les gouvernements cherchent souvent à museler, amoindrir, maîtriser, écouter, corrompre ces manifestations… On a estimé nécessaire d’enregistrer cet épisode. Dans cet épisode on vous parle également de « Toxoplasma » ...
Comment j’ai sauvegardé «mon Web» sur un disque dur.Au mois de novembre dernier, j’ai entrepris de me créer une sauvegarde de « mon Web » en local, offline, sur un disque dur. Quand je dis mon web, ce sont les médias, outils, savoirs, vidéos, documents, etc. qui comptent pour moi et que j’utilise régulièrement. Dans cet article, je vais vous expliquer : pourquoi j’ai eu cette drôle d’idéece que j’ai mis dans cette sauvegardecomment j’ai fait pour récupérer tout un tas de contenu en lignece qu’il me reste à faire J’ai appelé ça « BCKUP » pour Backup (sauvegarde), j’ai dessiné un logo en ASCII et j’ai réalisé ...
Coronavirus et déconfinement : vers un design de l’autorité ?La journaliste de France info, Élise Lambert a publié ce matin quelques visuels issus des transports en commun parisien et tout y est pour essayer de faire respecter les fameux « gestes barrières » : autocollants, lignes au sol, signalétique, affiches, etc. Depuis plusieurs semaines, notre langage visuel quotidien s’est vu être enrichi sur de nombreux types de supports dans les transports et ailleurs avec plusieurs centaines de symboles, éléments graphiques et autres systèmes basés sur le design pour promouvoir les messages gouvernementaux. Ainsi, je voulais vous partager une revue de ces différents éléments de design qui sont là pour ...
This Concept Design of a ‘BRAUN Audio 07’ Radio Hardware is Absolutely StunningBRAUN Audio 07 Concept Cairo based product designer Abdelrahman Shaapan has created this concept design of Spotify radio hardware and it is one of the slickest concepts we’ve seen. BRAUN Audio 7 is Classic speaker design inspired by old BRAUN products contains a futuristic look, you have integrated a touch screen. This device contains a built-in Spotify application for use without the need for another device to run. It kinda reminds me of Saregama’s Carvaan sitting on my shelf here and I really hope Spotify builds something like this. Also see his other concepts → Magic Trackpad 3 and Sony ...
GitHub Announces Codespaces — A New Instant Dev Environment Within GitHubGitHub Codespaces GitHub has just announced a massive new feature during the GitHub Satellite that is sure to catch the attention of all kinds of developers around the world. The company has announced the availability of GitHub Codespaces in public beta, a complete dev environment that works entirely on the GitHub.com website. Developers can instantly get the full Visual Studio Code experience right in their browsers, launched from any repository they want to work on. Devs can code, build, test, debug, and event deploy using GitHub Codespaces. It’ll be free during beta, and pricing will be announced at a later ...
Abyss is a Neat Little “Read Later” App for iPhone, iPad and MacHave you ever come across a link while scrubbing through you Twitter or Facebook feeds on your iPhone that you prefer viewing on your Mac instead? Similarly, you know those times when you’re sitting near your Mac and want to read some article on your iPhone or iPad that’s placed next to you, but you’d rather read it later? Typically, you’d bookmark the URLs for viewing later. Some might save the URL in the browser to sync across devices, some might use a “Read Later” service like Pocket or Instapaper and some users might even choose to add the URLs ...
Alto’s Adventure & Alto’s Odyssey Go Free for WeekAs the world battles the COVID-19 outbreak, a lot of people are understandably choosing to stay at home to practice social distancing and try to keep the virus away. With a lot of spare time on their hands, many people are exploring the App Store and Google Play for fun games that they can play and pass their time. Snowman, the people behind the incredible game titles such as Where Cards Fall, Skate City, Alto’s Odyssey, Alto’s Adventure, etc. have just announced that they’re making the games Alto’s Adventure and Alto’s Odyssey free for a week. We’ve decided to make ...
Why Radio Buttons and Checkboxes Can’t Co-ExistRadio buttons and checkboxes have long been components that cause users confusion. These components are often used in the same context, but look completely different. Designers and developers know the difference, but that’s because they learned it through their work. What about users who were never taught the difference? The fact that users need to be taught the difference shows that these two components are not intuitive. Their appearance alone does not convey their slight differences in functionality. The visual cues themselves—a dot and checkmark—carry no specific meaning to users other than an option selection. Therefore, the existence of both ...
When to Use a Floating Call-to-Action ButtonFlick, flick, flick, flick! That’s the sound of the user’s finger scrolling through your long mobile landing page. Eventually, they’ll get flick fatigue and abandon your page if they don’t see the call-to-action button. The user’s attention and energy are finite resources. Once it exceeds a certain point, they’ll call it quits and move on. If they can’t tap your call-to-action button when they’re ready, you could lose them as potential customers. There’s nothing wrong with a long mobile landing page. It’s what naturally happens when you condense content to fit the width of a mobile viewport. The problem is ...
Why Infield Top-Aligned Labels Beat Floating LabelsForm field label alignment has evolved over time. It’s been five years since I first introduced infield top-aligned labels. Due to its advantages over both top-aligned and infield labels, many have adopted them. However, it seems many have also adopted its counterpart, floating labels. This is unfortunate for users because infield top-aligned labels have far better usability and accessibility than floating labels. The standard for label alignment should have a high level of usability and accessibility, or it’s not the best practice everyone should follow. In this article, I’ll break down why and how infield top-aligned labels are more usable ...
Improve Your Sign-Up Form with Off-White Text FieldsWhen designing an app, most designers put all their effort into the content pages but overlook the sign-up form. What users end up getting is a form that’s visually unappealing, stale, and clinical. A white background, plain text fields, cluttered text, and harsh black outlines everywhere doesn’t motivate users to sign up. If your form looks like this, there’s room for improvement. Some users who want to use your app are likely to sign up regardless of how your form looks. However, others who are undecided are likely to pass once they see your clinical sign-up form. You could be ...
Forget Moo & Vistaprint! Make Refreshingly Unique Business Cards with Print PeppermintWhether you’re a freelance graphic designer, photographer, or real estate agent – Print Peppermint is certain we’ve got something for you in our bottomless bag of business card ideas. Disclaimer Please Note: We do not print free or cheap craptastic business cards on flimsy paper using a digital press – that’s somebody else, we won’t say who but it rhymes with “Mister Mint”. Another Note: We do not bait people in with ubersexy graphics, slick business card templates, and enticing low-qty prices, only to unreasonably jack up the costs at higher volumes – that’s somebody else, their name rhymes with ...
Why You Shouldn’t Use Solid or Underlined Text FieldsText fields have evolved stylistically over the years. Designers are getting more creative with them, but sometimes a little too creative. One particular style that’s caught the eye of many is the underlined text field. Its novel and minimalist appearance may attract you in using it, but when you understand how it affects user behavior, you’ll think again. Underlined text fields are hard for users to recognize and tap. If they have trouble recognizing and tapping your fields, they won’t be able to start your form nor finish it. These issues lead to user frustration, form abandonment, and lower conversion ...
Work Smarter and Accomplish More by Managing Work with Pagico 9Things that always stress me out: task list getting too long, or multiple projects going at the same time. But the new Pagico 9 works like an external memory that lets me offload my brain, think more clearly and get more done. Keeping Everything Together We all have many areas of responsibilities: projects at work, family errands, or that wonderful vacation you’re planning. When multiple tracks of things move concurrently, we may overlook details or even miss deadlines. With Pagico, you can keep all these tracks neatly in check by centralizing notes, tasks, checklists, emails and files by projects and ...
Flighty is the Best Live Flight Tracking App for iPhone and iPadIf you’re looking for the best live flight tracking app for iPhone and iPad, look no further than Flighty. Who knew flight tracking apps could be so delightfully good? When you’re set to travel by air, tracking your flight status is something you must do all the time. Without knowing the up-to-date status of your flight, you could be faced with unexpected delays, rescheduling, gate changes, all of which lead to high levels of frustration, stress and you may even have to go through the efforts of walking from one gate to another at the last minute, at times even ...
Stunning Wallpapers for iPhone 11, iPhone 11 Pro, iPhone XR, iPhone XS and iPhone XJust like last year, Apple has released three new iPhones in September this year — the iPhone 11, iPhone 11 Pro, and iPhone 11 Pro Max. All three phones feature the same screen resolution as the three phones released last year. Download this stunning collection of iPhone wallpapers available below and deck up your device with these cool new iPhone wallpapers for free. Every few years, Apple increases the screen size and resolution for the new iPhones and new phone owners often struggle to find wallpapers that work well with the new unfamiliar resolutions. This year, Apple has introduced 3 ...
Dark Mode for Slack’s Desktop Apps is HereSlack has just released an update to its desktop apps for Mac, Windows, and Linux that introduces a new Dark Mode or Dark Theme to the app. Users have long been asking the company to release a dark theme for Mac, especially considering that Slack for iOS was updated with a Dark Mode earlier this year. To enable the Dark Mode in Slack for Mac, go to the app’s Preferences > Themes and enable the Dark theme for Slack as shown above. Slack has also added some new themes specifically for dark mode, which you will find on the same ...
Mozilla Announces Firefox Private Network (Beta) — A Desktop Extension to Secure & Protect Your BrowsingMozilla has today announced Firefox Private Network, a desktop browser extension for the Firefox browser that automatically secures & encrypts all your data while browsing. Firefox Private Network is being made available in beta through Mozilla’s Test Pilot Program and is open to anyone in the US who has a Firefox account. Announcing the product, Marissa Wood writes: There are many ways that your personal information and data are exposed: online threats are everywhere, whether it’s through phishing emails or data breaches. You may often find yourself taking advantage of the free WiFi at the doctor’s office, airport or a ...
How to Send WhatsApp Messages to Anyone Without Saving Their Number on iPhoneThe world’s most popular messaging app needs no introduction, but it could definitely use a few basic features to minimise some of its pain points. I find it extremely irritating to save people’s phone numbers as contacts every time I have to send them a simple WhatsApp message. I buy stuff online all the time and it’s really frustrating to save contacts such as “Michael Craigslist iPhone Seller” or “John E. Bay iPadman”. Why do I have to save contacts to message people on WhatsApp? Are you too wondering how to send a WhatsApp messages without saving phone numbers? Fortunately, there are a couple of easy solutions to this problem and one of these solutions uses Siri Shortcuts, which is fast becoming my preferred solution to various app and iOS limitations. How to Send WhatsApp Messages Without Adding Contact The best way to send WhatsApp messages to anyone without adding contact is to deny WhatsApp access to contacts. Open Settings, scroll down and tap Privacy. Tap Contacts and disable Contacts access for WhatsApp. Open WhatsApp and go to the Chats tab. Tap the New Message icon on the top-right. Now you will see an option to select the country and enter a phone number. Just copy this from your address book and paste it in WhatsApp. Tap Done and then tap OK in the pop-up. This will begin your WhatsApp conversation with any number without adding it to your contacts. Remember that denying WhatsApp access to contacts means that you will have to follow these steps for every new WhatsApp conversation. How to Send WhatsApp Messages Without Saving Number If you want to give WhatsApp access to your contacts and yet want to message some people without saving their number, Siri Shortcuts is here to help. First, you should read this post to get basic information such as how to set up and use the Shortcuts app on iOS. Following that, it’s time to install a kickass shortcut. Download this WhatsApp Unsaved Number shortcut. Open the Shortcuts app, go to the My Shortcuts tab, and tap WhatsApp Unsaved Number. Type the phone number with country code in the pop-up. If your number is +1 221 552 1566, you should type 12215521566 in the box. Then tap OK. You’ll now start a new chat in WhatsApp with the number you just typed. That’s the power of Siri Shortcuts for you. We’ll be writing about many more Siri Shortcuts in the future, so keep watching this space for lots more useful Siri Shortcuts. The post How to Send WhatsApp Messages to Anyone Without Saving Their Number on iPhone appeared first on Beautiful Pixels.
Typologie, un nuancier typographiquePierre-Yann Lallaizon, mon ancien éditeur sur Hacker Citizen m’a contacté il y a plusieurs mois pour me parler d’un projet ambitieux : créer Typologie, un nuancier typographique ! Son idée ? Permettre de se faire une idée sur la forme d’une police d’écriture, de choisir une fonte avec un client via un outil papier élégant et pratique ou encore pouvoir réviser ses typos comme l’on révisait, jadis, sur les fiches des Incollables. Bref, vous savez à quel point j’accorde de l’importance aux choix typographiques, visuels, non pas uniquement parce qu’ils peuvent être beaux mais parce qu’ils sont porteur de sens, d’intelligence, de message. Et ça, pour moi, c’est important. Présentation de Typologie « À travers plus de cent spécimens originaux, Typologie est une plongée dans le type design français contemporain, dans son expression la plus large, la plus éloquente, la plus hétéroclite. Sous la forme d’un nuancier, le livre met en exergue la pluralité du dessin de caractères en France, porté par des fonderies aux inspirations et compositions multiples, si proches et pourtant si différentes. En cela, ce pantonier de la typo est une porte d’entrée et un passe-droit pour mieux comprendre et connaître la création de polices à la française. » Présentation vidéo Le contenu En dehors d’un objet superbement bien conçu, voici le contenu, riche et foisonnant : Avant-propos, par Pierre-Yann Lallaizon, fondateur du Studio Recto VersoEssai de Philippe ApeloigEssai de Geoffrey DorneTypographies SerifTypographies Sans SerifTypographies DisplayTypographies MonospaceTypographies HandwritingTypographies ExpressivesLes fonderies Comme vous l’avez vu, j’ai l’honneur immense d’avoir été invité à prendre la parole sous la forme d’un court texte parlant de typographie. Mon propos ? Comment la typographie est un outil de lutte contemporaine, j’ai appelé ça « Lutte des casses », j’espère que ça vous plaira 😉 Pour l’instant, le projet est lancé sur une campagne de financement participatif, évidemment, je vous invite à le soutenir directement sur le site de Kickstarter. Encore bravo Pierre-Yann pour ce beau projet
Siri Shortcuts Explained: Automate (Almost) Everything on Your iPhone or iPadFor an OS that was routinely criticised for not being very flexible, iOS sure has come a long way. iOS still is not as customisable as people would like it to be, but that might change with iOS 14. iOS has a feature called Siri Shortcuts that allows you to automate several tasks. Yes, that’s right. iOS automation is a thing and a growing community of enthusiasts has been adding some essential features to both iOS and third-party apps using Siri Shortcuts. If you’ve been a fan of apps such as Tasker on Android, Siri Shortcuts is an officially supported app of the same nature for iOS. I can already feel the stern gaze of those who use Automator on Mac. You guys are right too, Siri Shortcuts is for iOS what Automator is for macOS. Having said that, I think we’re still in the early stages of iOS automation. This niche is only going to grow over time, and with each new version of iOS or as more apps add support for Siri Shortcuts, we’re going to see an increasing array of excellent automations for iOS. This is why we’ve decided to start writing about Siri Shortcuts here at Beautiful Pixels. We’re going to make this a regular feature of this website. Kicking this off on the eve of WWDC 2020 could be seen as auspicious or risky, depending on what’s in store for iOS 14. Let’s hope we hear some good news for Shortcuts tomorrow, but here’s a primer on Siri Shortcuts to get you started.. I’m going to talk about this in some detail a little later in this article, but for now there are three things you need to know about Siri Shortcuts. Siri Shortcuts can be used without Siri the voice assistant. You can create your own shortcuts or you can just download shortcuts others have created. You can create shortcuts without knowing how to code. Siri may have started off as the voice assistant that almost everyone loves to hate, but now it is much more than that. Siri is an intelligent assistant for iOS that uses machine learning to suggest apps you should open or tasks you should execute. If you’ve seen a notification on the lock screen of your iPhone or iPad suggesting that you call or send a message to anyone you frequently contact, then you’ve seen Siri in action. Siri Shortcuts takes this one step further by allowing you to create your own workflow actions. Siri Shortcuts lets you download YouTube videos to your photo library, or send WhatsApp messages to anyone without saving their number on iPhone. And this barely scratches the surface of what you can do with Siri Shortcuts. The best part in all of this is that you don’t have to do anything except install an app, download the shortcut you need, and run it. If you want to make your own shortcuts, you can totally nerd it out. But if you don’t feel comfortable creating your own automations, you can just download them for free. That’s all there is to it. Trust me when I say that using Siri Shortcuts is quite easy even if you don’t know how to code. Let’s go through the basics you need to start using Siri Shortcuts. How to use Siri Shortcuts Siri Shortcuts can be accessed via the Shortcuts app, which is developed by Apple. Shortcuts originated via an app called Workflow, which was acquired by Apple in 2017. Here’s how you can start using it. Download Shortcuts from the App Store. Tap the Gallery tab at the bottom in the Shortcuts app. Tap any shortcut from the gallery, scroll to the bottom, and tap Add Shortcut. To run this shortcut, tap the My Shortcuts tab and tap the shortcut you just added. You can even add shortcuts to the home screen to run them faster. You’ll see a three-dots icon in the top-right corner for every shortcut in the My Shortcuts tab. Tap this icon, and then tap the three-dots icon once more. Now you can tap Add to Home Screen. How to create Siri Shortcuts The next step is to create a shortcut of your own, and I’m going to show you how simple this is. For this tutorial, I’m going to show you how to resize any image from your photo library. Open the Shortcuts app and go to the My Shortcuts tab. Tap the + icon on the top-right. Tap Add Action. In the search bar at the top, type Photos. Now select Select Photos from the list of actions. Once the action is added, tap Show More and enable Select Multiple in case you want to resize multiple images in one go. Tap the + icon again and tap the x icon on the top-right. You’ll see the search bar mentioned in step 4. Type Resize Image in this search bar and select it from the list of actions. Now you can set the height or width, or both for resized images. I went with 600 pixels as the height and Auto Width. Tap Done. Tap Next (this button is on the top-right). This is where you name your shortcut and select an icon for it. Tap Done when you are ready. Now you’ll be back to the My Shortcuts page. Tap the shortcut you just created to run it. It’ll ask you to select photos and then automatically resize the images. Once you try this, it’s really simple to use. The last thing I’d like to show you is how to use shortcuts created by others. First, you need to run any shortcut that’s created by you or available via the Gallery tab in the Shortcuts app. Once you’ve done this, go to Settings and select Shortcuts. Here you need to enable the setting labelled Allow Untrusted Shortcuts. Now you can download shortcuts freely shared by others, such as this one (via Macstories) off the Internet and run them on your iOS device. We’ll be sharing more of these in the coming days. Limitations of Siri Shortcuts While I’d like to pretend that we live in a world where Siri Shortcuts can add all missing features to iOS and third-party apps, that is far from true. Siri Shortcuts gives you a large set of actions for automations, but it doesn’t give you everything you need. For example, you can’t automatically change your wallpaper on iOS because that action was removed for security reasons. Actions are at the heart of every shortcut. If I asked you to boil potatoes without using any source of heat, you’re going to find it pretty difficult. Similarly, without the right actions, you’re going to struggle to create useful shortcuts. This is where we’re going to encounter the second limitation of Siri Shortcuts. If app developers don’t add actions for their apps in Siri Shortcuts, then creating useful shortcuts is going to be tough. Every app has a set of actions that you can use to pull data from it. For instance, [Castro](https://castro.fm] allows you to pull the list of queued podcast episodes, but Overcast does not. This means you can’t use the list of queued episodes from Overcast in your shortcut. However, lots of developers have added support for Siri Shortcuts, so these limitations are not the end of shortcuts. We’ve also got lots of smart people finding workarounds to accomplish tasks that I never even thought were possible and the best thing about Siri Shortcuts is that you can just download those shortcuts and get your job done. Conclusion That covers the basics of Siri Shortcuts on iOS. This is the first of many articles on Siri Shortcuts and I’ll be showing you how to perform some complex tasks using shortcuts on iOS. Watch this space for more. The post Siri Shortcuts Explained: Automate (Almost) Everything on Your iPhone or iPad appeared first on Beautiful Pixels.
Kreat : 3 podcasts aux côtés de Jean-Louis FréchinMon ami et camarade de voyage autour du design, Olivier Saint-Léger, a réalisé ces derniers mois, trois entretiens aux côtés de Jean-Louis Fréchin, fondateur et designer de l’agence nodesign. L’idée de ces entretiens est née de la lecture du dernier livre de Jean-Louis « Le design des choses », un ouvrage que j’ai dans ma bibliothèque et que je vous invite vivement à lire tant il y a peu de littérature contemporaine et pertinente sur le design et sa réflexion, en français. Bref, Olivier Saint-Léger a donc réalisé avec le soutien et la confiance sans faille de Adobe, une série de trois enregistrements, dont un dans lequel j’ai le plaisir d’intervenir pour débattre, réfléchir et échanger avec Jean-Louis. Chaque enregistrement est différent, par son sujet, sa forme, ses participants. On y retrouve aussi Nadége Bide, passionnée et passionnante et le génialissime Étienne Mineur 🙂 Bonne écoute : Nadége BideGeoffrey DorneEtienne Mineur Pour vous abonner à la chaîne SoundCloud de Kreat, c’est par ici !
Écoutez Hackstock : épisode spécial manifestations & vie privée !Comme *presque* chaque mois, avec mon acolyte & camarade Jérémie, on vous enregistre un nouvel épisode de Hackstock, podcast sur la vie privée, la surveillance et les libertés citoyennes. Cette semaine, on vous a concocté un épisode spécial manifestations où l’on vous présente les réflexes et outils à avoir et à penser pour l’avant / pendant / après manifestation. Parce que manifester (s’exprimer ensemble, d’une même voix) est un droit, parce que les gouvernements cherchent souvent à museler, amoindrir, maîtriser, écouter, corrompre ces manifestations… On a estimé nécessaire d’enregistrer cet épisode. Dans cet épisode on vous parle également de « Toxoplasma » le livre de Sabrina Calvo, le podcast de fiction « Blackout » avec Rami Malek ou encore du pack de jeux « Bundle for Racial Justice and Equality », de itch.io… Bref, on vous souhaite une bonne écoute ! Retrouvez l’épisode : ▶️ Sur notre site Hackstock▶️ Télécharger l’épisode en MP3▶️ Écouter l’épisode sur Apple Podcasts▶️ Écouter l’épisode sur Spotify▶️ Écouter l’épisode sur Pocket Casts Et vous pouvez aussi consulter la liste des liens / outils sur notre site. Merci encore Jérémie pour tout ton travail, le montage, la préparation, tes lumières, tes engagements.
Comment j’ai sauvegardé «mon Web» sur un disque dur.Au mois de novembre dernier, j’ai entrepris de me créer une sauvegarde de « mon Web » en local, offline, sur un disque dur. Quand je dis mon web, ce sont les médias, outils, savoirs, vidéos, documents, etc. qui comptent pour moi et que j’utilise régulièrement. Dans cet article, je vais vous expliquer : pourquoi j’ai eu cette drôle d’idéece que j’ai mis dans cette sauvegardecomment j’ai fait pour récupérer tout un tas de contenu en lignece qu’il me reste à faire J’ai appelé ça « BCKUP » pour Backup (sauvegarde), j’ai dessiné un logo en ASCII et j’ai réalisé toute l’interface avec mes compétences de designer d’interface et designer graphique. Pourquoi sauvegarder mon univers numérique sur un disque dur ? Prendre des jours et des semaines pour sauver du contenu en ligne sur un disque dur, il faut que ça en vaille la peine. Alors pourquoi faire cela ? Mes réponses sont nombreuses, très personnelles et évidemment toutes complémentaires : Ma copie de la fin du mondeUne copie de certains de mes usages du web est pratique en cas de coupure d’Internet (ou si je n’avais juste pas accès à Internet). –Une copie pour diminuer mon bilan carboneCette copie me permet quelque part, d’économiser de la bande passante et donc de réduire mon émission de CO2 (rassurez-vous, je ne me suis pas arrêté à ça). En effet, au lieu d’aller 10 fois sur Youtube voir le même documentaire sur le design, de mettre en boucle la même playlist musicale en streaming, ou de regarder toutes les recettes de curry de lentilles pour trouver la meilleure, j’ai tout ça en local sur ce disque dur externe. –Une copie en cas de suppression du WebSi vous saviez le nombre de contenus qui ont disparu d’Internet ! Des vidéos retirées, des documents censurés, des logiciels qui ont disparu, des articles supprimés, de la musique qui disparaît… Bref, je me crée ma propre copie privée, en cas de censure ou de suppression. –Une façon de faire de le tri et l’état de mes usages du numérique et du webUtiliser des outils numériques et le web, c’est une grande part de mon quotidien. Et avec les années, j’ai appris à simplifier, enlever, retirer, ne plus m’encombrer et essayer de moins dépendre. Au final, avec cette sauvegarde, cela me permet de lister ce qui est vraiment essentiel pour moi en matière de contenu numérique en ligne. Un peu comme si j’étais dans une médiathèque et que je devais choisir, 10 livres, pas un de plus. Comment j’ai sauvegardé mon Web sur un disque dur Comment m’y suis-je pris ? Tout d’abord il m’a fallu un support de stockage, en l’occurrence, un disque dur de 1To. C’est énorme et c’est pas beaucoup, mais il me fallait de toute façon une contrainte de support. Ensuite, je l’ai chiffré, pour le rendre inutilisable si quelqu’un essaye de l’ouvrir. Si quelqu’un le consulte, ce serait un peu comme donner accès à l’ensemble de ses préférences / centres d’intérêts / listes de contacts, etc. Son univers numérique c’est privé (et j’en profite : n’installez pas StopCovid si vous tenez à votre vie privée). Pour le chiffrement, il y a plein d’outils (sur Windows, il y a AxCrypt, GnuPG, DiskCryptor, j’en passe…). Enfin, j’ai listé une arborescence dans laquelle j’ai mis mes usages quotidiens : travailler (donc des logiciels, banques de brush, des typos, etc.), lire (donc des livres numériques, des guides, des manuels, etc.), apprendre (donc Wikipedia, des playlists Youtube, des podcasts, etc.), et bien d’autres usages. Ces usages m’ont permis de créer un ensemble de dossiers sur mon disque dur. Voici la liste actuelle : Mon arborescence détaillée J’ai créé une arborescence assez simple qui recueille l’ensemble de ce que j’ai mis dans cette sauvegarde, à savoir : Mes documents personnelsMes documents publics Dans les documents personnels, j’y ai mis : Mes documents officiels : carte d’identitépasseportcarte vitalejustificatif de domicileRIBdocuments professionnels (statuts d’entreprise, etc.)une vidéo de chez moi où je répertorie mes biens (pour l’assurance, en cas d’incendie ou de cambriolage…) etc. La liste de mes contacts :Les contacts importants (avec mail et téléphone et adresse)L’ensemble des contacts mailsL’ensemble des contacts téléphoniquesDes photos de famille classées par membre de la famille Dans les documents publics, et c’est là le plus intéressant, j’y ai mis : Des cartescartes de France,cartes du monde, cartes détaillées de certaines villes (Lyon, Paris…)cartes des CHU en Franceun logiciel de cartographie qui fonctionne en local (Sur mobile, il y a l’excellent Maps.me) De quoi faire du code guide de HTML, CSS, JS,des exemples de code déjà créésdes librairies Des logiciels portables (pas besoin de les installer pour les faire fonctionner)7ZipAudacityFileZillaFirefoxGimpInkscapeKolibriLibre OfficeDes outils de chiffrementNotePad++PDF ReaderScribusVLCet quelques autres… Des livres ainsi classés :alimentation, recettes, etc.communications, guide de radio amateur (Baofeng notamment…)dictionnaires (français, anglais, traducteurs…)des centaines de romans ou autres livres (en ePub, en PDF, etc.)des manuels sur la santé, les soins, la médecine, etc.des manuels de permaculture, agriculture, élevage, etc.etc. Des notices de fabrication :fabriquer une éoliennefabriquer des meublesfabriquer un composteurfabriquer un fourfabriquer des ruches, un poulailler, etc.et bien d’autres notices de fabrication… Un système d’exploitation :en l’occurrence j’ai choisi Tails avec qui j’ai bossé il y a fort longtemps. Wikipedia en local en Français et anglaisJe vous en parle plus bas dans cet article. Des vidéos que j’ai pu récupérer sur YouTube avec les chaînes suivantes :NorthmenLes Chemins de la NatureLa grotte du BarbuPermaculturePrimitive TechnologiesSciences étonnantesThinkerviewBloquésJ’en passe… évidemment 😉 De la musique :Là je ne vous donne pas la liste, c’est trop long 😉 Comment j’ai récupéré la plupart du contenu ? Télécharger des livres : Pour les livres, il y a énormément d’ouvrages au format ePub sur Internet. J’en ai profité aussi ces dernières semaines car avec le confinement, plusieurs maisons d’éditions ont mis en ligne des ouvrages de façon gratuite, je pense notamment à La Fabrique ou Libertalia (leur offre est terminée mais leurs ouvrages valent vraiment le coup!). Enfin, il y a évidemment au projet Gutemberg, Gallica, ce catalogue des livres francophones et j’en passe (vous trouverez beaucoup de sources sur ce site). Télécharger des vidéos Youtube : Là, c’était un peu plus élaboré. En effet, j’ai quelques dizaines de chaînes Youtube que je consulte, auxquelles je suis abonné et que je serai un peu déçu de voir disparaître. Alors, je les ai téléchargées en intégralité tout en les compressant à la volée pour ne pas que chaque vidéo pèse des centaines de Mo. Pour ce faire, j’utilise 4K video Downloader, qui fonctionne parfaitement bien. J’ai donc téléchargé des chaînes Youtube en intégralité, des playlists de vidéos, des documentaires et aussi des playlists musicales (car avec ce logiciel je peux convertir à la volée les vidéos en format mp3, donc sans la vidéo, juste avec le son) Télécharger des playlistes musicales : Sur Youtube, j’ai donc téléchargé quelques playlists musicales avec toujours le même outil (4K video Downloader), mais j’ai également pu télécharger avec cet outil des playlists et l’intégralité d’artistes qui diffusent leur musique sur Soundcloud. Évidemment, ceci m’évite là encore d’écouter en streaming la musique à longueur de temps. Là, j’ai tout en local, c’est moins énergivore et bien plus pratique. Télécharger un système d’exploitation : J’ai choisi TAILS (que vous pouvez télécharger ici), un système d’exploitation portable qui protège votre vie privée et vous aide à contourner la censure. Télécharger des logiciels « portables » : Pour les logiciels, c’est assez facile car mise à part la Suite Adobe (Photoshop & co), je n’utilise que des logiciels libres. Et souvent, les logiciels libres existent en version portables, autrement dit : que l’on n’a pas besoin d’installer. Voici ma petite liste : 7ZipAudacityFileZillaFirefoxGimpInkscapeCalibreLibre OfficeNotePad++PDF ReaderScribusVLC Question : je suis curieux de savoir quels logiciels vous auriez ajouté ? Télécharger des documents PDF : Tout dépend de ce que vous cherchez… Mais sur Google ou d’autres moteurs de recherches, il vous suffit de taper : « LaRechercheQueVousVoulez filetype:pdf », ce qui donne ceci : Pour ma part, j’ai surtout cherché des guides de fabrication, de permaculture, des livres de recettes, des dictionnaires, des thèses, des livres, etc. Télécharger Wikipedia en local et déconnecté : Je pensais que c’était plus compliqué que ça… mais en fait, ça se fait facilement. En trois étapes : téléchargez un DUMP de wikipediatéléchargez Kiwix Readerglissez le DUMP dans Kiwix Reader et hop, vous avez accès à Wikipedia en local. Télécharger des cartes de France : Là, c’était moins évident. Au début, je voulais télécharger Maps.me en local offline ou encore OpenStreetMap, mais je n’ai rien trouvé de simple. Alors, j’ai fait des recherches de grandes cartes détaillées en PDF avec notamment les réseaux routiers, les villes principales, les hôpitaux, etc. Si vous avez de meilleures solutions, je suis preneur 😉 Une interface pour accéder à tout ça facilement Vous le savez, je suis designer graphique et numérique et pour pouvoir accéder en local, à tout ça, j’ai créé une interface en HTML toute simple avec la liste des dossiers ainsi que quelques raccourcis vers des fichiers ou des outils dont je me sers souvent. Conclusion Bref, je suis assez content du résultat, j’ai obtenu ce que je voulais : un énorme bout d’autonomie numérique (et donc une autonomie au niveau de mon savoir, de mon travail, de mes divertissement, de mes connaissances, etc.) et j’ai pris vraiment plaisir à faire ce projet. Si vous voulez avoir la même chose : faites-le vous même, avec vos recherches, vos goûts, vos idées, car je ne mettrai par ces centaines de Go en téléchargement en ligne, ça n’aurait aucun sens 🙂 Je tiens aussi à souligner qu’en plus de cette base de contenus, il y évidemment des années de savoirs-faire (apprendre le design, apprendre à programmer, à créer mes propres outils numériques, des logiciels, mes propres fontes, etc.). Et tout ça, c’est ça de moins qui pèse sur un disque dur 😉 Les prochaines étapes pour moi sont les suivantes : continuer de remplir mes dossiers de vidéos, de livres, de guides de fabrication, etc.trouver une solution cartographique portable et offline.ajouter d’autres contenus pour le travail (un bon dossier de typos, de pictogrammes (je cherche notamment l’équivalent de NounProject en local / offline).mettre à jour de temps en temps ce disque et le conserver précieusement, voire le dupliquer pour avoir plusieurs backup. De votre côté, je suis curieux de savoir ce que vous en pensez, ce que vous auriez ajouté, ce qu’il me manque, etc. N’hésitez pas à me le dire dans les commentaires et à raconter à quoi ressemblerait votre web offline pour votre autonomie numérique, en attendant la fin du monde 😉
Coronavirus et déconfinement : vers un design de l’autorité ?La journaliste de France info, Élise Lambert a publié ce matin quelques visuels issus des transports en commun parisien et tout y est pour essayer de faire respecter les fameux « gestes barrières » : autocollants, lignes au sol, signalétique, affiches, etc. Depuis plusieurs semaines, notre langage visuel quotidien s’est vu être enrichi sur de nombreux types de supports dans les transports et ailleurs avec plusieurs centaines de symboles, éléments graphiques et autres systèmes basés sur le design pour promouvoir les messages gouvernementaux. Ainsi, je voulais vous partager une revue de ces différents éléments de design qui sont là pour essayer de rappeler (par le martèlement visuel, mais aussi par les slogans publicitaires, les affiches criardes, les pictogrammes, etc.) ce qu’il faut faire et ne pas faire/ À mes yeux, cette utilisation du design est là pour asseoir une forme de d’autorité, une forme de soumission, une forme de résignation et aussi une forme d’acceptation du peuple faces aux messages officiels. Évidemment, on peut dire que c’est pour la bonne cause puisque si les gens font les bonnes actions, des vies seront sauvées. Et ça, c’est indéniable (je le précise, au cas où certaines personnes penseraient l’inverse). D’un autre côté, je me dis aussi que l’utilisation de ces formes de design autoritaire vient infantiliser les humains et permette aussi à chacun de faire respecter les règles aux autres (par la pression sociale) : Comment bien vous laver les mainsComment bien porter un masqueComment bien nettoyer votre chez-vousVoici l’endroit où il faut que vous vous trouviez dans la gareComment tenir tel objetLà où il ne faut pas être, pas s’asseoir, etc. Du graphisme «responsable» On peut parler du style graphique avec des pictogrammes simples, et notamment celui du masque, vraiment pas évident à dessiner. En effet, si on considère le visage comme un rond, il faut dessiner par dessus la silhouette du masque en contre forme comme ci-dessous… Et espérer que ça ressemble à quelque chose. Le marquage au sol Là aussi, on reprend la forme des petits cercles mais cette fois-ci ils sont au sol et sont là pour inviter les voyageurs en gare à garder une distance dite « de sécurité ». Évidemment, cela ne tient pas compte des flux de voyageurs qui se déplacent et cela ressemble vraiment à un jeu grandeur nature ce qui n’est pas pour me déplaire. Des symboles pour le mimétisme Le langage graphique est multiple et fait appel à des choses que les gens connaissent : des pointillés comme sur la route afin d’indiquer des distances de sécurité (vous vous souvenez sûrement du slogan « 1 trait = danger, 2 traits = sécurité »). Les mots employés sur les affiches semblent souvent agréables et autoritaires (passifs agressif ?). On évite les pictos sens interdit ou les points d’exclamation, on préfère la couleur bleue, et les visuels invitant au mimétisme. Interdire ce qui était permis avant Pour les sièges dans les transports, il y avait déjà des règles : les plus âgés, les personnes handicapées et les femmes enceintes sont prioritaires. Tout ceci était déjà graphiquement chorégraphié avec des pictos, des couleurs, des tailles de typo différentes. Mais là, le design ajoute des règles aux règles. Le numérique publicitaire Dans les lieux d’accueil, la plupart des écrans numériques sont informationnels ou publicitaires (souvent publicitaires d’ailleurs). Ici, on reprend ces affichages pour informer toujours avec des pictogrammes simplistes… Rien de très intéressant visuellement. Pourquoi ne pas avoir utilisé les capacités du numérique ? (vidéo, photo, typographie animée, etc.) Une archéologie du design autoritaire ? Ci-dessous un exemple dans un ascenseur, un des espaces publics les plus confinés qui existe mais dans lequel il faut aussi respecter dorénavant « les distances de sécurité ». J’imagine que quelqu’un, un jour, ira faire de l’archéologie graphique de ces signes invitants, qui deviendront, je l’espère désuets et inutiles. Me viennent quelques questions qu’il serait intéressant de se poser. Est-ce que l’autorité par le design est efficace ? On connait déjà les poubelles qui invitent à trier les déchets et les affichettes qui interdisent de jeter ses mégots par terre. Ces créations vont-elles faire effet et changer les habitudes ? Est-ce que l’autorité par le design en cette période de Coronavirus marque le début de l’acceptation des autres formes d’autorités ? Je pense notamment à la reconnaissance faciale dans certains lieux, par la distanciation physique dans d’autres, par l’interdiction de courir ou de porter tel ou tel vêtement ou encore l’interdiction de s’arrêter sur place dans tel ou tel espace physique. Est-ce que l’autorité par le design ne fait pas des designers des bras armés du pouvoir ? Si on imagine le designer comme quelqu’un capable d’aider les gens à comprendre, à adhérer à des idées, à utiliser telle ou telle chose, à se repérer, à quel moment le designer refusera de délivrer un message politique qui appuie l’autorité de l’État pour écraser les citoyens (les plus démunis comme souvent) ? Et enfin, si je ne devais garder qu’une question, ce serait la suivante : dans mon éducation au design, j’ai appris que pour faire un bon design, il faut retirer, retirer, retirer… et c’est quand il n’y a plus rien à retirer ni à ajouter qu’on arrive à un bon design. Ainsi, la sur-enchère du design dans les grandes villes (design écolo, design social, design de services, design de la mobilité, design de la surveillance, design anti-attentat et maintenant design sanitaire…), quand bien même ces formes de design sont bien conçues par des designers attentionnés, ne va-t-elle pas faire de nos villes, des amoncellements de signes, de formes, de messages, de visuels, de sons, d’outils qui donnent ainsi à nos villes la pire forme de design qui soit ? Pour conclure, j’invite chacun à aiguiser son regard et se demander régulièrement : De quelle entité émane ce visuel, ce design ?Y a-t-il une signature ? Un logo ?Est-ce une entreprise qui me demande de faire quelque chose ? Est-ce l’État ? Est-ce une autre entité ?Quels sont les moyens graphiques / expressifs utilisés ? Pourquoi ceux-là plutôt que d’autres ?Pourquoi veut-on que je fasse cette action ? Quel est l’effet recherché ?Est-ce que les gens s’arrêtent et observent ? Est-ce qu’ils parlent des règles qu’ils ont vu ?Si je ne fais pas ce qui est demandé, que va-t-il de passer ? Puis-je faire autrement ? Ai-je encore le choix ? Bref, je me demande si le design nous offre-t-il encore la possibilité de ne pas respecter ses consignes ? Les visuels allégés par mes soins viennent de Emmanuel Meneghini, Élise Lambert, Gilles Klein, Marlène Dolveck.
This Concept Design of a ‘BRAUN Audio 07’ Radio Hardware is Absolutely StunningBRAUN Audio 07 Concept Cairo based product designer Abdelrahman Shaapan has created this concept design of Spotify radio hardware and it is one of the slickest concepts we’ve seen. BRAUN Audio 7 is Classic speaker design inspired by old BRAUN products contains a futuristic look, you have integrated a touch screen. This device contains a built-in Spotify application for use without the need for another device to run. It kinda reminds me of Saregama’s Carvaan sitting on my shelf here and I really hope Spotify builds something like this. Also see his other concepts → Magic Trackpad 3 and Sony PS5 The post This Concept Design of a ‘BRAUN Audio 07’ Radio Hardware is Absolutely Stunning appeared first on Beautiful Pixels.
GitHub Announces Codespaces — A New Instant Dev Environment Within GitHubGitHub Codespaces GitHub has just announced a massive new feature during the GitHub Satellite that is sure to catch the attention of all kinds of developers around the world. The company has announced the availability of GitHub Codespaces in public beta, a complete dev environment that works entirely on the GitHub.com website. Developers can instantly get the full Visual Studio Code experience right in their browsers, launched from any repository they want to work on. Devs can code, build, test, debug, and event deploy using GitHub Codespaces. It’ll be free during beta, and pricing will be announced at a later date. You can request early access now → The post GitHub Announces Codespaces — A New Instant Dev Environment Within GitHub appeared first on Beautiful Pixels.
Abyss is a Neat Little “Read Later” App for iPhone, iPad and MacHave you ever come across a link while scrubbing through you Twitter or Facebook feeds on your iPhone that you prefer viewing on your Mac instead? Similarly, you know those times when you’re sitting near your Mac and want to read some article on your iPhone or iPad that’s placed next to you, but you’d rather read it later? Typically, you’d bookmark the URLs for viewing later. Some might save the URL in the browser to sync across devices, some might use a “Read Later” service like Pocket or Instapaper and some users might even choose to add the URLs to their favorite To-Do apps. I recently came across Abyss: ReadLater on the App Store — a neat little universal utility for macOS and iOS that offers a very simple way to save links for viewing later. Abyss is a universal app, available for iPhone, iPad, and the Mac. It’s a super simple app that lets you save links into the app from anywhere using the native share sheets on iOS, iPadOS and macOS. These URLs that you save in the app sync between all your devices using your iCloud account, so everything stays private since there are no 3rd party servers or services involved. The app has a a really simple structure and minimal design. All links you save show up in the “Unread’ tab by default. You can click on them to view them, copy them, mark them as ‘Favorite’ or ‘Archive’ them when you’re done. On iOS and iPadOS, you can make use of swipe gestures to Favorite, Archive, or Delete the links. There’s instant search available at the top of the app that helps you quickly find a link. The app offers both Light and Dark themes, although it only follows the System theme by default. There’s also a handy option to remove duplicate links from the app. Abyss is available for Free on the App Store, with an optional IAP to unlock additional features. For a one-time purchase of $1.99, you get unlimited favorites, option to import links from Pocket, choice of your favorite browser and freedom to override the system theme. Being a universal app, the same $1.99 unlock works across your iPhone, iPad, and Mac. Get Abyss from the App Store → App Details:View Website or Download it for Free with IAP The post Abyss is a Neat Little “Read Later” App for iPhone, iPad and Mac appeared first on Beautiful Pixels.
Alto’s Adventure & Alto’s Odyssey Go Free for WeekAs the world battles the COVID-19 outbreak, a lot of people are understandably choosing to stay at home to practice social distancing and try to keep the virus away. With a lot of spare time on their hands, many people are exploring the App Store and Google Play for fun games that they can play and pass their time. Snowman, the people behind the incredible game titles such as Where Cards Fall, Skate City, Alto’s Odyssey, Alto’s Adventure, etc. have just announced that they’re making the games Alto’s Adventure and Alto’s Odyssey free for a week. We’ve decided to make Alto’s Adventure and Alto’s Odyssey available for free for the next week to help anyone who may be practicing social distancing or self-isolation. We hope Alto and the gang can bring a little calm into your homes during these difficult times. pic.twitter.com/v3On7ltp6X — Alto's Odyssey (@altosadventure) March 17, 2020 Both Alto’s Adventure and Alto’s Odyssey are phenomenal games and we highly recommend that you go download them if you haven’t already. They’re insanely good and offer a stellar audio-visual experience. Download Alto’s Adventure: iOS App Store | Mac App Store | Google Play. Alto’s Odyssey iOS App Store | Mac App Store | Google Play. And while you’re at it, we recommend checking out Where Cards Fall and Skate City up on Apple Arcade. The delightful experience of playing these games on the Apple TV is truly unmatched. App Details:View Website or Download it for Free The post Alto’s Adventure & Alto’s Odyssey Go Free for Week appeared first on Beautiful Pixels.
Why Radio Buttons and Checkboxes Can’t Co-ExistRadio buttons and checkboxes have long been components that cause users confusion. These components are often used in the same context, but look completely different. Designers and developers know the difference, but that’s because they learned it through their work. What about users who were never taught the difference? The fact that users need to be taught the difference shows that these two components are not intuitive. Their appearance alone does not convey their slight differences in functionality. The visual cues themselves—a dot and checkmark—carry no specific meaning to users other than an option selection. Therefore, the existence of both radio buttons and checkboxes violates the UX principle of Consistency. Designers and developers have never questioned their co-existence because it’s the way it’s always been. However, if their co-existence causes users confusion and violates a UX principle, it merits a logical analysis and rethinking. A Violation of Consistency The UX principle of Consistency states that components with similar functionality and same usage should have a uniform appearance. Radio buttons and checkboxes have a similar function and are used in the same context, but there’s nothing uniform about their appearance. Radio buttons represent mutually exclusive selections, while checkboxes represent mutually inclusive ones. Both are commonly used together on forms to select options from a list. However, a radio button is a circle with a dot inside, while a checkbox is a square with a checkmark inside—two different visual cues. Some might say that their functions are different, so they should look different. But to be precise, their functions are only slightly different, and they both have the same usage, which is not enough to justify a different appearance. Doing so presents an inconsistency that can perplex users. Mutual Exclusivity/Inclusivity Is Not a User Concern If you ask the typical user what a mutually exclusive or inclusive option is, they probably wouldn’t be able to tell you. That’s because they don’t think about mutual exclusivity or inclusivity when they use an interface. Only designers and developers think about this because they have to design the interface. Users merely read the labels and select the options they want. They’re focused on what the labels say, not component functionality. Therefore, mutual exclusivity and inclusivity should be indicated in the labels they read, not the components themselves. Designers and developers are imposing their way of thinking onto the user. How Users Know They Can Select One or Multiple The label on the components often indicates whether users can select multiple options or just one. When users can select multiple options, the label is worded in plural form. When users can only select one option, the label is worded in the singular form. Make sure you use the correct noun form when you label mutually exclusive and inclusive components. It’s easy to forget about the labels, but they’re what matters most. Label noun forms are a clearer cue for mutual exclusivity/inclusivity than a checkmark and a dot. A checkmark and a dot do not signify mutual exclusivity/inclusivity other than by convention that’s familiar to only designers, developers, and tech-savvy users. Regular users who see the different components used in the same context will wonder what the visual differences mean. The inconsistency isn’t severe enough to derail their task, but it certainly diverts their attention. Use Check Circles Instead Users need a component for selecting from a list of options that’s uniform and consistent. Instead of using radio buttons and checkboxes, use check circles for both instead. A check circle combines both the outer shape of a radio button with the checkmark cue of a checkbox. The checkmark is used because it’s a much stronger cue for selection than a dot. It’s universally known as the symbol for affirmation or “yes.” A dot is a weak visual cue that could hold any arbitrary meaning. A circular outline helps distinguish itself from a checkbox. It also has the added benefit of being more appealing and easier to recognize, since most icons with a background are inside a circle. When there’s a single component for selecting option lists, users are no longer distracted by the differences between radio buttons and checkboxes. They can focus more on the labels and choose options that fit them best. It doesn’t matter whether users can select only one or multiple options. They’re going to make selections based on what the label dictates, not the type of component. Old Design Practices Evolve Radio buttons and checkboxes have co-existed for a long time. Some may use their longevity to justify their co-existence. However, many old design practices of the past have since evolved due to a better understanding of UX. For example, reset buttons that clear forms, red asterisks on required fields, and password confirmation fields have nearly all faded away today. Radio buttons and checkboxes may soon do the same because, like most things in life, interface design continues to evolve.
When to Use a Floating Call-to-Action ButtonFlick, flick, flick, flick! That’s the sound of the user’s finger scrolling through your long mobile landing page. Eventually, they’ll get flick fatigue and abandon your page if they don’t see the call-to-action button. The user’s attention and energy are finite resources. Once it exceeds a certain point, they’ll call it quits and move on. If they can’t tap your call-to-action button when they’re ready, you could lose them as potential customers. There’s nothing wrong with a long mobile landing page. It’s what naturally happens when you condense content to fit the width of a mobile viewport. The problem is the call-to-action button buried at the bottom of the page. When users are ready to act, it’s nowhere to be found. Most designers assume that users scroll from the top to the bottom of the page and end their experience there. However, their scrolling behavior varies depending on the content they’re interested in. They may not always end up at the bottom of the page. Sometimes they’ll end up somewhere in the middle, which means your button needs to be visible at that moment for them to take action. Instead of burying your button at the bottom, use a floating call-to-action button. This type of button sticks to the top or bottom of the screen and stays with users wherever they scroll. It allows them to take action whenever they’re ready. Long landing pages that need a floating call-to-action button are those that have more than two full-screen scrolls. Avoid using them on short pages because it can block the content viewport with no benefit for the user. Also, try not to make the button and button bar too large to prevent too much content obstruction. Most mobile landing pages already require a lot of scrolling. There’s no reason why you should add more effort to their task by burying your call-to-action button. Keep it visible and floating so that taking action is only a finger’s reach away.
Why Infield Top-Aligned Labels Beat Floating LabelsForm field label alignment has evolved over time. It’s been five years since I first introduced infield top-aligned labels. Due to its advantages over both top-aligned and infield labels, many have adopted them. However, it seems many have also adopted its counterpart, floating labels. This is unfortunate for users because infield top-aligned labels have far better usability and accessibility than floating labels. The standard for label alignment should have a high level of usability and accessibility, or it’s not the best practice everyone should follow. In this article, I’ll break down why and how infield top-aligned labels are more usable and accessible than its counterpart based on key form criteria. If you’re using floating labels, here are the reasons you should reconsider. Active Field State Floating Labels: Animation Woes First, there’s the animation issue on floating labels. When users select a text field, the label transitions from a placeholder position to a top-aligned one with the animation. While this effect for the active state might look cool, it poses a problem for users with motion sensitivity. Users with vestibular disorders need control over movement triggered by interactions. Non-essential animations can cause vestibular disorder reactions, such as distraction, dizziness, headaches and nausea (source). If the floating animation only occurs on a few fields (short forms), it shouldn’t pose a problem. But when it occurs on many fields consecutively (long forms), the effects can compound and trigger unpleasant reactions on motion-sensitive users. For non-disabled users, it poses a distraction problem during their task. It’s hard to predict whether the label will float or not float when they first encounter a field. When it does float, some users may be taken aback by the behavior. They may even play around with it, which takes time away from completing their task. IFTA Labels: Simple Highlight With infield top aligned labels, there are no unpredictable animations that surprise users. What you see is what you get. This static approach may not be as fancy, but fanciness isn’t needed as it adds little to no benefit for users. Instead of using an animation to indicate the active state, it highlights the label and border with a color hue. The border also increases from 1 to 2 pixels for greater contrast. Any extra features would only distract users from filling out the form. Label Readability Floating Labels: Tiny Text Labels When floating labels transition from the placeholder to top-aligned position, the text label typically shrinks and becomes tiny. This is standard behavior for floating labels because the label isn’t treated with importance after active field selection. The tiny label size makes the text hard to read when users need to check or correct their input. Low vision users will struggle the most to read the tiny text labels. IFTA Labels: Readable from Start to Finish Infield top-aligned labels don’t shrink on field activation. They stay at the same readable size as it started with. The label is treated with importance before and after active field selection. By not manipulating the text size, the readability remains consistent and there aren’t any sudden surprises to confuse users. Recognizing Incomplete Fields Floating labels: Placeholder Conflict Floating labels start in the placeholder position of the field, which is the same place the user’s input goes. This placeholder conflict can cause users to mistake incomplete fields as complete because the fields are filled-in in both cases. It’s likely they could submit the form thinking every field is filled out and receive unexpected errors. Not only that, but any fields they skip or miss are hard to spot when they go back through the form. IFTA labels: Filled-In States There are no placeholder conflicts with infield top-aligned labels. The highlighted label displayed in the active state doubles as a filled-in state for recognizing incomplete fields faster. It does this by remaining highlighted after the user enters their input and leaves the field. If users need to find any fields they skipped or missed, all they have to do is scan the form for fields that don’t have a highlighted label. Placeholder Hints Floating Labels: No Room for Hints An informative hint can help users out when they’re unsure of the proper input. Floating labels don’t leave much room for hints because the label occupies the placeholder space. Instead, the hint text has to go outside the field, which users can easily overlook. Not only that, but multiple hints would clutter up the form. The extra text would clash with the label and input text and make it harder for users to focus. IFTA Labels: Room for Hints Any fields that need hints have placeholder space on infield top-aligned labels. The hints are placed in a position where users can easily see them. They can read the label with the hint at the same time for faster processing. The hint text also won’t clash with the input text since it goes away after the user types in the field. Distinguishing Input from Label Floating Labels: Crammed Spacing for Two Floating labels often make it hard to distinguish the input from label due to the lack of margin space separating them. The label and input are crammed so close that they tend to run together. Instead of reading it as two distinct lines of text, users see it as a blob of text. The reason this happens is because the initial label and input are given prime spacing and vertically centered inside the field. As the label floats to the top on field selection, it becomes an afterthought and doesn’t get the spacing it needs. Not much attention is given to how the label would look when it floats. IFTA Labels: Fitted Spacing for Two Instead of cramming the label with the input, infield top-aligned labels require you to give equal attention to both texts from the start. When you design, you have to think about how the label and input will look together. This causes you to make sufficient room to fit both of them instead of one over the other. With fitted spacing, it’s easier to distinguish the input from label when users check over the form. Infield Top-Aligned Labels Win Infield top-aligned labels succeed in areas where floating labels fail. They may seem similar, but there are key differences that set them apart. Once you understand them, you’ll know why you should adopt infield top-aligned labels over floating labels. There’s one reason you may want to use floating labels, though. Floating labels are fancy and fashionable due to its animation and Material Design’s adoption of them. So, when you’re designing a form, you got to ask yourself a question. Which is more important: a usable form or a trendy one? Trends tend to fade over time, but a true standard lasts a lifetime.
Improve Your Sign-Up Form with Off-White Text FieldsWhen designing an app, most designers put all their effort into the content pages but overlook the sign-up form. What users end up getting is a form that’s visually unappealing, stale, and clinical. A white background, plain text fields, cluttered text, and harsh black outlines everywhere doesn’t motivate users to sign up. If your form looks like this, there’s room for improvement. Some users who want to use your app are likely to sign up regardless of how your form looks. However, others who are undecided are likely to pass once they see your clinical sign-up form. You could be losing many potential users on the first impression. By making your sign-up more usable and appealing, you’ll push those undecided users over the edge. Visual Appeal Motivates Users A research study found that first impressions of interfaces are influenced by visual appeal. Users tend to judge interfaces with low visual appeal as uninteresting and hard to use. This finding infers that users are likely to perceive unappealing forms as difficult and time-consuming, which deters them from filling it out. Making your form less clinical and more appealing can motivate users to take action on it. However, there’s a limit to how much visual appeal it should have. Making it too attractive can distract users from their task at hand. At the same time, the form needs to have high usability. Luckily, there’s a way you can achieve both by following a simple technique. Off-White Text Fields The technique that’ll make your sign-up form more usable and appealing is to make your text fields or their background an off-white color. Off-white is a shade of white mixed with a pale hue. When you apply it to your form, it’ll turn the stale, clinical appearance into a fresh, stimulating one. Not only that, but it’ll also strengthen the visual cues on your text fields and reduce the visual noise around them. Off-white text fields draw attention to each field quickly so users can interact with them right away. They also provide a clearer focus on the input so users can type, check, and correct them easier. Clinical text fields, compared with off-white ones, produce more visual noise. Any text outside the fields will clash with the input text and make it harder to focus. An off-white background also provides a clearer input focus. It does this by accentuating the white space in each field and diminishing the text outside them. The results are stronger text field cues and more clarity on the input. It’s important to note that off-white does not equal gray. Avoid using solid gray text fields because users tend to perceive them as disabled or inactive. They can also make input and placeholder text harder to read. Brand Theming Your Form When choosing an off-white, you don’t want to use any random color. You want one that’s consistent with your brand so that your form looks professional. To get the right off-white, take your brand color, and adjust the brightness and saturation levels. Increase the brightness close to 100% and decrease the saturation to around 5%. Lowering the brightness a few degrees below 100 will add a tinge of gray to the color. Reducing the saturation will lessen the hue in your off-white. You can also add a slightly darker off-white for the field border to give it more depth. There are various off-white colors you can choose from. It all depends on the hue you want to use. The saturation and brightness levels should remain more or less in the same intervals. Pick the off-white color that works best for your brand. You don’t have to use your primary brand color. A complimentary one can work too. Below are examples of a few forms themed for the most popular brands. Freshen Up Your Sign-Up Sign-up forms don’t always have to look stale and clinical. A clinical appearance will turn most users off and away. Adding more visual appeal doesn’t require a lot of time or advanced design skills. And making it more usable doesn’t call for revamping your entire form. By enhancing your text fields with the right off-white color, you can freshen up your form and get more sign-ups than before.
Forget Moo & Vistaprint! Make Refreshingly Unique Business Cards with Print PeppermintWhether you’re a freelance graphic designer, photographer, or real estate agent – Print Peppermint is certain we’ve got something for you in our bottomless bag of business card ideas. Disclaimer Please Note: We do not print free or cheap craptastic business cards on flimsy paper using a digital press – that’s somebody else, we won’t say who but it rhymes with “Mister Mint”. Another Note: We do not bait people in with ubersexy graphics, slick business card templates, and enticing low-qty prices, only to unreasonably jack up the costs at higher volumes – that’s somebody else, their name rhymes with “Poo”. In all seriousness, at Print Peppermint, we believe we’ve curated the perfect mix of premium papers, magical finishes, and graphic design services that make us a most refreshing choice for printing business cards online. Creative Printing for Creative Businesses Over the past 7 years, we have produced a variety of high-end projects for industry-leading companies like: Vice, Google, Wendy’s, Grammarly, and even f*cking Chuck Norris! (Image Source) Magical Special Finishes We’ve developed a stellar reputation for our wide range of traditional and modern print methods including: — Metallic Foil Stamping in Gold, Silver, Holographic, and 15 other standard colors — Plastic Card printing on white PVC and Clear-Frosted plastic — Custom Die Cutting with no setup fees — Embossing: Blind, Foil, & Registered — Edge-Painting by hand — Edge Foiling (not by hand) — Spot UV and Raised Spot UV — Spot Color Printing / Pantone PMS Ink Colors — Duplexing / Layered Paper Stocks — Letterpress Deboss Printing And if that neverending ego-wank didn’t impress you, just wait… there’s more! Our Free Business Card Maker We’ve recently added a free business card maker app to our website that allows any non-techie to easily create a design online. We will be adding ultra-creative design templates into the design tool over the next weeks that will even allow customers to add and combine finishes like foil and spot uv all right inside the app. So… come on down to printpeppermint.com and LIVE CHAT with our design & print experts about how to sexify your next print project 🙂 This content is sponsored via Syndicate Ads. Our thanks to Print Peppermint for sponsoring Beautiful Pixels this week and supporting our work. The post Forget Moo & Vistaprint! Make Refreshingly Unique Business Cards with Print Peppermint appeared first on Beautiful Pixels.
Why You Shouldn’t Use Solid or Underlined Text FieldsText fields have evolved stylistically over the years. Designers are getting more creative with them, but sometimes a little too creative. One particular style that’s caught the eye of many is the underlined text field. Its novel and minimalist appearance may attract you in using it, but when you understand how it affects user behavior, you’ll think again. Underlined text fields are hard for users to recognize and tap. If they have trouble recognizing and tapping your fields, they won’t be able to start your form nor finish it. These issues lead to user frustration, form abandonment, and lower conversion rates. Not every user has trouble with underlined text fields. Tech-savvy and normal-visioned users can often figure them out, but many elderly and visually impaired users have a hard time. They’ll usually land on a form and wonder where the text fields are to begin their task. When all they see on the page are text headings and content dividers, they get confused and leave. Text Field or Content Divider? Users are most familiar with horizontal lines used to divide content. When you use underlined text fields, it’s easy to mistake them for content dividers. The underline looks like a content divider, and the field label looks like a heading. Sometimes the placeholder text inside the field can even look like body text. Users can also mistake them for content lists. A content list isn’t what they expect to see when they land on a form, which can make them think they’re on the wrong page and leave. Not only that, but underlined text fields are also hard to tap because the edges of the tap target are missing. When the top and side borders are open and invisible, the target becomes a thin and faint one-pixel line. A smaller and less visible target to aim at decreases the user’s tap accuracy and causes mistapping. In some cases, they may accidentally trigger an adjacent text field when aiming for their target. Without clear target boundaries, it’s easy for the finger to land in the wrong area. Tappable Appearance Text fields should appear tappable so users can start the form right away and tap through each field quicker. Instead of opening the borders, keep them closed on all sides. Doing this will make your text fields look like tappable objects with larger targets. It’s also beneficial to round the corners of your text fields to enhance its tappable appearance. Research has discovered that humans innately perceive rounded, contoured objects as friendly, and sharp, angled objects as threatening (source). This finding suggests that users have a positive bias toward rounded corners, which draws them to interact with those objects. Text Field or Disabled Element? Along with a tappable appearance, your text fields should look fillable, not filled. Many designers make the mistake of filling the inside with a solid gray. Solid text fields are an improvement from underlined ones, but they’re still not the best practice. The solid gray fill makes text fields look like they’re in a disabled or inactive state. It causes users to wonder whether they should interact with them or not. Sending these mixed signals confuses them before they start the form. When text fields look like disabled elements, users are less likely to interact with them right away. They’ll first scan the page for regular text fields. When they realize those are the only elements that resemble a text field, they may interact with them then. This cognitive effort is taxing and slows down their form completion time. On top of that, solid text fields make input and placeholder text harder to read. When you have gray text on a gray background, the color contrast isn’t strong. Many low vision users will have a tough time reading the text and could abandon the form as a result. Overlooking and reading solid text fields isn’t the only problem. Users could also have trouble distinguishing any text fields that are in an actual disabled state. If your form has a mix of regular and disabled fields, low vision users will have difficulty noticing the difference. Usually, the only difference with disabled fields is a fainter text label. Fillable Appearance The ideal experience is when users recognize your text fields and begin filling them out immediately. This immediate reaction only comes when they contain white space for a fillable appearance. The white space is a clear cue of emptiness that prompts users to fill the space with their input. To achieve a fillable appearance, keep the inside of your text fields white and empty with closed borders. Darken the borders just enough for users to liken the outline to an empty box. Outline text fields may look plain, but they attract attention and are easy to recognize, which is what users need. To enhance the fillable appearance of your text fields, place them on an off-white background. An off-white background color makes the white space more prominent and provides the clearest cue for a text field. Not only that, but it makes any disabled fields on the form easier to distinguish. With this approach, it’s quicker for users to notice filled and unfilled fields when they’re checking the form. The brightness of the white space gives the input and placeholder text higher contrast for better readability. Any text placed on the off-white background remains readable, and won’t visually clash with the input or placeholder text. Google Got It Wrong The popularity of solid and underlined text fields originated from Google’s Material Design system. It’s novel approach to text fields garnered the attention of many. However, this led designers to sacrifice usability for trendiness—a move that doesn’t pay off in the long run. Even Google realized their mistake when they changed the underlined text fields on their Gmail login form to outline text fields. From the enormous amount of Gmail users, they got feedback that many were having trouble logging in. They’ve further addressed the issue of underlined text fields in a study that found “enclosed text fields with a rectangular shape performed better than those with a line affordance” (source). Although they still promote the use of solid text fields, they’ll soon realize that this is also a mistake. Usability First A novel and minimalistic style for text fields has no use if it’s not easy to use. Before you consider changing the style of your text fields, make usability the requisite. Ensure your text field style is easy to recognize and tap for normal-visioned and visually impaired users. It’s okay to make your form components attractive and fashionable, but not at the expense of usability and accessibility. Don’t follow trends because everyone else is. Question whether they meet user needs first. Not doing so won’t just hurt the user experience, but also your conversion rate and bottom line.
Work Smarter and Accomplish More by Managing Work with Pagico 9Things that always stress me out: task list getting too long, or multiple projects going at the same time. But the new Pagico 9 works like an external memory that lets me offload my brain, think more clearly and get more done. Keeping Everything Together We all have many areas of responsibilities: projects at work, family errands, or that wonderful vacation you’re planning. When multiple tracks of things move concurrently, we may overlook details or even miss deadlines. With Pagico, you can keep all these tracks neatly in check by centralizing notes, tasks, checklists, emails and files by projects and clients. Imagine how convenient it is to have boarding passes right next to travel itineraries, or design documents together with submission deadlines. By keeping things together, you can offload your brain and think more clearly. Planning and Staying On-Track To be productive, you need to plan ahead, stay on track, and adjust plans as needed. Pagico can help with all these areas. Unlike conventional todo apps that rely on lists and calendars, Pagico visualizes your tasks as timelines, which let you intuitively perceive your workload. This ensures nothing slips through the cracks, and long-term deadlines never creep up on you. Need to move your plans around? Just drag things around on the timeline, or use the smart snooze options to swiftly reschedule. Reducing Stress While getting stuff done is satisfying, it can get stressful too. So Pagico 9 is also designed to reduce your stress. Since Pagico visualizes your workload as timelines, you can see far ahead into the future. The ability to see potential problems ahead of time can help you generate solutions and worry less. Then, its elegant UI is designed to present information at a moderate level of density, perfect to induce a sense of calm. Its newly added Dark Mode also makes it comfortable when working at nights. Keeping Data Local & Syncing Across Devices Always on-the-go or simply wish to keep data offline? Then Pagico is the right choice for you! By being a native app that lives on your computer, Pagico stores your data on your computer and on your computer only (by default). Need to sync with your other computer or mobile devices? Just turn on the data sync feature and Pagico will securely sync your data via the built-in cloud sync capability. Work smarter and accomplish more. Boost your productivity with the new Pagico 9! Buy today and save 30% during the Black Friday Sale. This content is sponsored via Syndicate Ads. Our thanks to Pagico 9 for sponsoring Beautiful Pixels this week and supporting our work. App Details:View Website or Download it for Free Trial The post Work Smarter and Accomplish More by Managing Work with Pagico 9 appeared first on Beautiful Pixels.
Flighty is the Best Live Flight Tracking App for iPhone and iPadIf you’re looking for the best live flight tracking app for iPhone and iPad, look no further than Flighty. Who knew flight tracking apps could be so delightfully good? When you’re set to travel by air, tracking your flight status is something you must do all the time. Without knowing the up-to-date status of your flight, you could be faced with unexpected delays, rescheduling, gate changes, all of which lead to high levels of frustration, stress and you may even have to go through the efforts of walking from one gate to another at the last minute, at times even change airport terminals. I don’t know about you, but that’s a lot of work right before my flight. Most frequent flyers usually have an arsenal of apps in their pockets, ranging from the airline’s official apps to live air traffic apps like Flightradar24. Unfortunately, even these aren’t enough most of the times. In my experience, the airline’s own app usually falls short, which makes sense — why would an airline voluntarily give you information about delays that would make it look bad? So when the developers of Flighty emailed us a few weeks ago, I wasn’t sure what to expect. “How good could this app really be?” I said. “It sure looks beautiful, but how helpful can it really be?” I was in for a delightful surprise. Flighty is a stunning live flight tracker for iPhone and iPad. You can add details about your specific flights or your entire trip into the app, and Flighty will automatically keep you updated with the status and any changes to plans. Flighty offers a beautiful UI to add, manage and view flight status. Flighty App Screenshots Dark Mode on iOS 13 In a recent update that gets the app ready for iOS 13, Flighty has added a stunning Dark Mode on iPhone and iPad. Flighty’s Dark Mode Unique Features as a Flight Tracking App Flighty has some really cool unique features to help you stay updated with latest on your flights. It starts tracking your flight up to 25-hours before its departure and will alert you if there are any delays prior to your flight. If you’re flying in the US, it even combines the FAA traffic management alerts to better predict delays. Flighty’s push notifications are by far the fastest I’ve experienced in this industry. For my recent trip to a vacation, Flighty alerted me of the changes before the airline’s own app 100% of the time. This was a delightful experience, especially considering I was on foreign land and being alerted of delays and gate changes were important. Flight Status Notifications Don’t worry, Flighty won’t inundate you with notifications if you don’t need them. You can tweak the notifications settings to enable only the categories you’re interested in. Here’s what’s available: The Basics — Includes only the important alerts like gate changes, delays, and rescheduling, Above & Beyond — Includes inbound aircraft status, aircraft changes, etc. Flight Path — Be alerted of the flight path when the airline files it. Arrival Information — Get alerted about landing, gate arrival, baggage claim, belt number, etc. In most cases, you’d only ever need the 1st and 4th category to be enabled, but having all four enabled is a good way tickle your curiosity. By far my favorite thing in Flighty is how much information is managed to pull about your flight, and how beautifully all this information is laid out for you. Flighty’s designers have done a remarkable job to ensure that you get all the information you want to see, but in a way that it doesn’t overwhelm you at all. Flighty syncs with your calendar data, TripIt sync, and you can also forward your airline’s email to add flights to the app. The Pricing Flighty comes with a Free plan that lets you track unlimited flights with no ads. Some features are reserved for the Pro plan, such a push notifications, where’s my plane, delay forecast, etc. The Pro plan is priced at $8.99 per month, or $49.99 per year. If you don’t travel frequently, you can upgrade to the Pro plan and use it just for a month. Of course, there’s a 14-day trial available to try all the features for the first time. Flighty is a gorgeous app that just works. It helps you track your flights and notifies you about things that are important. If you fly a lot and value your time, getting Flighty on your iPhone and iPad is a nobrainer. Get Flighty for Free from the App Store → App Details:View Website or Download it for Free The post Flighty is the Best Live Flight Tracking App for iPhone and iPad appeared first on Beautiful Pixels.
Stunning Wallpapers for iPhone 11, iPhone 11 Pro, iPhone XR, iPhone XS and iPhone XJust like last year, Apple has released three new iPhones in September this year — the iPhone 11, iPhone 11 Pro, and iPhone 11 Pro Max. All three phones feature the same screen resolution as the three phones released last year. Download this stunning collection of iPhone wallpapers available below and deck up your device with these cool new iPhone wallpapers for free. Every few years, Apple increases the screen size and resolution for the new iPhones and new phone owners often struggle to find wallpapers that work well with the new unfamiliar resolutions. This year, Apple has introduced 3 new iPhones and while two of them are available beginning today in many regions, the iPhone XR launches next month. Here are some handpicked wallpapers for your new iPhone XS and iPhone XS Max. These have been cropped correctly to match the new iPhone screen sizes and resolutions and look absolutely stunning. Free iPhone Wallpapers 1. Tokyo Infinity by Pawel Nolbert Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 2. Tokyo City Fog by @louisredon Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 3. Buildings, Cars, Signs and Neon HD by Paulo Silva Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 4. Person Walking on Street Near Buildings by O-seop Sim Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 5. Afterwork by Thana Gu Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max iPhone 11 Wallpapers 6. City, Urban, Tower and Skyscraper by Van Mendoza Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 7. Skyscraper with a Spire by Ian Simmonds Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 8. New York by David Alacaraz Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 9. Skyscraper, Architecture, Street, and City by Rob Bye Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 10. Lost in the Sauce by Andre Benz Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 11. Commuters in Terminal Station by Luca Bravo Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max iPhone 11 Pro Max Wallpapers 12. And& Festival by Jonas Denil Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 13. White Yosemite by Kevin Bosc Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 14. Suspension Bridge by Rye Jessen Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 15. Abstract White Facade Edge by Julien Moreau Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 16. Road Less Traveled by Steven Pahel Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 17. Killing All Movement by Niklas Hamann Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max iPhone 11 Pro Wallpapers 18. Blur, Long Exposure, Motion, and Water by Damon Lam Download iPhone 11 iPhone 11 Pro iPhone 11 Pro Max iPhone XR iPhone X iPhone XS iPhone XS Max 19. Adult Blur Bokeh by Pexels Download iPhone 11 iPhone 11 Pro iPhone XR iPhone X iPhone XS 20. Urban Skyline by Greg Becker Download iPhone 11 iPhone 11 Pro iPhone XR iPhone X iPhone XS We hope you enjoy these beautifully free wallpapers for your new iPhone 11, iPhone 11 Pro, iPhone 11 Pro Max, and iPhone XR. Of course, if you haven’t upgraded your iPhone yet, you can also download these wallpapers for iPhone X, iPhone XS, iPhone XS Max, iPhone 7/8, or any other older iPhone too. These are all high-resolution images, so they look stunning across the board. We will also have a roundup of the best apps for your new phones in the next few days so stay tuned. And if you’d like to see more posts like this one, let us know. Featured Photo by Andrew Ridley. The post Stunning Wallpapers for iPhone 11, iPhone 11 Pro, iPhone XR, iPhone XS and iPhone X appeared first on Beautiful Pixels.
Dark Mode for Slack’s Desktop Apps is HereSlack has just released an update to its desktop apps for Mac, Windows, and Linux that introduces a new Dark Mode or Dark Theme to the app. Users have long been asking the company to release a dark theme for Mac, especially considering that Slack for iOS was updated with a Dark Mode earlier this year. To enable the Dark Mode in Slack for Mac, go to the app’s Preferences > Themes and enable the Dark theme for Slack as shown above. Slack has also added some new themes specifically for dark mode, which you will find on the same screen. Dark Mode/Theme in Slack App for Mac Up until now, it was only possible to have a dark sidebar in Slack, as the right pane with your channel or message content was only available as a Light theme. With today’s update, you can now enable Dark Mode in Slack across all your workspaces. There were some workarounds that involved injecting custom code into the app, as well as some third-party alternative Slack apps with dark mode, but none of them were obviously supported or recommended by the company. Unfortunately, today’s release is not compatible with the native Dark Mode implementation of macOS, but the company does that the feature is coming in an upcoming release of the app. In the near future, you’ll be able to set Slack to comply with whatever you have set up on your computer already, by clicking “sync with OS settings.” To get the new Dark Mode on Slack for Mac, simply update the app or download the latest version of Slack from here. The post Dark Mode for Slack’s Desktop Apps is Here appeared first on Beautiful Pixels.
Mozilla Announces Firefox Private Network (Beta) — A Desktop Extension to Secure & Protect Your BrowsingMozilla has today announced Firefox Private Network, a desktop browser extension for the Firefox browser that automatically secures & encrypts all your data while browsing. Firefox Private Network is being made available in beta through Mozilla’s Test Pilot Program and is open to anyone in the US who has a Firefox account. Announcing the product, Marissa Wood writes: There are many ways that your personal information and data are exposed: online threats are everywhere, whether it’s through phishing emails or data breaches. You may often find yourself taking advantage of the free WiFi at the doctor’s office, airport or a cafe. There can be dozens of people using the same network — casually checking the web and getting social media updates. This leaves your personal information vulnerable to those who may be lurking, waiting to take advantage of this situation to gain access to your personal info. Using the Firefox Private Network helps protect you from hackers lurking in plain sight on public connections. Firefox Private Network Beta The Firefox Private Network (FPN) is actually a proxy server powered by Cloudflare. When you install and enable the browser extension, the FPN establishes a private & secure tunnel between your browser and Cloudflare’s infrastructure. Anything you browse through Firefox on Desktop will now be automatically encrypted and routed through this proxy server and thus, all your online activity will be safe from hackers and advertisers. Other advertisers or the sites you visit also don’t get to see your actual IP address, making it harder to track you. It’s important to note that FPN only works through the Firefox desktop browser at the moment. This means that anything you browse outside of Firefox is still susceptible to tracking and attacks. FPN is available through the Firefox Test Pilot Program, which Mozilla is relaunching today. The company says it has two more products that it will be releasing through the Test Pilot Program soon. If you’re in the US and want to take the Firefox Private Network for a spin, go here. The post Mozilla Announces Firefox Private Network (Beta) — A Desktop Extension to Secure & Protect Your Browsing appeared first on Beautiful Pixels.
This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.AcceptRead More
