| 1 | http://www.yegor256.com | landing page |
| 2 | http://bradfrost.com/blog/post/just/ | animation styling |
| 3 | http://www.linusakesson.net/archive.php | archive example |
| 4 | http://otoro.net | animation |
| 5 | https://www.nasibov.me/logofolio/ | favicon design |
| 6 | http://the-geophysicist.com | header box shadow |
| 7 | http://www.dirtyrobot.work | header styling on hover |
| 8 | https://twitter.com/zoeyjsalsbury/status/979566206813376512 | resume page |
| 9 | http://brailleneue.com | later font consideration |
| 10 | http://www.objetoptimise.com/en/ | favicon design |
| 11 | http://samizdat.cc | matrix styling |
| 12 | http://fivethirtyeight.com/ | font sizes |
| 13 | http://www.kevinhadams.com/contact/ | theme switch minimal |
| 14 | https://www.smallest.dog | simple landing |
| 15 | https://helenvholmes.com/lets-work-together | animation |
| 16 | http://www.thedazzlingdman.com | theme switch pixel |
| 17 | https://www.jwz.org | matrix styling |
| 18 | http://www.samim.io | theme switch corporate |
| 19 | http://jimkang.com/observatory/ | project garden generative blocks |
| 20 | http://wordmvp.com/FAQs/TblsFldsFms/index.htm | theme switch microsoft |
| 21 | https://codepen.io/Sp00ky/pen/zBZZvq | water wiki accordion |
| 22 | https://codepen.io/ohansemmanuel/pen/dVdvJQ | animation medium clap |
| 23 | https://codepen.io/vm4canvasflip/pen/qpVaQJ | animation medium clap better |
| 24 | https://codepen.io/rakeizer/pen/QQRBoZ | animation switch |
| 25 | https://codepen.io/stefanweck/pen/Vbgeax | animation rain |
| 26 | https://github.com/tabler/tabler | data dashboard example |
| 27 | http://projects.susielu.com/viz-palette | charts styling |
| 28 | https://bl.ocks.org/emeeks | animation examples |
| 29 | https://codesandbox.io/s/3ynwk2573m?hidenavigation=1&module=%2Fsrc%2Fdraw.js | animation leaf webtoy |
| 30 | https://stateofgreen.com/en/solutions#/4__84__ | category checkbox css |
| 31 | http://kamranahmed.info/driver | focusing inputs |
| 32 | http://www.cubeecraft.com | header styling |
| 33 | https://mewo2.com/notes/naming-language/ | theme switch reader focus |
| 34 | https://magesblog.com | landing page |
| 35 | https://www.brainpickings.org/2010/03/15/marshall-mcluhan-global-village/ | background dotgrid |
| 36 | http://www.taolin.info | font size hover color |
| 37 | https://aicheatsheet.comuzi.xyz | theme switch colored |
| 38 | https://www.theverge.com/2018/4/1/17185732/cloudflare-dns-service-1-1-1-1 | cloudflare dns |
| 39 | https://www.basf.com/en/tools/legal/data-protection.html | privacy statement |
| 40 | https://go.usabilla.com/powered_by_usabilla?utm_source=live_button&utm_medium=powered-link | landing page |
| 41 | https://h5p.org/getting-started | h5p platform |
| 42 | https://opensource.guide/ | open source guide |
| 43 | https://www.designweek.co.uk/issues/21-27-may-2018/designing-dyslexia-style-guide-make-reading-easy-everyone | font for dyslexia |
| 44 | https://www.bloomberg.com/graphics/2017-china-party-congress | animation chart from bloomberg |
| 45 | https://diacodesign.com/#!/services | total site design |
| 46 | http://www.radicalcartography.net | font for journals |
| 47 | https://twitter.com/binitamshah/status/1008010029184585728?s=12 | 404 page fire me |
| 48 | https://www.off---white.com/en/US | fonts |
| 49 | https://fontawesome.com/icons?d=gallery&m=free | free icons |
| 50 | http://jpswalsh.github.io/academicons/ | academicons |
| 51 | https://ionicons.com | ion icons |
| 52 | http://joshuaj.net | landing page |
| 53 | https://github.com/transformicons/transformicons | animated icon package |
| 54 | https://undraw.co | MIT licensed illustrations |
| 55 | https://marcbruederlin.github.io/particles.js/ | particle background |
| 56 | https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.2/particles.min.js | particle background CDN |
| 57 | https://www.dwitter.net/d/6494 | 140 char js anim |
| 58 | https://speckyboy.com/search-field-sexy-css/ | ui design for search bar |
| 59 | https://cssgradient.io/gradient-backgrounds/ | gradients |
| 60 | https://mnmxmx.github.io/halftone-effect/dst/ | half tone color effects |
| 61 | http://michellemattar.com | excellent landing page |
| 62 | https://boxicons.com | premium web vector icons |
| 63 | https://twitter.com/BadDogDesigns_/status/1021782181276987395 | convert to svg.js |
| 64 | https://css-tricks.com/solved-with-css-logical-styling-based-on-the-number-of-given-elements/ | logical styling of elements as js substitute |
| 65 | https://play.typedetail.com | font playground |
| 66 | http://jhollands.co.uk | multidisciplinary graphic design landing page |
| 67 | http://cantabile.rbind.io/post/ | data scientist blog |
| 68 | http://vacuumflowers.com/projects/ | simple portfolio design |
| 69 | https://www.inventosdigitais.com.br/ | ui walkthrough |
| 70 | https://wtfutil.com/img/screenshot.jpg | control panel design |
| 71 | https://vscodethemes.com/ | coding themes |
| 72 | https://openrndr.org/ | site style |
| 73 | http://www.bldgblog.com/2017/03/terrain-jam/ | generative arid wilderness |
| 74 | http://withering.systems | site style |
| 75 | https://twitter.com/witheringsystem/status/840989359138562048 | handdrawn sprites |
| 76 | https://wiki.xxiivv.com/#nataniev | site style |
| 77 | http://inversed.ru/ | compsci portfolio |
| 78 | http://williamngan.com | portfolio site |
| 79 | https://twitter.com/steveschoger/status/1030141801158594560 | designing better tables |
| 80 | http://www.hoverstat.es/archive | home of alternative digital design |
| 81 | http://brutalistwebsites.com/ | brutalist websites |
| 82 | https://twobithistory.org/2018/08/18/ada-lovelace-note-g.html | tag styling |
| 83 | https://www.lesswrong.com/sequences/oi873FWi6pHWxswSa | article sequencinfg |
| 84 | https://aninterestingday.com | total site design |
| 85 | http://www.masterverk.com/oscar-gronner | total site design |
| 86 | https://datavis.tech/curran | datavis profile page |
| 87 | https://picular.co | google for colors |
| 88 | https://www.cssportal.com/online-css-editor/ | online css editor |
| 89 | https://wildlife.state.nh.us/nongame/images/salamanders-bluespot-henk-wallays1.jpg | blue salamander palette |
| 90 | http://jxnblk.com/colorable/demos/matrix/ | color contrast webtool |
| 91 | https://github.com/MaPePeR/jsColorblindSimulator | considering color blindness for data vis |
| 92 | http://deathgenerator.com/#amk | hiding tweet text in an image (important) |
| 93 | https://www.webdesignmuseum.org | web design museum |
| 94 | https://twitter.com/nanographs/status/1037803648028303360 | modern SEM image scannin in old macintosh |
| 95 | https://twitter.com/max_read/status/1038038247211982848 | advice for contact pages |
| 96 | http://foxcodex.html.xdomain.jp/index.html | periodic motion table of animation |
| 97 | https://css-tricks.com/old-timey-terminal-styling/ | old timey terminal stylin |
| 98 | http://ravenkwok.com | original vector art |
| 99 | https://inkee-wang.com | more vector inspo |
| 100 | https://codepen.io/dsenneff/full/gdQJqo/ | yeti hand animation pagination |
| 101 | https://blog.logrocket.com/new-in-chrome-69-building-progress-doughnut-charts-with-conical-gradients-356820b1d081 | conical gradients |
| 102 | https://github.com/robin-dela/hover-effect | draw and animate on hover |
| 103 | https://tj.ie/improving-client-side-performance/ | good template for articles |
| 104 | https://www.schick-toikka.com/ | click to change background example |
| 105 | https://www.typewolf.com/ | good welcome color |
| 106 | https://uxdesign.cc/rethinking-the-date-picker-ui-99b9dcb303ad | rethinking date picker |
| 107 | https://t7.github.io/trashy.css/ | trashy.css |
| 108 | https://css-tricks.com/rendering-svg-paths-in-webgl/ | svg paths in webgl |
| 109 | https://mossworm.tumblr.com/post/178192116014 | mossworm saurus logo |
| 110 | https://78.media.tumblr.com/1d66b06ad7897502f8bb6fed75131eb3/tumblr_pf8l101F6P1uls4sno1_1280.png | mossworm saurus logo 2 |
| 111 | https://twitter.com/Mossworm1/status/1041484015759503360 | mossworm saurus logo 3 |
| 112 | https://thecreaturecodex.tumblr.com/post/172735031647/burglestar | burglestar |
| 113 | http://animal.memozee.com/ArchOLD-7/1188624501.jpg | crucifix toad |
| 114 | https://tj.ie/building-my-site-part-i-decisions/ | dev timeline example |
| 115 | http://synapsestudios.co.za/Smashing-Book-5.pdf | smashing book 5 |
| 116 | https://twitter.com/robtelford/status/1040005206447202305?s=12 | button labels always verbs |
| 117 | https://social.pilcro.com | social media card preview |
| 118 | https://www.visualcinnamon.com | site inspo |
| 119 | https://stackoverflow.com/questions/5110249/wildcard-in-css-for-classes | css wildcard selectors |
| 120 | https://jennamolby.com/how-to-display-dynamic-content-on-a-page-using-url-parameters/ | dynamic parameters in urls |
| 121 | https://blog.tessera.li/polyhedra-data | polyhedra viewer blog post |
| 122 | https://www.youtube.com/watch?v=nWeW3sCmD2k | sql crash course |
| 123 | http://xahlee.info/js/html_index.html | html tutorials |
| 124 | https://codyhouse.co/web-components | frontend web compents - codyhouse |
| 125 | https://codepen.io/chrisdothtml/pen/waKBdM | css button examples |
| 126 | http://bennettfeely.com/clippy/ | css clip path frame maker for images |
| 127 | https://thedigitalelevator.com/how-to-301-redirect-in-cpanel-the-easy-way/ | 301 redirects for old content |
| 128 | https://beta.observablehq.com/@duncangeere/structure-de-quadrilateres | new observable genart |
| 129 | https://twitter.com/datavisclub | datavis club |
| 130 | https://blog.datawrapper.de/ | datavis club |
| 131 | https://blog.datawrapper.de/bookclub-tufte/ | datavis club |
| 132 | https://notes.datawrapper.de/p/repneuable | datavis club |
| 133 | https://www.are.na | are.na |
| 134 | https://wiki.nikitavoloboev.xyz | knowledge wiki |
| 135 | medium.muz.li/gestalt-principles-in-ui-design-6b75a41e9965 | gestalt principles in web design |
| 136 | https://twitter.com/profanegeometry/status/1048825039171158017?s=12 | grab colors from this image |
| 137 | http://nomiatoll.com/2018/10/sinking-and-floating/ | blog tips for starting gen art |
| 138 | https://www.arts.ac.uk/general-data-processing-information | navigation bar |
| 139 | https://codepen.io/meodai/full/RerqjG/ | random color harmonies |
| 140 | https://codepen.io/ainalem/pen/LJYRxz/ | hamburger iconss |
| 141 | https://github.com/RichardLitt/meta-knowledge#readme | list of knowledge repositories |
| 142 | https://en.wikipedia.org/wiki/Lifelog | wiki - lifelog |
| 143 | https://kk.org/thetechnium/lifelogging-an/ | kevin kelly lifelong |
| 144 | https://www.webcitation.org | webcite web citations |
| 145 | https://thetravelingwitch.com/blog/2016/12/21/creating-sigils | chaos magic sigil design for logo |
| 146 | https://modalzmodalzmodalz.com/ | modalz inspo |
| 147 | https://www.taniarascia.com/how-to-connect-to-an-api-with-javascript/ | connecting to an api |
| 148 | http://seenjs.io/ | render 3d scenes into svg -js |
| 149 | https://lusaxweb.github.io/vuesax/components/ | frontend vue js components -js |
| 150 | http://electronjs.org/ | desktop apps in js css html -js |
| 151 | https://kutuluk.github.io/js13k-2d/ | js13k game example -js |
| 152 | http://craftyjs.com/getting-started/ | crafty.js game animation -js |
| 153 | https://www.piskelapp.com | online pixel editor -js |
| 154 | https://www.aseprite.org | animated sprite editor -js |
| 155 | https://pixieengine.com/pixel-editor | online sprite editor -js |
| 156 | http://twilightedge.com/mac/pikopixel/ | pixel art editor -js |
| 157 | https://lospec.com/pixel-editor | pixel editor app -js |
| 158 | https://pixijs.io/examples/#/basics/basic.js | pixijs html5 animation -js |
| 159 | http://pixijs.download/release/docs/PIXI.Application.html | pixijs documentation -js |
| 160 | https://github.com/kittykatattack/learningPixi#casestudy | pixijs tutorial -js |
| 161 | https://pixijs.io/examples/#/basics/textured-mesh.js | pixijs sine wave -js |
| 162 | https://ptsjs.org | PTS interactive geometry -js |
| 163 | https://bleuje.github.io/p5js-myprojects/index.html | p5.js project showcase -js |
| 164 | https://editor.p5js.org | p5.js online editor -js |
| 165 | https://github.com/d3/d3/wiki/Tutorials | d3js -js |
| 166 | https://reactjs.org/docs/state-and-lifecycle.html#state-updates-are-merged | REACT reading -js |
| 167 | https://github.com/kay-is/react-from-zero | react from zero -js |
| 168 | https://necessarydisorder.wordpress.com | making gifs -js |
| 169 | https://dwr.io/2018/07/modern-javascript-using-var-let-and-const/ | modern js - using var let const -js |
| 170 | https://opengameart.org/users/sharm | open game art (think sprites) -js |
| 171 | https://github.com/kittykatattack/learningPixi#make-a-sprite-from-a-tileset-sub-image | make sprite from tile set #textureatlas Learning to create and display sprites using a texture atlas is an important benchmark. -js |
| 172 | https://savage.now.sh | svg files to react components -js |
| 173 | https://codesandbox.io/s/vanilla | vanilla online web editor - code sandbox -js |
| 174 | http://www.colourlovers.com/palette/3325837/She_erupted. | volcanoe color pallette -js |
| 175 | http://www.colourlovers.com/palette/292482/Terra | terra pallette -js |
| 176 | https://teutonic.co/examples/real-world | css project examples - bootstrap -js |
| 177 | https://winkervsbecks.github.io/sketchbook/ | mattdesl inspired interactive gif sketchbook -js |
| 178 | https://basicscroll.electerious.com | change css on scroll -js |
| 179 | http://www.monoscore.io/about | monospace posters -js |
| 180 | https://knightlab.northwestern.edu/projects/ | journalism data vis tools -js |
| 181 | https://polyhedra.tessera.li/ | Tessera (polygons.txt in drive) -js |
| 182 | https://twitter.com/pissang1/status/1027557079903436800 | 3d globe model -js |
| 183 | https://vuejsexamples.com/a-draggable-and-resizable-grid-layout-for-vue-js/ | vue.js draggable example -js |
| 184 | https://map.hitt.work/vjs/01-basic.html | vue.js draggable own example -js |
| 185 | https://lusaxweb.github.io/vuesax/vuesax/#quick-start-cdn | vuesax gettings started -js |
| 186 | https://medium.com/creative-coding-space/generative-coding-the-nature-of-code-ported-to-three-js-629b9724c02e | Three JS genart intro tutorial -js |
| 187 | https://threejs.org/examples/#webgl_effects_ascii | three js examples |