If you’ve ever worked at a large company, you'll have probably encountered a situation where crucial information about how something works has gone missing – so this month we take a look at Slab, a new tool that provides a home for all your important info so it doesn’t get lost.
Slab’s purpose is to solve the problem of information-recording within organisations. In this Medium post the founder describes a scenario in which his company was acquired, and his team was tasked with integrating their product into the existing infrastructure of the parent organisation, but they struggled to find anyone who could tell them how. Eventually they tracked down the engineer who built it, who pointed them to a long-lost Google Doc that everyone had forgotten about.
Without a proper home for the crucial information about how things work, this happens a lot, especially when staff move on and companies grow rapidly. Slab is designed to organise information about your company's working processes efficiently and keep everyone up-to-date, and it integrates with all your other tools such as Slack and GitHub.
How well is your site doing in terms of performance, accessibility and best practices? This Google tool will tell you. It runs audits on any URL you feed into it and generates a report that explains why each audit is important, and what you can do to improve any aspects that are failing. As well as performance and accessibility, it can audit for SEO and Progressive Web App best practices. You can run it from Chrome DevTools, from the command line or as a Node module.
05. My Browser
Getting browser information from users for bug-fixing purposes can be slow and frustrating, so front-end developer and designer Andy Bell built this great tool to make it easy to get all the pertinent data. Instead of dealing with vague bug reports, you can send the user the URL of this tool, and a report on their system is automatically generated when they visit the site. They can then share the report URL with you so you can see their exact browser version, viewport size, operating system and other useful info. The creator has made sure that data is properly anonymised so users don’t have to worry about their privacy. You can read more about it here.
06. Dyslexie font
The designers of this font disregarded the principles of type design, and instead used the characteristics of dyslexia to create a font that is easier for dyslexic people to read. It's designed to minimise the effects of common reading errors – for example, letters are heavier at the bottom to help prevent them from being perceived as being upside-down; the openings of letters are enlarged so that they are more easily recognised; and capital letters and punctuation marks are bold to emphasise breaks and endings of phrases. It's received great feedback from users, so it’s a good option if you want to make your site more accessible.
The team behind Perch CMS have created Notist, a place to create a public speaking portfolio so you can display slides, links, feedback, tweets, photos and everything connected to your talks. You can add a future schedule so that people can see where your next talk is, and have a resources section for conference organisers so they can download your headshots and other materials without needing to contact you. It’s free for casual use, and there’s a Pro account for regular speakers. It’s also a great place to browse and discover interesting talks.
StyleURL generates a URL that you can use to preview CSS changes on a live site – it automatically loads your CSS changes into the existing site, so you can see what your changes look like and also share them with others. StyleURLs are saved in a Gist in GitHub so that you and others can easily update them later.
Tim Brown is head of typography at Adobe and in this book, which Ethan Marcotte describes as “an absolute delight to read”, he explores how we can seek to set online type successfully, while navigating the difficulties that arise when we don't know exactly how our text will appear. Rather than choosing parameters for text, we design our websites to do that for us depending on the conditions in which our work is being consumed – this book guides you through that thorny process.
This simple app makes it easy to create an image of your app or site being displayed on a device of your choice. There's a selection of several mobile and desktop devices – pick one, and then upload the screenshot of your site to immediately create an image of it on the device that you can share with clients or use on your website.
- Beware the cutting edge of web design
- 5 techniques to help you find your ‘flow state’
- Agile development: why and how to use it in your web and app workflow