Bookmarks have always been something forgotten and accumulating with an idea “I’ll come back to it”, however, I almost never come back to review until now. And instead of keeping it to myself I decided to put a few lists of useful links for web developers as well as more designer’ ish minds. While this post is more developer-focused resources, however, some of the online tools might appear helpful to anyone. I’m likely to optimize this page, remove less useful and add more useful links in the future.
JavaScript related frameworks, libs & tools
- Massive front-end resources list in one place – enboard.co
- KnickoutJS – another way to build dynamic UIs
- MeteorJS – they claim it’s the fastest way to build JS apps
- CodeMirror – code editor you can embed into your website.
- Visual subject recognition and more – SkyBiometry SDK
- Load NPM packages in modern browsers using “import” with jspm.io
- SystemJS – your javascript app’s module loader
- Webpack Dashboard – different way to see your app Webpack build on
- End to end web testing automation tool by TestCafe
- Another testing framework/tool – Webdriver
- End-to-end testing within the browser – Cypress
- Code security analysis tool – Snyk
- Touch gestures to your web app – HammerJS
- Lazy load your images with LayzrJS
- The wonderful Trianglify background image generator
- Fifty – 50 – JavaScript libraries
- Angular UI components
- JWT for session handling
- Auth0 – authentication solution for your apps
- Zxcvbn – Password strength estimator
- JS library that enabled D3 for React
- Address autocompletion
- Data chart JS libraries
- React autocomplete select
- Baobab – Immutable state tree management
- ParticlesJS – one of my favorite animated background lib
- Webpack plugins
- React drag-n-drop examples
- Webpack config generator
CSS tools and visual resources
- CSS Tricks – many good resources
- CSS animation presets – Animate.css
- Checkboxes and Radios made look fancy – how to
- A list of responsive frameworks
- CSS loaders and loading animations:
- CSS/HTML ajax loader generator
- Another loader generator
- Loading animations – preloaders
- Loading.io loaders generator
- Pure CSS animated loaders (one of the best, in my opinion)
- CSS animation tools and frameworks
- CSS gradient generator – a convenient tool to generate CSS
- Tiny useful tools for web designers – haven’t tried, but maybe any good?
- Interactive Box Model diagram
- Material UI based front end framework – MaterializeCSS
- AdminLTE admin panel template kit
- Isotope grid framework
- Animated loading buttons with success and fail animations
- Code generators for web designers
- CSS, SVG and canvas examples
- CSS Grid cheat sheet
- CSS Flexbox cheat sheet
- Animation/motion easings explained visually
- CSS clip/mask path maker
Graphics and icons
- UICloud – UI resources
- Icons library on GeekChamp.com
- FontAwesome – font icons
- Color schemes generator – coolors.co
- IWantHue – Color palette generator
- FlatIcon – web font based icons
- FreePik – graphic resources for your creative side
- Vector icons for your website
- Material design icons on GitHub
- Icons collection for Adobe Illustrator
- Free identity and branding mockup templates
- Payment icons Webfont-based
- Cinemagraphs – uniquely animated images
- Material UI icons
- Material design icons
- Web design resources for designers
- JS and CSS effect libraries
- MasterCard artwork
- Heropatterns – background pattern generator
- Free vector arts
Software and apps
- Photoshop alternative: Affinity Photo
- CSS3 Photoshop Plugin – your PS layers straight to CSS (if you do use Photoshop…)
- LightHouse – website performance analysis plugin for Chrome
- Kite Compositor – animation and prototyping app for Macs & iOS
- Visualize your project GIT repository history with Gource – really amazing tool for presentations
- Apple device management and administration – jamf
- Block ads at DNS level with Pi-hole
- Video conferencing app – Zoom
- BPG image format tool
Online tools
- Markdown editor
- Code editing with Collabedit
- Check if your website is mobile friendly with Mobile-Friendly Test
- Schema.org – for improving your site’s SEO readability
- Picture optimizers JPEGmini and TinyPNG
- Draw diagrams online with Gliffy
- Send files via WeTransfer
- Another diagram tool – CACOO
- Preview your website on desktop, tablet, and mobile
- MockDrop – put your project screenshot into a photo template
- Do they say you can schedule meetings without emailing? Calendly
- Create infographic resumes with ResumUp
- BPMN diagrams – the global standard for business process model and notation diagrams
- Free SSL certificates from Let’s Encrypt
- BrowserShots – see how your website looks on different platforms and browsers
- Online video downloader – could that be useful for YouTube?
- Terms and conditions, privacy policy – now you’ve got the generator online – GetTerms.io
- LegalZoom – Legal documents generator (such as agreements and similar)
- IP address distributions per country – data resource
- Drag and drop webpage generator
- Free proxy list
- Pusher – push notifications and more
- Sign documents online, digital with DigiSigner
jQuery plugins and related
It has been a very long time since I had a chance to do anything with jQuery as I’ve switched to React apps development a long time ago. However, if it ever comes to look into jQuery, here is the list of discoveries in my Favourites folder.
- Tree view jQuery plugins
- Photo preview with jQuery Zoom
- Most useful jQuery plugins by SpeckyBoy
- Minimalist library, the jQuery alternative – ZeptoJS
- Five jQuery alternatives – this looks very old though!
- Masonry – cascading grid layout library
- qTip for tooltips
- jQuery selection handling plugins – select list
- jQuery Transit – super smooth CSS transitions and transformations
- jQuery Parallax
- Image LightBox
- Amazon-like jQuery menu aim
- hoverIntent – try predicting user’s intent
- Touch-friendly and responsive LightBox
- Date range picker
- The interactive SVG info graph
PHP and WP related
- Spaw WYSIWYG editor – if you’re building your own PHP based CMS or content editing tool.
- Free WordPress themes
- Multilingual WordPress site plugin
- WordPress management via remote API-driven Admin interface – Calypso
Video editing
- VideoBlocks – resources library, including audios and videos
- FreeMusicArchive – free music for your projects
And a bit different, the last one in this publication for training your brain: Boost your memory techniques.
I hope you’ll find something useful for yourself. Feel free to share your online tools and discoveries in the comments down below!