Added links

readme.md

@@ -28,6 +28,7 @@
 - [GraphQL](utils-coding/utils-graphql.md)
 - [Git](utils-coding/utils-git.md)
 - [Api](utils-coding/utils-api.md)
+- [Design](utils-coding/utils-design.md)
 - [More](utils-coding/)
 
 ## Blockchain

utils-coding/utils-angular.md

@@ -719,11 +719,12 @@ Can be caused by:
 
 ## BAD PRACTICES
 
-- usage of ::ng-deep without :host is going to affect the css of the others components, the style isolation principle is broken, the way to avoid that is using :host ::ng-deep. Those errors are also due to the fact that angular material must render part of the components outside of the components, that means there is a overlay panel detached which pop on top of the view, for instance when mat-select is open.
-- forget usage of clear design pattern such as smart/dumb components results in hard to read, debug, test and maintain codebase. The smart/dumb components pattern should be used everywhere.
-- forget usage of application monitoring and error tracking at the beginning of the project such as sentry. It results in a tons of bugs the day you install it and you then have to work for months in order to clear the app of all the bugs.
-- not write pure functions, the developers are used to write impure functions which are changing the state of the component variable inside the function, this results in side effects and function are not testable. It's harder to write pure function but it results in easier to maintain code.
-- override the existing theme using a clean pattern, naming convention, for instance if you want to override material, there are many different cases to know: (theming variables, overlay components, regular components...) you must check the articles written by razroo called customize angular material design.
+- usage of ::ng-deep without :host is going to affect the css of the others components, the style isolation principle is broken, the way to avoid that is by using :host ::ng-deep. Those errors are also due to the fact that angular material must render part of the components outside of the components, that means there is a overlay panel detached which pop on top of the view, for instance when mat-select is open.
+- lack of clear design pattern such as smart/dumb components results in hard to read, debug, test and maintain codebase. The smart/dumb components pattern should be used everywhere.
+- lack of application monitoring and error tracking at the beginning of the project such as sentry. It results in a tons of bugs the day you install it and you then have to work for months in order to clear the app of all the bugs.
+- lack of pure functions, the developers are used to write impure functions which are changing the state of the component variable inside the function, this results in side effects and function are not testable. It's harder to write pure function but it results in easier to maintain code.
+- lack of clear pattern for overriding the existing theme. A clear convention should be used, for instance if you want to override material, there are many different cases to know: (theming variables, overlay components, regular components...) you must check the articles written by razroo called customize angular material design.
+- lack of readonly and deapreadonly typings it results in unsafe code and possible mutation of any attributes in the codebase, functions will have potentially side effects.
 
 ## JOIN AN EXISTING PROJECTS
 

utils-coding/utils-api.md

@@ -52,6 +52,10 @@ http://www.restapitutorial.com/lessons/httpmethods.html
 - https://github.com/hlaw/codegrid-js
 - https://www.geonames.org/
 
+## FORMS
+- https://getform.io
+- https://www.typeform.com
+
 ## LIST
 - https://www.humanapi.co
 - https://github.com/public-apis/public-apis

utils-coding/utils-web-design.md → utils-coding/utils-beautiful.md

@@ -1,31 +1,4 @@
 
-# WEB DESIGN
-
-## TOOLS
-https://squoosh.app/
-https://tinypng.com/
-
-## LOGO/ICONS
-https://logojoy.com
-http://iconstore.co/
-https://fonticons.com/?
-http://www.littlewalden.com/
-http://kushagragour.in/lab/hint/
-https://picons.me/
-https://www.svgator.com svg animate
-
-## AWESOME
-
-- https://github.com/bradtraversy/design-resources-for-developers
-
-## FONT
-https://www.awwwards.com/20-best-web-fonts-from-google-web-fonts-and-font-face.html
-http://bashooka.com/freebie/50-free-fonts-2018-that-will-rock-your-design-project/
-
-## BOOSTRAP4 TEMPLATES
-https://colorlib.com/wp/free-bootstrap-4-website-templates/
-https://getbootstrap.com/docs/4.1/examples/
-
 ### WEBSITE SELECTION / AWARDS
 https://onepagelove.com/
 http://www.awwwards.com/  
@@ -40,211 +13,6 @@ http://www.lesappawards.fr/
 http://freshdesign.io  
 http://www.uxdesigner.top  
 
-## OTHERS
-http://www.awwwards.com/creative-web-portfolios.html **********************
-
-### WEBDESIGN
-http://dribbble.com/
-http://inspiredm.com
-http://www.smashingmagazine.com/
-https://sidebar.io
-http://webdesignledger.com/
-http://blog.visme.co/color-harmony-tips-on-selecting-colors-in-design/
-http://www.fastcodesign.com
-http://www.art-spire.com << SELECTION SITE
-http://capptivate.co/
-http://code4app.net/
-http://www.behance.net
-http://coolors.co/
-https://niice.co/
-http://makerbook.net/?ref=producthunt
-http://talkaboutdesign.com/preview/
-
-
-### WEBDESIGN RESSOURCES
-http://www.pixeden.com/free-design-web-resources
-http://www.bittbox.com
-https://loading.io
-http://inspiredm.com/tools-resources-web-designers-developers-march-2016/
-http://inspiredm.com/top-10-places-find-free-design-resources-2014/
-http://www.creativebloq.com/design/free-resources-for-designers-12121531
-http://www.designfreebies.com
-http://www.awwwards.com/trendy-web-color-palettes-and-material-design-color-schemes-tools.html
-http://www.awwwards.com/100-greatest-free-fonts-collection-for-2015.html
-
-http://codepen.io/melnik909/details/KNLBEX
-http://output.jsbin.com/ninuva
-
-https://tympanus.net/Development/GridLoadingEffects/index2.html
-http://tympanus.net/Development/PageLoadingEffects/index6.html page loading effect
-https://github.com/blivesta/animsition
-http://www.studio-ancalime.com/20-plugins-jquery-et-css3-pour-vos-transitions-de-pages/
-https://github.com/codrops/FullscreenOverlayStyles
-http://tympanus.net/Development/FullscreenOverlayStyles/
-http://tympanus.net/Tutorials/ShapeHoverEffectSVG/index2.html
-http://tympanus.net/Development/AnimatedSVGIcons/
-
-### STOCK PHOTOS
-https://imagefinder.co
-free http://fr.freeimages.com/
-Unsplash http://unsplash.com/
-Death to the Stock Photo http://join.deathtothestockphoto.com/
-New Old Stock http://nos.twnsnd.co/
-Superfamous (requires attribution) http://superfamous.com/
-Picjumbo http://picjumbo.com/
-The Pattern Library http://thepatternlibrary.com/
-Gratisography http://www.gratisography.com/
-Getrefe http://getrefe.tumblr.com/
-IM Free (requires attribution) http://imcreator.com/free
-Jay Mantri http://jaymantri.com/
-Women of color in tech https://www.flickr.com/photos/wocintechchat/
-Public Domain Archive http://publicdomainarchive.com/
-Magdeleine http://magdeleine.co/
-Foodiesfeed http://foodiesfeed.com
-Picography http://picography.co/
-Raumrot http://www.raumrot.com/10/
-ISO Republic http://isorepublic.com/
-https://www.pexels.com
-http://www.dreamstime.com/
-https://pixabay.com  *******
-http://www.coverr.co  
-https://giphy.com
-https://undraw.co/illustrations
-
-## ICONS
-https://www.flaticon.com
-https://iconmonstr.com
-
-
-## IMAGE PATTERN BACKGROUND
-https://www.novapattern.com
-http://www.lisbonazulejos.com/
-http://www.patternhead.com
-http://bgrepeat.com
-http://bgpatterns.com
-https://patterninja.com
-http://pattern8.com
-http://www.dinpattern.com
-http://www.patternpictures.com
-http://www.wildtextures.com
-https://freestocktextures.com
-http://backgroundlabs.com
-http://bg.siteorigin.com
-http://ava7patterns.com
-http://www.heropatterns.com/
-https://www.transparenttextures.com
-http://thepatternlibrary.com/ *****
-https://patterncooler.com  ****
-https://pattern.flaticon.com
-http://www.patternify.com
-https://www.patternous.com/free
-http://www.texturemate.com
-http://www.colourlovers.com/patterns
-https://www.pexels.com/search/texture/
-https://www.storyblocks.com/images/pattern
-https://www.toptal.com/designers/subtlepatterns/
-https://css-tricks.com/websites-generate-svg-patterns/
-https://unsplash.com/search/photos/texture
-https://unsplash.com/search/photos/pattern
-https://1stwebdesigner.com/pattern-generator-online/
-https://www.awwwards.com/background-patterns-designs-and-resources-for-websites.html
-
-
-### RESOURCES
-https://colordrop.io
-https://coolors.co/
-http://www.colorhunt.co/
-https://color.adobe.com/fr/create/color-wheel/
-http://www.heropatterns.com/
-https://shapeshifter.design
-https://goanimate.com
-http://www.flixapp.co/  
-http://vidlogs.com/  
-http://startupstash.com/  
-http://fribly.com/  
-http://www.bookstck.com/  
-https://randomuser.me/  
-http://uifaces.com/  
-http://drocarmo.com/resources/  
-http://www.entrepreneur.com/article/247505   *********** STARTUP  
-https://blog.kissmetrics.com/entrepreneurs-handbook/  
-http://startupweekend.org/resources/  
-http://steveblank.com/tools-and-blogs-for-entrepreneurs/#startup-tools  
-http://www.getmdl.io/   MATERIAL DESIGN  
-http://flatuicolors.com/  
-http://digitalsynopsis.com/tools/free-flat-design-icons/  
-http://signupfirst.com/  
-https://founderskit.co/  
-https://www.hellobonsai.com/  
-http://paletton.com/  
-https://www.dareboost.com/    
-http://postanly.com/  
-http://www.creativitypost.com/  
-http://mentalfloss.com/  
-http://crowdreference.com/  
-https://tools.makerscabin.com/  ***  
-getform.org/  
-http://www.100daysui.com/  
-http://startupresources.io/  
-http://www.coworker.com/  
-https://unsplash.com/  
-https://buffer.com/pablo  
-https://buffer.com/daily  
-http://www.templateshock.com/  
-http://www.flaticon.com/   +DESIGN  
-https://designcode.io + DESIGN  
-http://smartmockups.com/ + DESIGN  
-http://tabiku.com/ + DESIGN    
-http://www.lolcolors.com/ + DESIGN  
-http://wallpapergram.com +DESIGN  
-http://pivle.com + DESIGN  
-http://www.epicpxls.com + DESIGBN  
-http://www.goodfreephotos.com + DESIGN  
-https://unsplash.com/ + DESIGN  
-https://visualhunt.com/  + DESIGN  
-http://allthefreestock.com/ + DESIGN  
-https://picjumbo.com/ + DESIGN  
-https://www.mockupworld.co + DESIGN
-https://pixabay.com/  
-http://www.imcreator.com/free  
-http://www.morguefile.com/  
-http://www.freeimages.com/
-http://picography.co/  
-http://getrefe.tumblr.com/  
-http://publicdomainarchive.com/  
-http://www.gratisography.com/ + DESIGN  
-http://nos.twnsnd.co/  
-https://www.pexels.com/  
-http://mmtstock.com/  
-http://startupstockphotos.com/  
-http://www.dronestagr.am/  
-https://useiconic.com  
-http://fontello.com/  
-http://launch.flip-7.co.uk/  
-https://medium.com/life-learning/77-tools-to-build-a-website-or-app-without-code-cc716b9b507a#.9ia9jy122  
-http://elegantt.com/trello/  
-http://www.petite-entreprise.net/  
-http://hexwalk.in/  
-http://matte.black/01d088  
-makerlist.io  
-http://blog-fr.orson.io/24/33-outils-et-ressources-pour-startup  
-http://jouanito.com/post/97566356351/s%C3%A9lection-de-5-outils-indispensables-pour-lancer  
-http://startupresources.io/?ref=producthunt  
-https://www.pexels.com  
-http://lukyvj.github.io/colofilter.css/  
-https://milligram.github.io/  
-https://entrepreneur-tools.zeef.com/  
-http://digitaltools.directory/  
-https://medium.com/swlh/announcing-unsplash-4-0-3421b47d8f88#.mdv4q29s8  
-https://medium.com/swlh/300-awesome-free-things-e07b3cd5fd5b#.ket2oj73n
-
-https://thepitch.vc/b/the-most-epic-collection-of-podcasts-for-startup-founders/  
-http://www.listhunt.co/78-best-new-startup-tools-for-every-type-of-entreprenuer/  
-http://www.listhunt.co/11-new-tools-for-entrepreneurs-startup-founders/  
-http://kitdesurvie.metiers-graphiques.fr/
-
-
-
 ### The most beautifull websites
 http://dragone.com/en
 https://thevanishinggame.wellstoried.com/