imp tools etc
Web Development Resources:
Internet Browser:
Chrome https://www.google.com/chrome/browser/desktop/index.html
Chrome Extensions:
Font Playground https://chrome.google.com/webstore/detail/font-playground/hdpmpnhaoddjelneingmbnhaibbmjgno?hl=en
Window Resizer https://chrome.google.com/webstore/detail/windowresizer/kkelicaakdanhinjdeammmilcgefonfh/related?hl=en
Page Ruler https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn
Instant Wireframe https://chrome.google.com/webstore/detail/instant-wireframe/pmpmnmbgidlnoamkpmcikaejhmeldnha
ColorZilla https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp/related
AutoSave https://chrome.google.com/webstore/detail/devtools-autosave/mlejngncgiocofkcbnnpaieapabmanfl
Image Downloader https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj
Stylebot https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha
Corporate Lipsum https://chrome.google.com/webstore/detail/corporate-ipsum/lfmadckmfehehmdnmhaebniooenedcbb
Code Editor:
Brackets http://brackets.io/
Brackets Extensions:
Tabs – Custom Working https://github.com/DH3ALEJANDRO/custom-work-for-brackets
Brackets Icons https://github.com/ivogabe/Brackets-Icons
Beautify https://github.com/brackets-beautify/brackets-beautify
Indent Guides: https://github.com/lkcampbell/brackets-indent-guides
Lorem Ipsum https://github.com/lkcampbell/brackets-lorem-ipsum
Open in Browser https://github.com/DH3ALEJANDRO/brackets-open-in-browser
Emmet https://github.com/emmetio/brackets-emmet
Vendor Auto Prefixer https://github.com/mikaeljorhult/brackets-autoprefixer
JS & CSS Minifier https://github.com/abagshaw/brackets-minifier
Brackets Snippet https://github.com/chuyik/brackets-snippets
Mini Map https://github.com/zorgzerg/brackets-minimap
Right Click Extended https://github.com/jbardnz/RightClickExtended
CSS Color Preview https://github.com/cmgddd/Brackets-css-color-preview
Online Code Editors:
Codepen http://codepen.io/
JSFiddle https://jsfiddle.net/
JSBin http://jsbin.com/
Dabblet http://dabblet.com/
Thimble https://thimble.mozilla.org/en-US/
Wire-framing:
Moqups https://moqups.com/
Balsamiq https://balsamiq.com
JustInMind https://www.justinmind.com/free-wireframing-tool
Gliffy Wireframe https://www.gliffy.com/uses/wireframe-software/
I love wireframes http://wireframes.tumblr.com/
Slogan Generator:
Shopify Slogan Maker https://www.shopify.com/tools/slogan-maker
Favicon Generators:
Real Favicon Generator http://realfavicongenerator.net/
Favicon Generator http://www.favicon-generator.org/
Favicon http://www.favicon.cc/
Fonts:
Google Fonts https://fonts.google.com/
Fontsquirrel https://www.fontsquirrel.com/
Font Pairing Tool http://fontpair.co/
1001 Fonts http://www.1001fonts.com/
fontplayground chrome extension
Colors:
Adobe Color https://color.adobe.com/
Paletton http://paletton.com/
Color Scheme Designer http://colorschemedesigner.com/csd-3.5/
Colors https://coolors.co
Hex To RGB http://www.webpagefx.com/web-design/hex-to-rgb
Flat UI Colors https://flatuicolors.com/
Flat UI Color Picket http://www.flatuicolorpicker.com/
Boot Flat http://bootflat.github.io/color-picker.html
Color Name & Hue http://www.color-blindness.com/color-name-hue/
Icons:
FontAwesome http://fontawesome.io/
Free Images:
Unsplash https://unsplash.com/
Gratisography http://www.gratisography.com/
Stocksnap https://stocksnap.io
Negativespace http://negativespace.co/
Splitshire https://www.splitshire.com/
FreeStocks http://freestocks.org/
Snapwiresnaps http://snapwiresnaps.tumblr.com/
Random User https://randomuser.me/
pixabay https://pixabay.com/
Front End Responsive Framework:
Bootstrap https://getbootstrap.com/docs/3.3/
Foundation http://foundation.zurb.com/
GetSkeleton http://getskeleton.com/
Responsive Layout Testing Tools:
Quirk Tools http://quirktools.com/screenfly/
Responsinator https://www.responsinator.com/
Am I Responsive http://ami.responsivedesign.is/
Responsive Test http://responsivetest.net/
Mattkersley http://mattkersley.com/responsive/
Chrome Built in Chrome web developer tools has nice built in responsive tool
JQuery & Plugins:
jQuery http://jquery.com/
jQuery API (Document) http://api.jquery.com/
Learn jQuery https://learn.jquery.com/about-jquery/how-jquery-works/
Reveal Animation on Scroll https://github.com/matthieua/WOW & http://mynameismatthieu.com/WOW/
Magnific Popup http://dimsemenov.com/plugins/magnific-popup/
Owl Carousel http://owlcarousel2.github.io/OwlCarousel2/ & https://github.com/OwlCarousel2/OwlCarousel2
http://owlgraphic.com/owlcarousel/ & https://github.com/OwlFonk/OwlCarousel (Optionanl)
Counter Up https://github.com/ciromattia/jquery.counterup
Waypoints http://imakewebthings.com/waypoints/
Easing http://gsgd.co.uk/sandbox/jquery/easing/
CSS Libraries & Tools:
Animate.css https://daneden.github.io/animate.css/
Css3Please http://css3please.com/
High Speed Coding:
Emmet http://emmet.io/
Emmet Syntax (HTML) http://docs.emmet.io/abbreviations/syntax/
Emmet Syntax (CSS) http://docs.emmet.io/css-abbreviations/
Emmet Cheat Sheet http://docs.emmet.io/cheat-sheet/
Typography Tools:
Grid Lover https://www.gridlover.net/try
Pearsonified https://pearsonified.com/typography/
Web Browser Compatibility Tools :
Caniuse http://caniuse.com/
Vendor Auto Prefixer Tools :
Autoprefixer https://autoprefixer.github.io/
Pleeease http://pleeease.io/play/
Code Validation Tools :
HTML https://validator.w3.org/
CSS https://jigsaw.w3.org/css-validator/
JavaScript http://www.jslint.com/
Images Optimization :
TinyPNG https://tinypng.com/
Cross Browser Testing Tools :
Browserling https://www.browserling.com/
Netrenderer http://netrenderer.com/
Code Minify :
Minify Code http://minifycode.com/
CSS Minifier https://cssminifier.com/
JavaScript Minifier https://javascript-minifier.com/
Unminify http://unminify.com/
Minifier http://www.minifier.org/
Web Hosting :
Hostgator https://www.hostgator.com/
Blue Host https://www.bluehost.com/
Web Analytic :
Google https://analytics.google.com/analytics/web/
Web Design Inspiration:
Dribbble https://dribbble.com/
Awwwards http://www.awwwards.com/
Learn Web Development Skills:
W3schools http://www.w3schools.com/
Web Development Blogs:
Site point https://www.sitepoint.com/
Code Drops http://tympanus.net/codrops/
Internet Browser:
Chrome https://www.google.com/chrome/browser/desktop/index.html
Chrome Extensions:
Font Playground https://chrome.google.com/webstore/detail/font-playground/hdpmpnhaoddjelneingmbnhaibbmjgno?hl=en
Window Resizer https://chrome.google.com/webstore/detail/windowresizer/kkelicaakdanhinjdeammmilcgefonfh/related?hl=en
Page Ruler https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn
Instant Wireframe https://chrome.google.com/webstore/detail/instant-wireframe/pmpmnmbgidlnoamkpmcikaejhmeldnha
ColorZilla https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp/related
AutoSave https://chrome.google.com/webstore/detail/devtools-autosave/mlejngncgiocofkcbnnpaieapabmanfl
Image Downloader https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj
Stylebot https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha
Corporate Lipsum https://chrome.google.com/webstore/detail/corporate-ipsum/lfmadckmfehehmdnmhaebniooenedcbb
Code Editor:
Brackets http://brackets.io/
Brackets Extensions:
Tabs – Custom Working https://github.com/DH3ALEJANDRO/custom-work-for-brackets
Brackets Icons https://github.com/ivogabe/Brackets-Icons
Beautify https://github.com/brackets-beautify/brackets-beautify
Indent Guides: https://github.com/lkcampbell/brackets-indent-guides
Lorem Ipsum https://github.com/lkcampbell/brackets-lorem-ipsum
Open in Browser https://github.com/DH3ALEJANDRO/brackets-open-in-browser
Emmet https://github.com/emmetio/brackets-emmet
Vendor Auto Prefixer https://github.com/mikaeljorhult/brackets-autoprefixer
JS & CSS Minifier https://github.com/abagshaw/brackets-minifier
Brackets Snippet https://github.com/chuyik/brackets-snippets
Mini Map https://github.com/zorgzerg/brackets-minimap
Right Click Extended https://github.com/jbardnz/RightClickExtended
CSS Color Preview https://github.com/cmgddd/Brackets-css-color-preview
Online Code Editors:
Codepen http://codepen.io/
JSFiddle https://jsfiddle.net/
JSBin http://jsbin.com/
Dabblet http://dabblet.com/
Thimble https://thimble.mozilla.org/en-US/
Wire-framing:
Moqups https://moqups.com/
Balsamiq https://balsamiq.com
JustInMind https://www.justinmind.com/free-wireframing-tool
Gliffy Wireframe https://www.gliffy.com/uses/wireframe-software/
I love wireframes http://wireframes.tumblr.com/
Slogan Generator:
Shopify Slogan Maker https://www.shopify.com/tools/slogan-maker
Favicon Generators:
Real Favicon Generator http://realfavicongenerator.net/
Favicon Generator http://www.favicon-generator.org/
Favicon http://www.favicon.cc/
Fonts:
Google Fonts https://fonts.google.com/
Fontsquirrel https://www.fontsquirrel.com/
Font Pairing Tool http://fontpair.co/
1001 Fonts http://www.1001fonts.com/
fontplayground chrome extension
Colors:
Adobe Color https://color.adobe.com/
Paletton http://paletton.com/
Color Scheme Designer http://colorschemedesigner.com/csd-3.5/
Colors https://coolors.co
Hex To RGB http://www.webpagefx.com/web-design/hex-to-rgb
Flat UI Colors https://flatuicolors.com/
Flat UI Color Picket http://www.flatuicolorpicker.com/
Boot Flat http://bootflat.github.io/color-picker.html
Color Name & Hue http://www.color-blindness.com/color-name-hue/
Icons:
FontAwesome http://fontawesome.io/
Free Images:
Unsplash https://unsplash.com/
Gratisography http://www.gratisography.com/
Stocksnap https://stocksnap.io
Negativespace http://negativespace.co/
Splitshire https://www.splitshire.com/
FreeStocks http://freestocks.org/
Snapwiresnaps http://snapwiresnaps.tumblr.com/
Random User https://randomuser.me/
pixabay https://pixabay.com/
Front End Responsive Framework:
Bootstrap https://getbootstrap.com/docs/3.3/
Foundation http://foundation.zurb.com/
GetSkeleton http://getskeleton.com/
Responsive Layout Testing Tools:
Quirk Tools http://quirktools.com/screenfly/
Responsinator https://www.responsinator.com/
Am I Responsive http://ami.responsivedesign.is/
Responsive Test http://responsivetest.net/
Mattkersley http://mattkersley.com/responsive/
Chrome Built in Chrome web developer tools has nice built in responsive tool
JQuery & Plugins:
jQuery http://jquery.com/
jQuery API (Document) http://api.jquery.com/
Learn jQuery https://learn.jquery.com/about-jquery/how-jquery-works/
Reveal Animation on Scroll https://github.com/matthieua/WOW & http://mynameismatthieu.com/WOW/
Magnific Popup http://dimsemenov.com/plugins/magnific-popup/
Owl Carousel http://owlcarousel2.github.io/OwlCarousel2/ & https://github.com/OwlCarousel2/OwlCarousel2
http://owlgraphic.com/owlcarousel/ & https://github.com/OwlFonk/OwlCarousel (Optionanl)
Counter Up https://github.com/ciromattia/jquery.counterup
Waypoints http://imakewebthings.com/waypoints/
Easing http://gsgd.co.uk/sandbox/jquery/easing/
CSS Libraries & Tools:
Animate.css https://daneden.github.io/animate.css/
Css3Please http://css3please.com/
High Speed Coding:
Emmet http://emmet.io/
Emmet Syntax (HTML) http://docs.emmet.io/abbreviations/syntax/
Emmet Syntax (CSS) http://docs.emmet.io/css-abbreviations/
Emmet Cheat Sheet http://docs.emmet.io/cheat-sheet/
Typography Tools:
Grid Lover https://www.gridlover.net/try
Pearsonified https://pearsonified.com/typography/
Web Browser Compatibility Tools :
Caniuse http://caniuse.com/
Vendor Auto Prefixer Tools :
Autoprefixer https://autoprefixer.github.io/
Pleeease http://pleeease.io/play/
Code Validation Tools :
HTML https://validator.w3.org/
CSS https://jigsaw.w3.org/css-validator/
JavaScript http://www.jslint.com/
Images Optimization :
TinyPNG https://tinypng.com/
Cross Browser Testing Tools :
Browserling https://www.browserling.com/
Netrenderer http://netrenderer.com/
Code Minify :
Minify Code http://minifycode.com/
CSS Minifier https://cssminifier.com/
JavaScript Minifier https://javascript-minifier.com/
Unminify http://unminify.com/
Minifier http://www.minifier.org/
Web Hosting :
Hostgator https://www.hostgator.com/
Blue Host https://www.bluehost.com/
Web Analytic :
Google https://analytics.google.com/analytics/web/
Web Design Inspiration:
Dribbble https://dribbble.com/
Awwwards http://www.awwwards.com/
Learn Web Development Skills:
W3schools http://www.w3schools.com/
Web Development Blogs:
Site point https://www.sitepoint.com/
Code Drops http://tympanus.net/codrops/
Comments
Post a Comment