Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Anemolo/Links-I-Love

Lots of links I've personally read. Only the best ones ;)
https://github.com/Anemolo/Links-I-Love

Last synced: 3 months ago
JSON representation

Lots of links I've personally read. Only the best ones ;)

Awesome Lists containing this project

README 

        
# Links I love <3

Lots of links I tend to check and share.



## Real-time graphics

- [Screen-space outline](https://www.videopoetics.com/tutorials/pixel-perfect-outline-shaders-unity/) - Back-face + scaling isn't accurate enough.



## WebGL

- [WebGL Explained](https://chriscourses.com/blog/beginners-guide-to-webgl) - What is webGL, how is it faster and practical uses. 

- [Case Study: Red Bull's Airdrop](https://medium.com/epicagency/airdrop-technical-casestudy-bafabf2f8c1e) - Lot's of technical hoop jumping and problem solving to get an game into Facebook Instand Gamge. Sharing WebGL context (pixi & threeJS), inifinite worlds, post-processing mist.

    - " In many cases, overlaying HTML/CSS on top of canvas will result in performance drops due how the browser handles the compositing phase. "

- [Frame rate independent animation](https://webglfundamentals.org/webgl/lessons/webgl-animation.html) - Frame rate independence is a must for any webGL application.



## ThreeJS

- [Intro to vertex shaders](https://medium.com/@Zadvorsky/into-vertex-shaders-594e6d8cd804) and [Three.Bas](https://github.com/zadvorsky/three.bas) - Fast pased series of articles. Basics of WebGL, vertex shaders. And going further and beyond with Three.Bas 

- [Thread: Performance Tips & Tricks](https://twitter.com/jackrugile/status/966440290885156864) - Good tips for almost any ThreeJS app 

- [Case Study: Google Could Inf Experience](https://medium.com/@hellomondaycom/how-we-built-the-google-cloud-infrastructure-webgl-experience-dec3ce7cd209) - Showcases a lot of considerations involved in a webGL project.  And how they solved them.

    - "When setting up post-processing shaders in Three.js, it’s done by setting up a new offscreen render target making the browsers built in anti aliasing unavailable."

- [Intro to Post-processing effects](https://www.airtightinteractive.com/2013/02/intro-to-pixel-shaders-in-three-js/) - Good intro to postprocessing if you already have a basic grasp on shaders. Goes from 0 to 100 in 1.3 seconds.

- [Extending ThreeJS Built-in Materials](https://medium.com/@pailhead011/extending-three-js-materials-with-glsl-78ea7bbb9270) -A good check if you are looking to do somethign custom with the built-in materials.

## Creative Coding



- [AaronPenne's code](https://github.com/aaronpenne/generative_art) - Simple and awesome Processing/phyton artwork with code and images. Good for learning if you are able to read phyton. 

- [Kjetil's Generated Space](https://generated.space/) - Amazing sketches, all open source. One of my favorite generative artists.   



## Math & Algorithms

- [Sublucid Geometry](https://zalo.github.io/) - Explains "geometry" algorithms. Good visuals, and clear writing

- [Mathematical notation with JS comparations] - Don't fear academic papers / math notation anymore. 



## Computer Graphics

-  [Computing normals for distorted vertices](https://observablehq.com/@k9/calculating-normals-for-distorted-vertices) - Lots of math jargon that went over my head. With the code at the bottom makes more sense. 



## Javascript

-  [What forces a layout / reflow](https://gist.github.com/paulirish/5d52fb081b3570c81e3a) - All the ways javascript code triggers the browser to recalculate the style and layout. Batch all of them together



## CSS

- [Why we use box-sizing:border-box](https://www.paulirish.com/2012/box-sizing-border-box-ftw/) - Make my div 200px wide, not less, not more.

- [In defense of Utility-first CSS](https://frontstuff.io/in-defense-of-utility-first-css) - Addressing all your concerns of Utility-first. Really good if you already know something about utility-first and BEM



## Optimization

- [Save kbs by removing unused letters from font](https://twitter.com/AriBenoist/status/1248645567967830016) - Super optimization when you know what characters you'll use



## Other Topics

- [Create a garden, not a block](https://joelhooks.com/digital-garden) - Focus on curation, not sorting.

- [Remote Working](https://joelhooks.com/remote-work) - Over comunicate when you are working remote. Check in with people, talk about what you are doing. Fking comunicate, and give context to what you say. 

# More List of links I love 

- [Matt's Graphic-Resources] - Game/gaphics. Lot's of old and broken links, lot's of amazing links