Front-end developer uses many tools for their daily activities. Like as - colour picker, code generator, code beautifier, icon generator, fort converter, analyzer, editor, optimizer, various testers etc.
I've created a list for front-end developers. So that they can get all the necessary tools from here. You can bookmark it in your browser. If you have this type of tools link, please post it in the below comment. I'll add this to the blog.
Colour Scheme Calculator: Choose a starter color to calculate its color wheel including triad, complementary, analogous, and split complementary colours, plus saturation and lightness variations.
This section update later- Search box for HTML website- Google Custom Search Engine, Forum For HTML website- www.disqus.com, proboards.com, Facebook Comments etc, Newsletter For HTML website- Use MailChimp
Responsinator: Check how your site will look on the most popular devices
Opera Mobile Classic Emulator: Use the profile selector to spawn multiple Opera Mobile Classic instances with a defined resolution, pixel density, user interface
Use Your Interface: Library of transitional interface and interaction design patterns
Niice: A search engine for finding design inspiration
MOOC
Intro to the Design of Everyday Things: Informative for anyone curious about design: everyday people, technical people, designers, and non-designers alike
Delft Design Approach: Introduction to fundamentals and methods of the Delft approach to designing meaningful products and services
Prototyping Interaction: Learn the different methods of prototyping by sketching, building and testing
Introduction to Graphic Design: Learn foundational graphic design principles (fonts, colors, images, backgrounds, and layouts) and how to apply them.
Intro to HTML and CSS: Learn how to convert digital design mockups into static web pages
Web Development: Learn core web development concepts from Reddit & Hipmunk co-founder Steve Huffman.
Responsive Images: Learn how to work with images on the modern web, so that your images look great and load quickly on any device
HTML5 Canvas: Learn how to use the canvas; how to make compositions using shapes, images, and text; how to create effects and filters on images and how to create animations.
Object-Oriented JavaScript: Learn how to utilize the various object-oriented programming features within JavaScript, and more importantly, how to write reusable and maintainable libraries.
JavaScript Design Patterns: Learn the importance of separating concerns when writing JavaScript, gaining hands-on experience along the way
JavaScript Testing: Learn how to write JavaScript applications with confidence, using the red-green-refactor workflow
UX Design for Mobile Developers: Dive into the techniques that great designers use to plan and prototype amazing apps before any code is written
UIKit Fundamentals: Build a series of simple apps to become more comfortable with the UIKit framework and master its most widely used components
Intro to jQuery: Learn how to read and make sense of jQuery’s documentation.
Intro to AJAX: Learn how to make asynchronous requests with JavaScript (using jQuery’s AJAX functionality), and gain a better understanding of what’s actually happening when you do so
Website Performance Optimization: Learn how to optimize any website for speed by diving into the details of how mobile and desktop browsers render pages.
Gamification Design: Learn the basics of Gamification with a highly practical approach
Wireframes, Mockups & Prototypes
Origami: Free tool for designing modern user interfaces created by Facebook
Cacoo: Create a diagram, site map, flowchart, mind map, wireframe, UML diagram and network diagram
Marvel: Turn your Dropbox or desktop images into web and mobile app prototypes for any device and get feedback
The Web Blend: A community for designers, developers and tech junkies
Design News: A site that features news articles, resources and tutorials written by designers and developers
Portfolio
Behance: The leading online platform to showcase & discover creative work
Dribbble: A place to show and tell, promote, discover, and explore design
Cargo: Personal publishing platform aimed at creating accessible tools and a networked context to enhance the exposure of talented individuals on the Internet
DeviantArt: An online community, showcasing various forms of user-made artwork
WordPress Themes
Optimizer: An easy to customize multipurpose theme for people who don’t like to mess with code.
Pinnacle: Modern flat design with fully responsive theme.
Customizr: Customizable responsive theme with flat design. Well documented and easily extendable with hooks.
Asteria: A clean responsive theme with a beautiful slider, Narrow and Wide Layout Option.
Storefront: Designed and developed by WooThemes for WooCommerce projects.
Resources
Microjs: Discover Micro-Frameworks and Micro-Libraries
The are a lot of development tools. Sometimes is quite difficult to choose the right one. Thanks for the article, it's great!
উত্তরমুছুনThanks for your comment. It'll motivate me to write new posts on IT.
মুছুন