Add value to your website by utilizing free resources from the design community. Here is a list of new web tools and design elements from winter 2019. There are designer and developer apps, coding resources, color tools, fonts, and more. All of these are free.
Free Design Tools
Best of 2018 UX Design Case Studies is the recent addition of the annual celebration of designers sharing their process through detailed and thoughtful stories. The top picks have been selected by the members of Case Study Club.
Learn JavaScript is an interactive environment to learn and practice JavaScript. Study short lessons and practice in an intuitive environment based on tests.
SocialSizes is an all-in-one place for social media images and videos using templates for Sketch, Adobe XD, and Photoshop.
Palette App is a tool to build smooth color schemes that flow from one color to another. Fine-tune hue and saturation-value gradients of your palette and of each color swatch individually. Import, analyze, and edit existing color schemes.
Awesome Podcasts is a list of valuable podcasts that are helpful for software engineers and programmers.
Pixel Mob is a search engine for royalty-free photos from around the web.
Photo Creator is an app to create your own stock photos. Choose from thousands of models, objects, and backgrounds to tell any story.
Security Checklist is an open-source checklist of resources designed to improve your online privacy and security. Check things off to keep track.
Static Site Boilerplate is a workflow for building modern static websites. It includes helpful tech, including automated build processes, a local development server, production minification and optimizations, and the latest standards for static websites.
Free Image and Photo Resizer is a tool to resize photos and images to fit the standard sizes for Facebook, Instagram, Twitter, YouTube, Pinterest, LinkedIn, Snapchat, Google Display Network, and standard email and blog image sizes.
UI Bundle provides quality web and mobile resources for free. Search for fonts, icons, user-interface kits, mockups, and more.
Website Voice is a tool to turn your articles into audio for your audience. Automatically enable text-to-speech voice for relevant content.
UI Sounds is a tool to listen to sounds from popular apps, including user-interface sounds from Slack, Skype, Facebook, Twitter, WhatsApp, and Apple.
Velocity is a dashboard user-interface kit with a robust design system for an imaginary self-driving car company. Borrow, remix, and remake for your own app.
React Insta Stories is a tool to create Instagram-like stories on the web using React.
“Progressive Web Apps: The Future of the Mobile Web“ is an ebook that explores today’s mobile web experiences and why progressive web apps provide solutions to improving user experience on the mobile web. It features case studies of successful projects such as Lancome, BMW, and Pinterest — alongside handy tools and resources.
Free Fonts
Reno Mono is a free, regular fixed-width font designed to be used on the web while also providing a memorable imprint when printed on paper. The monospaced and letter shapes rhythm allows for both warmth and precision.
—
Classical is a fresh, handwritten typeface with aesthetics in every curve and line. Classical features clean calligraphy with excellent swashes.
—
PT Root UI is a modern uni-width sans serif with individual character widths that are constant across all weights.
—
Soulcraft is a free open-type variable font designed with the idea of emulating vernacular lettering. The user is able to change the width and slant of each individual character without relying on predefined font weights.
[“source=practicalecommerce”]