Cascadia Code Font

Microsoft announced a new open source font named Cascadia Code…

Cascadia Code was announced this past May at Microsoft’s Build event. It is the latest monospaced font shipped from Microsoft and provides a fresh experience for command line experiences and code editors. Cascadia Code was developed hand-in-hand with the new Windows Terminal application. This font is most recommended to be used with terminal applications and text editors such as Visual Studio and Visual Studio Code.

Besides it being a good looking font it always supports ligatures and works great with Visual Studio Code. You can download it on Github and read the full announcement on Microsoft’s site.

Automatically compress images on Pull Requests with Github Actions

Calibre launched a new GitHub Action that allows you to compress raster images with minimal setup and automatically run on every pull request. Here is how it works:

The action uses the most efficient, lossless compression libraries—mozjpeg and libvips that work with PNGs and JPGs. What’s excellent about embedding a compression step directly in the developer platform (or CI) rather than in local development environments (or relying on drag-and-drop tools) is that no image can hit production uncompressed. This empowers any contributors with basic knowledge of GitHub to update images without introducing performance regression and saves everyone time.

You can find this action on Github’s Action marketplace and the source code is available too.

Nord – An arctic, north-bluish color palette

Nord is an arctic, north-bluish color palette that was created for the clean and uncluttered design pattern to achieve an optimal focus and readability for code syntax highlighting and UI components. The palette is subtle and pleasing to the eye as you can see in the following sample from the VS Code port:

 

nord-vscode.png
Nord VS Code

 

Of course, VS Code is not the only editor supported. Nord has been ported to many different IDE’s, code editors, terminals, and more. For more information check out the official Nord site with all the details, the documentation, and for ways to download it for your editor.

Google open sources their robots.txt parser

Google announced it’s open sourcing their robots.txt parser:

For 25 years, the Robots Exclusion Protocol (REP) was only a de-facto standard. This had frustrating implications sometimes. On one hand, for webmasters, it meant uncertainty in corner cases, like when their text editor included BOM characters in their robots.txt files. On the other hand, for crawler and tool developers, it also brought uncertainty; for example, how should they deal with robots.txt files that are hundreds of megabytes large?

Today, we announced that we’re spearheading the effort to make the REP an internet standard. While this is an important step, it means extra work for developers who parse robots.txt files.

We’re here to help: we open sourced the C++ library that our production systems use for parsing and matching rules in robots.txt files. This library has been around for 20 years and it contains pieces of code that were written in the 90’s. Since then, the library evolved; we learned a lot about how webmasters write robots.txt files and corner cases that we had to cover for, and added what we learned over the years also to the internet draft when it made sense.

 

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.