Fontjoy – Helpful Font Pairing Tools For Designers
Choosing fonts to use in a design project isn’t exactly a cakewalk. If the fonts are too similar to one another, they’ll be hard to distinguish. L…
Latest in: Toolkit
This toolkit section offers an outstanding compilation of resources essential for web design and development.
We feature themes and templates, coding tools and editors, plugins, tips, bookmarklets, file-sharing tools, collaboration tools, monitoring tools, color pickers, scheme generators, and comprehensive resource kits for infographics and royalty-free stock photos.
Build Accessible Modal Windows with A11y Dialog
Modals are widely supported in modern browsers. They can be used as notification popups, as opt-in fields, or even for photo slideshows. You can build…
How to Zoom Images like Medium
The blogging platform Medium uses a custom image zooming effect on their blog pages. Whenever the user clicks an image it’ll automatically zoom into…
ZooMove: jQuery Plugin to Zoom Images on Hover
If you’ve ever browsed an e-commerce site you’ve likely seen the image zooming effect. You hover a product photo and that part of the image magnif…
This Clever Trick Brings Visitors Back When They Tab Away
How many times do you open an article, skim a few sentences, then click away to browse another tab? I’m guilty of this on a daily basis. It’s not …
Send Browser Push Notifications with Push.js
Native mobile apps always had support for push notifications. But, these notifications were absent from the web until the Notifications API popped up.…
Transform Images With Philter.js: Free CSS Filter Library
Instagram is widely known as the most popular photo network. It handles over 52 million photos per day and many of them include filters that alter ima…
Responsive Images Made Easy with ResponsifyJS
The modern web should be 100% responsive and newer libraries are making this increasingly possible. With free plugins, such as ResponsifyJS, it’s ev…
Create Cascading Effects Easily with CascadeJS
Fancy animations are a dime a dozen on the web. They’re getting easier to create with tons of incredible animation libraries. Cascade.js is one more…
Developers: Larder is The Bookmarking Tool You’ll Love
GitHub is a powerful resource for developers to connect and share work. But, it’s not the best organizational tool for saving and sorting through li…
Create Custom Right-Click Context Menus with justContext.js
Every web browser has a default context menu. This appears when the user right-clicks anywhere on a page and it usually has the same options, such as …
Run & Share Snippets With Glot.io
There are dozens of browser-based IDEs but most of them focus on frontend languages: HTML, CSS, and JavaScript. Glot.io is a new contender, focusing o…