Add photos to your iOS contacts by searching public social media profiles with Vignette

Vignette is an iOS app with a single goal. Add photos to your contacts by searching public social media profiles. It starts with Gravatar, then Twitter, Facebook, and Instagram and more importantly it uses public images so you don’t have to log in to those services or even have an account.

Here is an example of the app in action after it searches for and finds images:

vignette-demo.png

If multiple images are found, it’s easy to select the one you wish to use. Outside of the primary goal Vignette has the two core tenants:

  • Privacy is paramount
    All the processing is done on your device and your contacts are never uploaded to some server out of your control.
  • You are the customer
    Their customer is you, not some business they are selling your contacts to.

Vignette allows you to scan your contacts and see what it can find for free. Then, if you wish to actually save these updates to your contact list, you must pay for a one-time in-app purchase of $4.99.

For more information check out the announcement post or download it from the app store.

Diversity Avatars

Diversity Avatars is an icon project to show people from around the world. Each icon is easily editable, comes with reusable elements, and works in your favorite design apps.

diversity-avatars-free.png

The avatars come in three packages, free for 30, 250 for $49, and 770 for $69. These would be great to add to your toolbox for your next UI design. Find out more and download the 30 free ones at Diversity Avatars.

 

GitHub Repository Cards

GitHub Repository Cards is a utility that allows you to create a Github style card of your project that you can then embed on your own site. You enter your username/repo and then it generates an SVG or PNG with the source you can copy and paste into your site.

Here is a demo of how it works:

gh-card.gif

The goal was to keep the design the same as Github uses, and it mentions a few similar projects that do the same thing but use different designs:

 

 

 

Tailwind CSS is Voted the Most Satisfying CSS Framework to use in 2019

The State of CSS 2019:

For years the debate has raged on: should you use UI toolkits like Bootstrap, or is that “cheating”? Will all websites end up looking the same? And will designers end up being useless?

In 2019, it’s safe to say the debate has been settled, and the frameworks have won. Bootstrap has kept up with the times and generated a huge ecosystem of various themes and plugins, while Google’s Material Design has helped popularized its own specific aesthetic.

And while the utility-class-focused approach of new frameworks like Tailwind CSS make you question everything you know about writing “proper” semantic CSS, its 81% satisfaction ratio means that it might be time to reconsider our old preconceived notions…

That last paragraph hits the nail on the head, almost everyone that builds something with Tailwind loves it.  Also, these results were from the beta version, and now that Tailwind v1 is official I think it’ll start to move up in that awareness column for next year.

Mochi – Learn to Remember Anything with Flashcards and Spaced Repetition

Mochi is an app that aims to help you study. It uses a type of flash card system called spaced repetition to optimize your study time and retention rate.

The spaced repetition that Mochi uses is very simple. Each time you recall a card during one of your reviews, the amount of days before it shows up for review again doubles. If you are unable to recall a card, the interval between reviews halves.

So, for example; the very first time you review a card, it will show up for review the next day. If you happen to recall the card, it will show up for review two days later, and so on.

The app can be used via the web or a download is available for Mac, Windows, and Linux. Best of all, the notes support Markdown, attachments, Latex, and more. If you have something you want to memorize give this app a try.

Tiptap WYSIWYG editor for Vue.js

tiptap is a renderless and extendable rich-text editor (WYSIWYG) for Vue.js that is built on top of Prosemirror. What stands out is the many different options it includes such as a full toolbar, an inline editor, suggestions, markdown mode, and more.

What comes out of the editor when you save is also made for developers because you can get a raw HTML string or a JSON-serializable representation of your document.

For more details on this editor check out the live demo and view the source code on Github.

Create Animated Gif’s With Brush Ninja

Have you ever needed to create a quick animated Gif or wanted to practice your animation skills? Brush Ninja is a super simple animated gif creator, that is free to use, with no accounts, no logins, and no tracking.

The UI is so simple anyone can start drawing instantly and the way you copy frames allows you to quickly build on the previous frame saving tons of time.

Check out some of the examples that users have created using Brush Ninja:

Brush Ninja comes in a free web version and a $9.99 Mac App.

National Park Font

The National Park Font is a typeface designed to mimic the National Park Service signs that are carved using a router bit. It comes in four weights light, regular, heavy, and outline and would be perfect for any outdoor-themed design you are working on.

nationalpark-typeface.png

The typeface is free under the SIL Open Font License but they are asking for donations to help us keep the site live and fund any updates. Visit their site for more information and the story behind the font.

Speed up Composer with prestissimo

prestissimo is a composer plugin that downloads packages in parallel to speed up the installation process. In their benchmark, they claim it takes an install from 288s -> 26s.

Installation is a simple composer require:

composer global require hirak/prestissimo

For more information on prestissimo check out the Github Repo.

Instagram on the desktop with Flume

Flume is a beautifully designed Mac App made specifically to work with Instagram on the desktop. It allows you to browse your feed, search, message, and more.  But most importantly it allows you to upload images and videos directly from your desktop. This works great when you have photos that are not on your phone.

flume.png

Flume comes with lots of options including dark mode, a pro mode that allows multiple Instagram accounts, shortcuts, and more. If you’ve ever been frustrated by only being able to share things to Instagram from the mobile app, then Flume is for you. I’ve found it invaluable for posting code screenshots.

Download it for free from the Flume website.