Scribd
Upload
529 views4 pages

Web Resources Tools

This document provides a list of resources for web development including internet browsers like Chrome, code editors like Brackets, online code editors, wireframing tools, jQuery plugins, CSS libraries, image optimization tools, cross-browser testing tools, and web hosting providers. It also includes links to tools for typography, vendor prefixes, code validation, responsive layout testing, and inspiration for web design.

Uploaded by

irq20xdfr8b663b2
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
529 views4 pages

Web Resources Tools

This document provides a list of resources for web development including internet browsers like Chrome, code editors like Brackets, online code editors, wireframing tools, jQuery plugins, CSS libraries, image optimization tools, cross-browser testing tools, and web hosting providers. It also includes links to tools for typography, vendor prefixes, code validation, responsive layout testing, and inspiration for web design.

Uploaded by

irq20xdfr8b663b2
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Web Development Resources:

Internet Browser:
Chrome [Link]

Chrome Extensions:
Font Playground [Link]
Window Resizer [Link]
Page Ruler [Link]
Instant Wireframe [Link]
ColorZilla [Link]
AutoSave [Link]
Image Downloader [Link]
Stylebot [Link]
Corporate Lipsum [Link]

Code Editor:
Brackets [Link]

Brackets Extensions:
Tabs Custom Working [Link]
Brackets Icons [Link]
Beautify [Link]
Indent Guides: [Link]
Lorem Ipsum [Link]
Open in Browser [Link]
Emmet [Link]
Vendor Auto Prefixer [Link]
JS & CSS Minifier [Link]
Brackets Snippet [Link]
Mini Map [Link]
Right Click Extended [Link]
CSS Color Preview [Link]

Online Code Editors:


Codepen [Link]
JSFiddle [Link]
JSBin [Link]
Dabblet [Link]
Thimble [Link]
Wire-framing:
Moqups [Link]
Balsamiq [Link]
JustInMind [Link]
Gliffy Wireframe [Link]
I love wireframes [Link]

Slogan Generator:
Shopify Slogan Maker [Link]

Favicon Generators:
Real Favicon Generator [Link]
Favicon Generator [Link]
Favicon [Link]

Fonts:
Google Fonts [Link]
Fontsquirrel [Link]
Font Pairing Tool [Link]
1001 Fonts [Link]

Colors:
Adobe Color [Link]
Paletton [Link]
Color Scheme Designer [Link]
Colors [Link]
Hex To RGB [Link]
Flat UI Colors [Link]
Flat UI Color Picket [Link]
Boot Flat [Link]
Color Name & Hue [Link]

Icons:
FontAwesome [Link]

Free Images:
Unsplash [Link]
Gratisography [Link]
Stocksnap [Link]
Negativespace [Link]
Splitshire [Link]
FreeStocks [Link]
Snapwiresnaps [Link]
Random User [Link]
pixabay [Link]

Front End Responsive Framework:


Bootstrap [Link]
Foundation [Link]
GetSkeleton [Link]
Responsive Layout Testing Tools:
Quirk Tools [Link]
Responsinator [Link]
Am I Responsive [Link]
Responsive Test [Link]
Mattkersley [Link]
Chrome Built in Chrome web developer tools has nice built in responsive tool

JQuery & Plugins:


jQuery [Link]
jQuery API (Document) [Link]
Learn jQuery [Link]
Reveal Animation on Scroll [Link] & [Link]
Magnific Popup [Link]
Owl Carousel [Link] & [Link]
[Link] & [Link] (Optionanl)
Counter Up [Link]
Waypoints [Link]
Easing [Link]

CSS Libraries & Tools:


[Link] [Link]
Css3Please [Link]

High Speed Coding:


Emmet [Link]
Emmet Syntax (HTML) [Link]
Emmet Syntax (CSS) [Link]
Emmet Cheat Sheet [Link]

Typography Tools:
Grid Lover [Link]
Pearsonified [Link]

Web Browser Compatibility Tools :


Caniuse [Link]

Vendor Auto Prefixer Tools :


Autoprefixer [Link]
Pleeease [Link]

Code Validation Tools :


HTML [Link]
CSS [Link]
JavaScript [Link]

Images Optimization :
TinyPNG [Link]
Cross Browser Testing Tools :
Browserling [Link]
Netrenderer [Link]

Code Minify :
Minify Code [Link]
CSS Minifier [Link]
JavaScript Minifier [Link]
Unminify [Link]
Minifier [Link]

Web Hosting :
Hostgator [Link]
Blue Host [Link]

Web Analytic :
Google [Link]

Web Design Inspiration:


Dribbble [Link]
Awwwards [Link]

Learn Web Development Skills:


W3schools [Link]

Web Development Blogs:


Site point [Link]
Code Drops [Link]

You might also like