Skip to content

Instantly share code, notes, and snippets.

View AndreiHondrari's full-sized avatar
🌊
surfin' them life waves

Andrei-George Hondrari AndreiHondrari

🌊
surfin' them life waves
View GitHub Profile
@AndreiHondrari
AndreiHondrari / preprocessor_fun.h
Created June 15, 2016 13:03 — forked from aras-p/preprocessor_fun.h
Things to commit just before leaving your job
// Just before switching jobs:
// Add one of these.
// Preferably into the same commit where you do a large merge.
//
// This started as a tweet with a joke of "C++ pro-tip: #define private public",
// and then it quickly escalated into more and more evil suggestions.
// I've tried to capture interesting suggestions here.
//
// Contributors: @r2d2rigo, @joeldevahl, @msinilo, @_Humus_,
// @YuriyODonnell, @rygorous, @cmuratori, @mike_acton, @grumpygiant,

In 2018 a lot of browsers support the Flexbox and Grid which are very powerful CSS display modes that overshine classical methods such as Faux Columns or Tabular Displays (which are treated later in this answer).

In order to implement this with the Grid, it is enough to specify display: grid and grid-template-columns on the container. The grid-template-columns depends on the number of columns you have, in this example I will use 3 columns, hence the property will look: grid-template-columns: auto auto auto, which basically means that each of the columns will have auto width.

Full working example with Grid:

Important HTML Meta tags for basic SEO

HTML tag attributes

<html lang="<< here goes language code >>" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# product: http://ogp.me/ns/product# article: http://ogp.me/ns/article#">

Generic meta tags

<meta charset="UTF-8"/>
@AndreiHondrari
AndreiHondrari / WebGL-frameworks-libraries.md
Created June 17, 2019 13:53 — forked from dmnsgn/WebGL-WebGPU-frameworks-libraries.md
A collection of WebGL frameworks and libraries

A non-exhaustive list of WebGL frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are outdated/not maintained anymore.

Engines and libraries

  • three.js: JavaScript 3D library
  • stack.gl: an open software ecosystem for WebGL, built on top of browserify and npm.
  • PixiJS: Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback
  • Pex: Pex is a javascript 3d library / engine allowing for seamless development between Plask and WebGL in the browser.
  • Babylon.js: a complete JavaScript framework for building 3D games with HTML 5 and WebGL
  • Filament: Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS and WASM/WebGL
  • ClayGL: A WebGL graphic library helping you to

Useful JavaScript Libraries

Utilities

  • Lodash - utility functions for arrays, strings, objects, etc.
  • Underscore - utility functions for arrays, strings, objects, etc.
  • ImmutableJS - immutable data structures
  • RamdaJS - practical functional library
  • MathJS - extensive math library
  • MomentJS - Parse, validate, manipulate, and display dates
function isIEBrowser() {
const userAgent = window.navigator.userAgent;
if (userAgent.includes("MSIE") || userAgent.includes("Trident"))
return true;
return false;
}
document.addEventListener('DOMContentLoaded', function(e) {
@AndreiHondrari
AndreiHondrari / books.md
Created May 27, 2020 15:59 — forked from krusynth/books.md
A list of useful books to improve your skills

Recommended Books

A list of useful books to improve your skills

Recommendations from others are noted in (parentheses). The rest are my personal recommendations.

Programming

Building your core

  • The Pragmatic Programmer - Hunt & Thomas

This is a collection of books that I've researched, scanned the TOCs of, and am currently working through.  The books are selected based on quality of content, reviews, and reccommendations of various 'best of' lists.

The goal of this collection is to promote mastery of generally applicable programming concepts.

Most topics are covered with Python as the primary language due to its conciseness, which is ideal for learning & practicing new concepts with minimal syntactic boilerplate.

JavaScript & Kotlin are listed in the Tooling section; as they allow extension of VS Code and the IntelliJ suite of IDEs, which cover most development needs.