Skip to content

Latest commit

 

History

History
334 lines (281 loc) · 15.4 KB

NOTES.md

File metadata and controls

334 lines (281 loc) · 15.4 KB
Raw

// HTTP/2

// fast.js // [email protected]:codemix/fast.js.git

// $$$$$$$ - https://blog.risingstack.com/writing-a-javascript-framework-project-structuring/ // USE BROWSERSTACK // https://www.browserstack.com/screenshots/46a766e4ada9f5ad93a40e085769c68432601026

// WICG/webcomponents#509 (comment)

Web Workers - http://stackoverflow.com/questions/11871452/can-web-workers-utilize-100-of-a-multi-core-cpu#answer-11871543

SLOT Based Shadow Dom https://webkit.org/blog/4096/introducing-shadow-dom-api/

Load Time + Runtime of module loading dependencies https://nolanlawson.com/2016/08/15/the-cost-of-small-modules/

REDUX Demistified -

Libraries compared by weight https://gist.github.com/Restuta/cda69e50a853aa64912d

React file size and why larger file size means longer execution time as well. https://news.ycombinator.com/item?id=11451283

React TODO App

React Demystified

Method Invocation

ARIA http://heydonworks.com/practical_aria_examples

Typography https://www.typewolf.com/cheatsheet

Web Workers https://testdrive-archive.azurewebsites.net/HTML5/WebWorkerTest262

Service workers https://jakearchibald.github.io/isserviceworkerready

==================================================================

SNUGGSI

backdrop-filter

is

focus-within

prefers-color-scheme

prefers-reduced-motion

Javascript optimizations (Developer Ergonomics) https://leftshift.io/4-javascript-optimisations-you-should-know

Hidden Classes & Inline Caching http://richardartoul.github.io/jekyll/update/2015/04/26/hidden-classes.html https://github.com/sq/JSIL/wiki/Optimizing-dynamic-JavaScript-with-inline-caches

Ruby Memoization https://github.com/AlexWayfer/flame/commit/38a929b84fc5c7c9bc78ef8bcff388a00c59e95c https://karolgalanciak.com/blog/2017/05/28/ruby-memoization-%7C%7C-equals-vs-defined-syntax/ http://www.rubyinside.com/what-rubys-double-pipe-or-equals-really-does-5488.html

Type Coercion String([‘foo’, ‘bar’]) [‘foo’] + ‘' [].concat

TRAILING SLASH pyeve/eve#118 (comment) https://tools.ietf.org/html/rfc3986#section-3.3 https://groups.google.com/forum/#!topic/api-craft/L2YlSS7FmEk

CONDITIONAL (IF) vs Expressions. https://fsharpforfunandprofit.com/posts/expressions-vs-statements/

WORKERS

WHATWG New Features - https://whatwg.org/faq#adding-new-features

DON’T CONCATENATE SCRIPTS! - https://github.com/comfusion/hyperdrive/issues/83 Lightening Talks

DFN - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn

ACCESSIBILITY OBJECT MODEL (AOM) https://github.com/WICG/aom/blob/gh-pages/explainer.md

https://www.youtube.com/watch?v=SMd0gXXxf-c https://www.youtube.com/watch?v=cWxqelw8h1Y YOUTUBE COPYRIGHT FAIR USE Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

Streams https://streams.spec.whatwg.org/#ts-model https://twitter.com/domenic/status/925910436108570625 https://stackoverflow.com/questions/39439653/events-vs-streams-vs-observables-vs-async-iterators/47214496#47214496 WEB PLATFORM STATUS - https://platformstatus.io/

https://www.chromestatus.com/features https://developer.microsoft.com/en-us/microsoft-edge/platform/status/ https://platform-status.mozilla.org/#request-idle-callback https://webkit.org/status/ The Critical Request - https://css-tricks.com/the-critical-request/#article-header-id-6 Position Sticky - https://developer.mozilla.org/en-US/docs/Web/CSS/position#Sticky_positioning https://developer.microsoft.com/en-us/microsoft-edge/platform/status/positionsticky/ In browser transpilation. https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement

HTML HTML5 Elements - https://simon.html5.org/html-elements Mathematical Programming Contexts. - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/var - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/samp Removal of https://forums.adobe.com/thread/2051531 http://stackoverflow.com/questions/5641997/is-it-necessary-to-write-head-body-and-html-tags HTTP The One Header Every CSS Author Should Learn https://www.w3.org/TR/html4/present/styles.html#h-14.6 https://www.w3.org/wiki/LinkHeader No IE Support https://meyerweb.com/eric/thoughts/2009/01/22/using-http-headers-to-serve-styles/ tag - https://html.spec.whatwg.org/multipage/semantics.html#the-meta-element Transparent content https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Transparent_content_model Sections and outlines

H/2 (HTTP 2) Server strategy https://support.cloudflare.com/hc/en-us/articles/218367338-HTTP-2-Server-Push https://hpbn.co/http2/ Pagination with HTTP - https://developer.github.com/v3/guides/traversing-with-pagination/ Prefetch, Preload Resources with

https://w3c.github.io/preload/ https://codepen.io/tigt/post/async-css-without-javascript https://developer.mozilla.org/en-US/docs/Web/HTTP/Link_prefetching_FAQ Fyrd/caniuse#2130 (comment) https://fetch.spec.whatwg.org/#concept-request-destination Server Push Preload https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/ https://www.smashingmagazine.com/2017/04/guide-http2-server-push/ Protocol Agnostic - // Destroy all IFs - http://degoes.net/articles/destroy-all-ifs Brotli compression https://github.com/devpunks/snuggsi/tree/master/dist#brotli-compression-minbr GZIP Compression https://github.com/devpunks/snuggsi/tree/master/dist#gzip-compression-mingz .es application/ecmascript extension https://tools.ietf.org/html/rfc4329#section-8.2 Font Loading https://tabatkins.github.io/specs/css-font-display/ FontFace API Oh the irony not supported in IE (they made @font-face) https://www.igvita.com/2014/01/31/optimizing-web-font-rendering-performance/https://gist.github.com/paulirish/d511793a1c3b74b31460 http://caniuse.com/#feat=font-loading https://drafts.csswg.org/css-font-loading/ https://developer.mozilla.org/en-US/docs/Web/API/FontFace

application/ecmascript (.es) file extension - https://tools.ietf.org/html/rfc4329#section-8.2

Responsive images https://dev.opera.com/articles/responsive-images/ Page visibility API https://www.html5rocks.com/en/tutorials/pagevisibility/intro/ https://www.w3.org/TR/page-visibility/#sec-document-interface Responsive typography. https://twitter.com/sarah_edo/status/856543697462325248 Battery API - https://developer.mozilla.org/en-US/docs/Web/API/Battery_Status_API Link in body https://jakearchibald.com/2016/link-in-body/ https://www.w3.org/Bugs/Public/show_bug.cgi?id=27303 https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/ZAPP8aTnyn0 https://github.com/whatwg/html/commit/179983e9eb99efe417349a40ebb664bd11668ddd Intersection Observer https://platform-status.mozilla.org/#intersection-observer

CSS Snappoints (OH SNAP!) https://blog.hospodarets.com/css-scroll-snap https://www.w3.org/TR/css-scroll-snap-1/ https://drafts.csswg.org/css-scroll-snap/ http://caniuse.com/#feat=css-snappoints https://css-tricks.com/introducing-css-scroll-snap-points/ https://github.com/ckrack/scrollsnap-polyfill

The Template - Reach out to TJ https://twitter.com/Rich_Harris/status/849746116514115584 Hanami - http://hanamirb.org/blog/2017/04/06/announcing-hanami-100.html CSS Grids https://alistapart.com/article/practical-grid https://webkit.org/status/#specification-css-grid-layout-level-1 https://developer.microsoft.com/en-us/microsoft-edge/platform/status/cssgridlayout/ Benchmarking - http://localhost:8181/examples/infinity-calendar.html Tom Ethernet Packet

Fetch Headers, Request, Response Form Data - Before - https://gist.github.com/9e8d3017f4f7eb12261a4aa8713cf967 After - https://developer.mozilla.org/en-US/docs/Web/API/FormData Leading Forward Slash http://stackoverflow.com/questions/4659345/is-there-any-downside-for-using-a-leading-double-slash-to-inherit-the-protocol-i Difference between the W3C and WHATWG https://ww w.reddit.com/r/javascript/comments/5swe9b/what_is_the_difference_between_the_w3c_and_the/ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output change / output https://developer.mozilla.org/en-US/docs/Web/Events/change https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output dataset / datalist https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset void operator https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/void Main https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main The global object - http://www.2ality.com/2015/02/es6-scoping.html#the_global_object http://stackoverflow.com/questions/30321636/es6-classes-what-about-instrospection/30322216#30322216 Menu - http://stackoverflow.com/questions/4969801/nav-or-menu-html5 Headers (Default in Section/Article sized smaller) http://stackoverflow.com/questions/26290849/why-is-size-of-h1-different-inside-a-section-element https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines CSS « Any » https://developer.mozilla.org/en-US/docs/Web/CSS/:any CSS Collapsing header https://chrisbracco.com/simple-css3-collapsing-header-effect/#comment-3168265901 Branch Protection - https://github.com/NYCrb/devpunks/settings/branches Why Symbols over WeakMaps (i.e. this [Symbol.species] http://webreflection.blogspot.com/2013/03/simulating-es6-symbols-in-es5.html Autosquash - https://coderwall.com/p/hh-4ea/git-rebase-autosquash Regular Expressions: Non Capturing - http://stackoverflow.com/questions/3512471/what-is-a-non-capturing-group-what-does-a-question-mark-followed-by-a-colon Cosole https://developer.mozilla.org/en-US/docs/Web/API/Console/table Clone Node https://developer.mozilla.org/en-US/docs/Web/API/Node/cloneNode Merging objects Object.assign https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#Merging_objects Can drag elements in developer console. Can use $0= as current context Destructing https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment hidden https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden rotating screens Default is portrait then media query for landscape Page Visibility API - https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API @media only screen and (orientation: portrait) ::backdrop https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog Counters https://davidwalsh.name/css-counters https://www.youtube.com/watch?v=Snj31cMmZ2c https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters will-change - https://developer.mozilla.org/en-US/docs/Web/CSS/will-change http://cssmojo.com/the-dark-side-of-the-will-change-property/ https://dev.opera.com/articles/css-will-change-property/ https://www.youtube.com/watch?v=GB4p-W8Qsjs https://css-tricks.com/prefetching-preloading-prebrowsing/ Link Prefetching - https://developer.mozilla.org/en-US/docs/Web/HTTP/Link_prefetching_FAQ preconnect, prefetch, preload, prerender https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types Link HTML Imports. Link - preload - https://w3c.github.io/preload/ Stop white flicker from stylesheets waiting. (PRELOAD!!!)

  WebRTC
  Call systems
  The Call - https://en.wikipedia.org/wiki/Telephone_call
  « Etiquette protocol"