Bookmarks and useful links

Through my time as a Web developer I've collected this links and resources. ¡Share and Enjoy!

Inspiration

• Experiments • Labs • Portfolios

  • Resn-Experiments
  • Julie Bonnemoy
  • Samsy Lab
  • David Li
  • Léo Chéron Particles Experiment
  • Buck | design-driven creative
  • Buck | design-driven creative
  • Netguru Redesign (Live!) on Behance

• Augmented Reality (AR)

  • WebAR — Nexus Studios
  • Super Charge - Nexus Studios
  • Snapchat AR | Guides - Lens Studio by Snap Inc.
  • The Story of an Idea — Nexus Studios

Tools • Resources • Utils

• Javascript

  • Lodash
  • JS.coach
  • Samsy Portfolio
  • Matter.js - a 2D rigid body JavaScript physics engine
  • mo · js - Motion Graphics For The Web
  • React Native Layout System - Modus Create

• Sliders

  • Swiper
  • Flickity

• SQL

  • Mockaroo - Random Data Generator | CSV / JSON / SQL / Excel

• Frontend frameworks

  • Material Design Lite
  • BootSnip
  • Facebook Brand Resources
  • Mapzen · an open, sustainable, and accessible mapping platform · Mapzen
  • Daily UI Design Inspiration & Patterns – UI Garage
  • Bootstrap.build - Bootstrap 4 Theme Builder

• Easings

  • Funciones Easing Guía de Referencia

• OpenGL • Shaders • GLSL (Playgrounds)

  • glslb.in
  • Stack GL Shader School
  • GLSL Sandbox

• CSS Frameworks

  • Inuit.css Kitchen Sink
  • Milligram - A minimalist CSS framework.
  • Columns responsiveness | Bulma: a modern CSS framework based on Flexbox

• React Native

  • shoutem/ui: Customizable set of components for React Native applications

• Miscellaneous

  • Projects | Airbnb Engineering

• Assets

  • Icons

    • Noun Project - Icons for Everything
    • Free Icon Shop

  • Images

    • Imágenes gratis - Pixabay
    • Unsplash | High-Resolution Photos
    • Free stock photos · Pexels

  • Fonts

    • @font-face generator

Cheatsheets

• Markdown

  • Emoji Cheatsheet
  • MarkDown CheatSheet

Tutorials

• Open GL

  • Animate it on React Native with OpenGL – ProAndroidDev
  • OpenGL Programming Guide : Table of Contents
  • OpenGL Tutorial

• Javascript

  • Manipulating the DOM
  • Creating a canvas platformer tutorial part one | Somethinghitme

• Python

  • Facebook Messenger Bot Tutorial: Step-by-Step Instructions for Building a Basic Facebook Chat Bot

• Terminal

  • Setting up iTerm2 with oh-my-zsh and powerline on OSX

• React-Native

  • Getting Started with React Native & Redux – Jon Lebensold – Medium
  • Getting Started - React Native
  • Redux: The Single Immutable State Tree from @dan_abramov on @eggheadio
  • Architectural Overview - Hands-on with React and Ruby on Rails
  • How to better organize your React applications? – Alexis Mangin – Medium
  • wix/react-native-interactable: Experimental implementation of high performance interactable views in React Native
  • Interpolation · GitBook
  • wix/react-native-interactable
  • Ionicons
  • React Native Animations Using the Animated API – React Native Training – Medium
  • Pre-Mounting with componentWillMount() · react-indepth
  • Animate it on React Native with OpenGL – ProAndroidDev

Blogs

• Blog – Styde.net
• Thoughtbot Playground

Reads

• OpenGL

  • Preface: What is OpenGL? | OpenGLBook.com
  • The Book of Shaders
  • To pay or not to pay: are the best things in life — like coding courses — free?
  • GSDevTools | Advanced Playback Controls for GSAP | GreenSock
  • GSAP 1.20.0 Released | GreenSock
  • 7 Hidden Gems of GSAP | GreenSock
  • Preface: What is OpenGL? | OpenGLBook.com
  • OpenGL - Introduction

Conferences 🎤

• Perverting the Web with RESN @Awwwards Conference Amsterdam - YouTube
• Andy Thelander from Active Theory - Designing with Code at Awwwards LA - YouTube

Courses & Internships

• WE3 - Jam3