HITT System Overview

Preliminary Site Map — Version 1.1

vjs drag Log In
HITT.WORK resume
5G embed
archivo .woff font
mobile css
retina pixel ratio all screens
transform animation
particles.js
matt.js a4
TESTING.HITT.WORK scroll text site
react implementation test
career summary
proxima nova font .woff
KEVINH.WORK TESTING.KEVINH.WORK php grabs mysql
loops to html
full reference metadata
UUID generation
groceries dataset
publitas pdfs w url
concatenation
master category list
master functions list
master email list w
php admin edit
voter dataset
mla reference dataset
pixi js 2d animation
original static site
April 2017
A.HITT.WORK anthony landing
soundcloud iframes
apple icons
bootstrap css
roboto slap font
particles.js
MUSIC.HITT.WORK philip landing
php grabs mysql
loops to html
grid css
transform animation
apple icons
bootstrap css
jquery
LANCEFALLS.COM philip landing
grid css
typing animation
sliding button animation
particles.js
SALAMANDER.BLUE grid css
rotation animation
particles.js
proxima nova font .woff
RECALLING.info lifelog

Solving a Problem:

Hammock Driven Development

database visualization

database normalization

features

time

concepts

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