Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save ADIL2HAMMAD/e51870518f1b7f3c7917e619e4c2b88c to your computer and use it in GitHub Desktop.
Save ADIL2HAMMAD/e51870518f1b7f3c7917e619e4c2b88c to your computer and use it in GitHub Desktop.

Revisions

  1. @bradtraversy bradtraversy revised this gist Jul 15, 2018. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions webdev_online_resources.md
    Original file line number Diff line number Diff line change
    @@ -53,6 +53,7 @@
    * Get Color Schemes of Websites - http://stylifyme.com
    * Create Gradients - https://uigradients.com
    * CSS Button Generator - http://css3buttongenerator.com
    * HTML Entity Lookup - http://entity-lookup.leftlogic.com/

    ## RESPONSIVENESS:
    * Device Testing - http://www.responsinator.com
  2. @bradtraversy bradtraversy revised this gist Jul 15, 2018. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion webdev_online_resources.md
    Original file line number Diff line number Diff line change
    @@ -67,5 +67,4 @@
    * Pingdom Speed Test - https://tools.pingdom.com/

    ## OTHER:
    * https://domainr.com/
    * Public API Resources - https://github.com/toddmotto/public-apis?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more
  3. @bradtraversy bradtraversy revised this gist Jul 15, 2018. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion webdev_online_resources.md
    Original file line number Diff line number Diff line change
    @@ -11,7 +11,7 @@
    * Free Stock Images - https://www.pexels.com
    * Free Stock Images With Great API - https://unsplash.com/
    * Free- Vectors, mockups - https://www.freepik.com
    * Dummy Images - http://lorempixel.com
    * Dummy Image Placeholders - https://source.unsplash.com/
    * Dummy Image Placeholders - https://placeholder.com
    * Free Icons - https://www.iconfinder.com

  4. @bradtraversy bradtraversy revised this gist Jul 15, 2018. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion webdev_online_resources.md
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@
    * Favicon Generator - http://tools.dynamicdrive.com/favicon
    * Data Generator - https://mockaroo.com/
    * Mobile Mockup Generator - https://mockuphone.com
    * Logo Generator - Logo Generator - https://www.logaster.com
    * Logo Generator - https://www.logaster.com
    * UUID Generator - https://www.uuidgenerator.net/
    * Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/

  5. @bradtraversy bradtraversy revised this gist Jul 15, 2018. 1 changed file with 9 additions and 4 deletions.
    13 changes: 9 additions & 4 deletions webdev_online_resources.md
    Original file line number Diff line number Diff line change
    @@ -2,9 +2,10 @@
    * Text Content Generator - http://www.lipsum.com
    * Favicon Generator - http://tools.dynamicdrive.com/favicon
    * Data Generator - https://mockaroo.com/
    * UUID Generator - https://www.uuidgenerator.net/
    * Mobile Mockup Generator - https://mockuphone.com
    * Logo Generator - https://www.logaster.com
    * Logo Generator - Logo Generator - https://www.logaster.com
    * UUID Generator - https://www.uuidgenerator.net/
    * Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/

    ## IMAGE RESOURCES:
    * Free Stock Images - https://www.pexels.com
    @@ -23,7 +24,8 @@
    * ES6+ & JSX Compiler - https://babeljs.io/repl
    * Sass Converter - https://www.sassmeister.com/
    * Less Converter & More - http://www.webtoolkitonline.com
    * Markdown Editor - https://stackedit.io
    * Markdown Editor - https://stackedit.io
    * Jade Converter - http://www.html2jade.org/

    ## IMAGE COMPRESSION:
    * Compress All Images - https://compressor.io/compress
    @@ -54,13 +56,16 @@

    ## RESPONSIVENESS:
    * Device Testing - http://www.responsinator.com
    * What's My Browser Size - https://www.webpagefx.com/tools/whats-my-browser-size/

    ## WIREFRAME:
    * In Browser Wireframing - https://app.moqups.com
    * Very Basic In Browser Wireframing - https://wireframe.cc

    ## SPEED TEST:
    * Speed & Performance Testing - https://tools.keycdn.com/speed
    * Pingdom Speed Test - https://tools.pingdom.com/

    ## OTHER:
    * https://domainr.com/
    * https://domainr.com/
    * Public API Resources - https://github.com/toddmotto/public-apis?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more
  6. @bradtraversy bradtraversy revised this gist Jul 15, 2018. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion webdev_online_resources.md
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,7 @@
    * Data Generator - https://mockaroo.com/
    * UUID Generator - https://www.uuidgenerator.net/
    * Mobile Mockup Generator - https://mockuphone.com
    * Logo Generator - Logo Generator - https://www.logaster.com
    * Logo Generator - https://www.logaster.com

    ## IMAGE RESOURCES:
    * Free Stock Images - https://www.pexels.com
  7. @bradtraversy bradtraversy revised this gist Jul 15, 2018. 1 changed file with 43 additions and 46 deletions.
    89 changes: 43 additions & 46 deletions webdev_online_resources.md
    Original file line number Diff line number Diff line change
    @@ -1,69 +1,66 @@
    ## CONTENT RESOURCES:
    * https://www.pexels.com
    * https://unsplash.com/
    * https://www.freepik.com
    * http://www.lipsum.com
    * http://www.blokkfont.com
    * http://lorempixel.com
    * https://placeholder.com
    * https://www.iconfinder.com
    * http://www.lipsum.com
    ## GENERATORS:
    * Text Content Generator - http://www.lipsum.com
    * Favicon Generator - http://tools.dynamicdrive.com/favicon
    * Data Generator - https://mockaroo.com/
    * UUID Generator - https://www.uuidgenerator.net/
    * Mobile Mockup Generator - https://mockuphone.com
    * Logo Generator - Logo Generator - https://www.logaster.com

    ## IMAGE RESOURCES:
    * Free Stock Images - https://www.pexels.com
    * Free Stock Images With Great API - https://unsplash.com/
    * Free- Vectors, mockups - https://www.freepik.com
    * Dummy Images - http://lorempixel.com
    * Dummy Image Placeholders - https://placeholder.com
    * Free Icons - https://www.iconfinder.com

    ## CODE OPTIMIZATION:
    * http://minifier.org
    * https://codebeautify.org
    * https://www.diffchecker.com
    * Minify JS & CSS - http://minifier.org
    * Code Optimization Tools - https://codebeautify.org
    * Code Diff Checker - https://www.diffchecker.com

    ## CONVERTERS:
    * https://babeljs.io/repl
    * https://www.sassmeister.com/
    * http://www.webtoolkitonline.com
    * https://stackedit.io
    * https://dillinger.io
    * ES6+ & JSX Compiler - https://babeljs.io/repl
    * Sass Converter - https://www.sassmeister.com/
    * Less Converter & More - http://www.webtoolkitonline.com
    * Markdown Editor - https://stackedit.io

    ## IMAGE COMPRESSION:
    * https://compressor.io/compress
    * http://jpeg-optimizer.com/
    * https://tinypng.com/
    * Compress All Images - https://compressor.io/compress
    * Compress JPG - http://jpeg-optimizer.com/
    * Compress PNG - https://tinypng.com/

    ## VALIDATION & COMPATIBILITY:
    * https://validator.w3.org
    * https://jigsaw.w3.org/css-validator
    * https://caniuse.com/
    * https://kangax.github.io/compat-table/es6/

    ## GENERATORS:
    * http://tools.dynamicdrive.com/favicon
    * https://mockaroo.com/
    * https://www.uuidgenerator.net/
    * https://mockuphone.com
    * Logo Generator - https://www.logaster.com
    * Validate HTML - https://validator.w3.org
    * Validate CSS - https://jigsaw.w3.org/css-validator
    * Check Browser Compatibility - https://caniuse.com/
    * ES6+ Compatibility Table - https://kangax.github.io/compat-table/es6/

    ## IN BROWSER CODING:
    * https://codepen.io
    * https://jsfiddle.net
    * http://liveweave.com
    * https://repl.it
    * Client Side Code - https://codepen.io
    * Client Side Code - https://jsfiddle.net
    * Client Side Code - http://liveweave.com
    * Server Side Code - https://repl.it

    ## SNIPPET TOOLS:
    * https://gist.github.com
    * https://pastebin.com
    * Snippet Manager - https://gist.github.com
    * Snippet Manager - https://pastebin.com

    ## COLOR & DESIGN:
    * https://color.hailpixel.com
    * http://stylifyme.com
    * https://uigradients.com
    * http://css3buttongenerator.com
    * Create Color Schemes - https://color.hailpixel.com
    * Get Color Schemes of Websites - http://stylifyme.com
    * Create Gradients - https://uigradients.com
    * CSS Button Generator - http://css3buttongenerator.com

    ## RESPONSIVENESS:
    * http://www.responsinator.com
    * Device Testing - http://www.responsinator.com

    ## WIREFRAME:
    * https://app.moqups.com
    * https://wireframe.cc
    * In Browser Wireframing - https://app.moqups.com
    * Very Basic In Browser Wireframing - https://wireframe.cc

    ## SPEED TEST:
    * https://tools.keycdn.com/speed
    * Speed & Performance Testing - https://tools.keycdn.com/speed

    ## OTHER:
    * https://domainr.com/
  8. @bradtraversy bradtraversy revised this gist Jul 15, 2018. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion webdev_online_resources.md
    Original file line number Diff line number Diff line change
    @@ -35,7 +35,9 @@
    ## GENERATORS:
    * http://tools.dynamicdrive.com/favicon
    * https://mockaroo.com/
    * https://www.uuidgenerator.net/
    * https://www.uuidgenerator.net/
    * https://mockuphone.com
    * Logo Generator - https://www.logaster.com

    ## IN BROWSER CODING:
    * https://codepen.io
  9. @bradtraversy bradtraversy created this gist Jul 15, 2018.
    67 changes: 67 additions & 0 deletions webdev_online_resources.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,67 @@
    ## CONTENT RESOURCES:
    * https://www.pexels.com
    * https://unsplash.com/
    * https://www.freepik.com
    * http://www.lipsum.com
    * http://www.blokkfont.com
    * http://lorempixel.com
    * https://placeholder.com
    * https://www.iconfinder.com
    * http://www.lipsum.com

    ## CODE OPTIMIZATION:
    * http://minifier.org
    * https://codebeautify.org
    * https://www.diffchecker.com

    ## CONVERTERS:
    * https://babeljs.io/repl
    * https://www.sassmeister.com/
    * http://www.webtoolkitonline.com
    * https://stackedit.io
    * https://dillinger.io

    ## IMAGE COMPRESSION:
    * https://compressor.io/compress
    * http://jpeg-optimizer.com/
    * https://tinypng.com/

    ## VALIDATION & COMPATIBILITY:
    * https://validator.w3.org
    * https://jigsaw.w3.org/css-validator
    * https://caniuse.com/
    * https://kangax.github.io/compat-table/es6/

    ## GENERATORS:
    * http://tools.dynamicdrive.com/favicon
    * https://mockaroo.com/
    * https://www.uuidgenerator.net/

    ## IN BROWSER CODING:
    * https://codepen.io
    * https://jsfiddle.net
    * http://liveweave.com
    * https://repl.it

    ## SNIPPET TOOLS:
    * https://gist.github.com
    * https://pastebin.com

    ## COLOR & DESIGN:
    * https://color.hailpixel.com
    * http://stylifyme.com
    * https://uigradients.com
    * http://css3buttongenerator.com

    ## RESPONSIVENESS:
    * http://www.responsinator.com

    ## WIREFRAME:
    * https://app.moqups.com
    * https://wireframe.cc

    ## SPEED TEST:
    * https://tools.keycdn.com/speed

    ## OTHER:
    * https://domainr.com/