TaskadeTaskade is a simple way to make lists, take notes and organize your tasks. You can then instantly share them with others, no signups needed. The app’s motto is to “make lists, share simply.” It also includes a Google Chrome Extension for even easier use.
Slides 3Slides 3 is a website building tool that makes it easy to create a good-looking design using a robust kit of modular parts. Slides 3 includes more than 180 customized elements so that you can build a website that’s uniquely yours. And every slide and component comes with great animations to bring your design to life. You can build the entire side online in the generator app and it works for any type of website project.
Clean My ForksClean My Forks is a free tool that will help you clean up all those old forks on GitHub. Deleting them manually can be a real pain and this tool can remove clutter from your profile.
Ratio BuddyGet perfect proportions every time with this ratio tool that does all the math and builds all the code for you. Ratio Buddy even shows you what the aspect ratio will look like on screen so you can figure out if you have it right (or not).
xvgxvg is a Chrome extension for debugging SVG paths by converting them to outlines and displaying anchors, control points, handles and arc ellipses.
Know It AllKnow It All will test your web design knowledge and is a database of answers about development questions. It’s a helpful tool and challenges you to know it all!
fmanfman is a tool designed to help you keep up with all your files. It’s like GoTo on Steroids, helping you jump through directories and find folders as it learns popular locations and suggests them back. It works on Windows, OS X and Linux.
WebGradientsGradients are back and gaining popularity in web design again. This website gives you so many gradient options to explore with a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Just copy CSS3 cross browser code and use it. There are also PNG versions of each gradient and packs for Sketch and Photoshop.
ColorMeColorMe is an easy way to visualize the CSS color function. Enter the color you want to use with common color codes and check adjusters to see how it will look with different settings, and get the code to make the changes in your design.
Your Perfect Cards!This free download will help you create HTML/CSS animated cards with microinteractions – a super trend design element.
VauntDo you ever have that moment where you just need to know what a color is to use it in a project? Vaunt is an app that extracts the dominant colors from any image. It uses a clustering algorithm to determine which colors from an image are dominant. The results show the domain color and close variants to help you create exactly the color palette you want. Then you can download swatches in any color format you need. (And it’s a free app.)
Outdoor Advertising Screen MockupSometimes web design projects go beyond the screen and you have to promote a new website launch or design. That’s where a good mockup comes in, such as this option to create an easy design for an outdoor screen. The photo realistic mockup comes as a fully-layers PSD file that’s easy to use and can help others see how a design will look in a realistic environment.
JumpJump helps you navigate your file system faster by learning your habits. It integrates itself into your shell and builds a database of the directories you use most. That way you can “jump” around projects using just a fuzzy search. (It even accounts for typos!)
HDR Effect Photoshop ActionCreate an HDR photo effect in one click with a Photoshop action that will help improve the look of your images. The presets let you tone map HDR photos with professional results and significantly improve any photo, reproduce photos in higher details, contrast scenes and light exposures by increasing luminosity, saturation, strength, etc. And it is designed in a way that anyone can use.
The App Launch ChecklistAre you ready to launch your first app? Don’t fall into traps that commonly happen during the launch process. This tool allows you to create a customized launch plan that you can share and save so that everything is in one place. (Plus all the steps are included to make building your checklist super simple.)
Free Apple MockupsThere’s nothing easier than having a few great mockups at your fingertips to show off projects to your team or prospective clients. This kit of Apple mockups includes PSD files for iPhone, iPad and Mac Desktop designs. Plus, this kit is easy to edit and use.
Black Corporate MockupsThe light, white mockup style isn’t for everyone, so this black corporate kit might be a better option. It includes PSD mockups for an iPhone, Apple Watch and other branded elements such as pens, flash drives and business cards.
F37 FoundryF37 Foundry is a new type foundry and the website tools allow designers to take typefaces for a test drive right in a Chrome or Safari browser. You can move, rotate and resize text, see it in different color and test kerning and tracking before buying a new typeface.
ReflectReflect makes it easy to turn data into visual elements for analytics, reporting or storytelling. You can integrate data with an API or design interactive content without coding.
WildfireThe Wildfire extension for Google Chrome allows you to record actions on the pages you visit, then replay those actions using a simulator. When actions are recorded or simulated, it produces a log which can be reviewed. Use the Workflow Editor to manipulate the behavior of the simulation.
Images To VideoImages To Video is a simple tool that converts a group of still images into an mp4 animated video. You can include up to 10 images and create a simple movie for your website design or social media.
EasyQAThe quality check part of web development is often a chore. EasyQA is a test management tool that helps plan and execute testing, report issues and find crashes and manage the team that’s doing the work. The software package is pretty robust and is free for teams of less than five users.
Init.aiInit.ai helps you build a better chatbot. The tool, which is still in beta, helps you better automate conversations, analyze them for actionable insights and assist sales and support staff to better communicate with users. The beta version is free to test and is a good place to start if chatbots are a part of your business plan.
Photoshop iPad Scroll AnimationThis is a tutorial and mockup in one. The PSD file comes with all the layers and editing that you need to create a cool scroll animation for an iPad, but it also includes video instruction to help you learn the technique on your own.
Brand NewBrand New, the blog that tracks on logo and design updates got a facelift. The new design is simple and makes it easier to see before and after posts at a glance. This is a tool that you should be tracking if you aren’t already.
Oceanside TypewriterOceanside Typewriter is a simple typeface with a nostalgic feel. It includes upper- and lowercase character sets and numerals.
Social CirclesSocial Circles is a great glyph typeface with circle-based icons for popular social media networks. Icon styles include outline and reverse.
DionisiaDionisia is a fun art deco type typeface in all uppercase letters for display use. It also includes a few fun alternates such as the underlined “o” in the image.
Carrie Cousins is a freelance writer with more than 10 years of experience in the communications industry, including writing for print and online publications, and design and editing. You can connect with Carrie on Twitter @carriecousins.
When you hire graphic designers to create your company's logo, what do you expect? Professional designs, culturally…
By Robert Reeve
As web designers, our role in crafting user-friendly digital landscapes is critical. We are tasked with creating user…
You plan to set up shop with an online store. You know there’ll be competition. And to compete with or beat that…
Elon Musk recently announced his intentions to create a direct competitor to LinkedIn. Musk’s grand plan is to make his…
The turn of the millennium was a major cultural shift, and the Y2K aesthetic emerged as a visualization of what the…