1 - Awesome Microcontroller and Microcomputer

Awesome Microcontroller and Microcomputer

Arduino Android

Arduino

ESP

2 - Financial Tools

Financial Tools

Saham

4 - Awesome List of Data Visualization

Awesome List of Data Visualization

Related links:
🔗 Awesome List of Data Visualization
🔗 Awesome List of Machine Learning Visualization
🔗 Awesome List of Interactive and Explorable Webs
🔗 Interactive Books

Visualization eBook

Interesting Web Library

Text Visualization

Data Visualization Blog

Time Series Visualization

Web Visualization

Visualization Tools

Data Visualization

  • Superset Open source data visualization and business intelligence

Visualization Examples

Interactive Visualization

Visualization and Complexity

Visualization and Interactive

Visualization

Visualization

Visualization

Visualization

Visualization

Excel Visualization

Data Visualization

Math Visualization

Visualization

7 - Color Science and Tools

Color Science and Tools

Color Palette Tools

Color Format Converter

Note on LCH to RGB Conversion

LCH Color Picker

Color Naming

Colorimetry Notes

  • HSV/HSL are cylindrical representation of RGB
  • Problem of RGB: discontinuity of luminance, it is also not based on how the human eye perceive colors. See here or here or example of the effect here and the problem of rainbow color
  • Problem in HSV
  • Another explanation
  • CIELUV Ch (CIE LCh) or Polar Luv is cylindrical representation of CIELUV (and for CIELAB : Polar Lab)
  • HCL is implementation of CIELUV Ch
  • Problem of HCL: HCL tends to specify colors outside of the RGB gamut, which means that some sensible choices of HCL values will generate values outside the (0,0,0)-(1,1,1) RGB cube. More worryingly, the HCL->RGB transformation is discontinuous. Although it lies outside the RGB gamut, clamping the transform to the closest RGB point does not patch the seam in the color space. Example of Clamping
  • HCL to RGB need conversion chain : HCL->LUV->XYZ->RGB
  • Colorspace with HCL, its Python implmentation
  • HSLuv, other implementation of CIELUV Ch which fully maps to RGB. HSLuv is just like LCH except that it stretches the saturated colors for each hue so that any saturation coordinate represents a valid color, unlike LCHs chroma coordinate. The downside is that the colors chroma (colorfulness) can change when you drag the hue slider. HSLuv, is based on CIELCHuv, the cylindrical transformation of CIELUV; the LCH in David Johnstone’s colour picker is CIELCHab, the cylindrical transformation of CIELAB.
  • LCH Color in CSS
  • Colorblind and LCH

Learn Color

Article about Color

Ebook

Color

Colormap

Color Palette

Color

Color

8 - Unicode

Unicode

Unicode is an information technology (IT) standard for the consistent encoding, representation, and handling of text expressed in most of the world’s writing systems. Within Unicode encoding, there are subsets called emoji to represent pictorial expression in characters. While Unicode is an important piece of work, it has some kind of messy structure. That’s why we have puny code.

[[emoji]]

Unicode List

Unicode Font

  • Unifont, font for all existing Unicode

Unicode Recognition

Math Unicode Symbol

Unicode Tools

Unicode Art

__̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.___ : home  
--------{---(@ : rose  
(♥_♥) : love in my eyes

Text Stylish

Unicode Hack

Punycode

  • Punycoder : make a puny code and beware of phising with it
    • <www.xn–c1yn36f.org>
    • xn–s28h.com
    • <www.xn–pple-43d.com> is not <www.apple.com>
    • xn–n9fjcxob2ae662e.com or xn–9h2hfacrhxbi6a.com is not tokopedia.com
    • xn–tokopdia-g8g.com is not tokopedia.com
    • xn–gmil-63d.com is not gmail.com
    • xn–yhoo-53d.com is not yahoo.com
  • Name.com
  • Mothereff
  • Homoglyph

Unicode Explained

Zalgo Text Generator

Babelcode Unicode Map

Unicode

Unicode Identify by Draw

Unicode Search by Name

9 - Google Hacking

Google Hacking

Google hacking, also named Google dorking or Google advanced search, is a hacker technique that uses Google Search and other Google applications to find security holes in the configuration and computer code that websites use. Basics. “Google hacking” involves using advanced operators in the Google search engine to locate specific strings of text within search results.

List of Google Dorking

“search term”

Force an exact-match search. Use this to refine results for ambiguous searches, or to exclude synonyms when searching for single words. Example: “steve jobs”

OR

Search for X or Y. This will return results related to X or Y, or both. Note: The pipe (|) operator can also be used in place of “OR.” Examples: jobs OR gates / jobs | gates

AND

Search for X and Y. This will return only results related to both X and Y. Note: It doesn’t really make much difference for regular searches, as Google defaults to “AND” anyway. But it’s very useful when paired with other operators. Example: jobs AND gates

-

Exclude a term or phrase. In our example, any pages returned will be related to jobs but not Apple (the company). Example: jobs ‑apple

*

Acts as a wildcard and will match any word or phrase. Example: steve * apple

( )

Group multiple terms or search operators to control how the search is executed. Example: (ipad OR iphone) apple

$

Search for prices. Also works for Euro (€), but not GBP (£) 🙁 Example: ipad $329

define:

A dictionary built into Google, basically. This will display the meaning of a word in a card-like result in the SERPs. Example: define:entrepreneur

cache:

Returns the most recent cached version of a web page (providing the page is indexed, of course). Example: cache:apple.com

filetype:

Restrict results to those of a certain filetype. E.g., PDF, DOCX, TXT, PPT, etc. Note: The “ext:” operator can also be used—the results are identical. Example: apple filetype:pdf / apple ext:pdf

site:

Limit results to those from a specific website. Example: site:apple.com

Find sites related to a given domain. Example: related:apple.com

intitle:

Find pages with a certain word (or words) in the title. In our example, any results containing the word “apple” in the title tag will be returned. Example: intitle:apple

allintitle:

Similar to “intitle,” but only results containing all of the specified words in the title tag will be returned. Example: allintitle:apple iphone

inurl:

Find pages with a certain word (or words) in the URL. For this example, any results containing the word “apple” in the URL will be returned. Example: inurl:apple

allinurl:

Similar to “inurl,” but only results containing all of the specified words in the URL will be returned. Example: allinurl:apple iphone

intext:

Find pages containing a certain word (or words) somewhere in the content. For this example, any results containing the word “apple” in the page content will be returned. Example: intext:apple

allintext:

Similar to “intext,” but only results containing all of the specified words somewhere on the page will be returned. Example: allintext:apple iphone

AROUND(X)

Proximity search. Find pages containing two words or phrases within X words of each other. For this example, the words “apple” and “iphone” must be present in the content and no further than four words apart. Example: apple AROUND(4) iphone

weather:

Find the weather for a specific location. This is displayed in a weather snippet, but it also returns results from other “weather” websites. Example: weather:san francisco

stocks:

See stock information (i.e., price, etc.) for a specific ticker. Example: stocks:aapl

map:

Force Google to show map results for a locational search. Example: map:silicon valley

movie:

Find information about a specific movie. Also finds movie show times if the movie is currently showing near you. Example: movie:steve jobs

in

Convert one unit to another. Works with currencies, weights, temperatures, etc. Example: $329 in GBP

source:

Find news results from a certain source in Google News. Example: apple source:the_verge

_

Not exactly a search operator, but acts as a wildcard for Google Autocomplete. Example: apple CEO _ jobs

12 - Awesome Free Stuffs from Internet

Awesome Free Stuffs from Internet

Awesome Free Services

Free Applications

  • Nimbletext
  • Lightworks - Video Editor
  • Shotcut - Video Editor
  • Audacity -A powerful audio editor, ideal for music and podcasts.
  • Autodesk Fusion 360 -CAD/CAM software.
  • Bit Warden -Open-source password management service.
  • Blender - Free and open source 3D creation suite.
  • Dark Table - Open-source photography workflow application and raw developer.
  • Dashlane -Cross-platform subscription-based password manager and digital wallet application.
  • DaVinci Resolve -Color correction and non-linear video editing application.
  • GIMP -A powerful open source photo and image editing tool.
  • Greenshot -A free screenshot tool optimized for productivity.
  • Hitfilm-Express -Video editing software with professional-grade VFX tools.
  • Inkscape - Free and open-source vector graphics editor.
  • Krita -Free and open-source raster graphics editor designed primarily for digital painting and 2D animation.
  • Open Broadcaster Software - open source software for video recording and live streaming.
  • LibreOffice -Open-source office suite.
  • LMMS -a digital audio workstation application program.
  • MagicaVoxel -A free lightweight GPU-based voxel art editor and interactive path tracing renderer.
  • MediBang Paint Pro -FREE digital painting and comic creation software.
  • Ocenaudio - Easy, fast, and powerful audio editor.
  • Photopea -Web-based raster and vector graphics editor.
  • Pixlr - Feature-packed online photo editor.
  • Pro-tools -A digital audio workstation.
  • QGIS -open-source cross-platform desktop geographic information system application
  • Reaper -Digital audio workstation and MIDI sequencer software
  • ShareX -Screen capture, file sharing and productivity tool.
  • Shotcut -A slick open source program for advanced video editing.
  • Switch -Convert and encode sound files quickly.
  • Unity -cross-platform game engine.
  • Unreal Engine -the most open and advanced real-time 3D creation tool.
  • VS Code -free source-code editor.
  • Wavepad -Audio and music editor for Windows and Mac.
  • Wcostream - anime and animated TV-show/movie site with dubs and subs.

Free Learning Materials

  • Codecademy - free sessions and exercises for any coding language.
  • FreeCodeCamp - Learn to code at home.
  • Khan Academy -non-profit educational organization.
  • Learn with Google - Courses and certifications from Google.
  • Learn with Microsoft on Edx (Free) - Courses from Microsoft.
  • MIT courses -MIT’s OpenCourseware.
  • Octave -software featuring a high-level programming language, primarily intended for numerical computations. Basically free MATLAB Alternative
  • Rprogramming language -free software environment for statistical computing and graphics
  • W3Schools - The world’s largest Web Development learning site.

14 - Awesome

Awesome

16 - Linux Resources

Linux Resources

Linux

Basic Linux

Note that these suggestions are off the top of my head and surely biased by my own needs.

  1. bash shell basics
    1. Navigating the shell.
    2. Using one of the common editors, such as vim, emacs, or nano. My personal favorite is vim, but that’s probably because I’ve been using it (or its predecessor, vi) longer than most redditors have been alive.
    3. Listing (ls) and deleting (rm) files.
    4. Changing file permissions (chmod).
  2. Using the find command.
  3. Using basic Linux tools in pipelines, such as tr, wc, basename, dirname, etc.
  4. Using awk/gawk. This tool is so incredibly powerful. I use it almost daily.
  5. Using apt. Note that apt-get is the older package manager, and although it’s largely compatible with apt, there are some differences.
  6. Programming
    1. Learn the basics of bash shell programming, including conditional statements, looping structures, variables, etc.
    2. Definitely learn python, with a focus on python3.
    3. php: see Web Dev below.
    4. Learning C and/or C++ are desirable too, but you don’t need this skill immediately. However, knowing these languages will give you better knowledge for compiling packages and eventually writing your own.
  7. Web servers
    1. You won’t go wrong with apache2, but these days, I’m using nginx more often.
    2. Installing SSL/TLS certs.
  8. Networking
    1. Using iptables to configure firewall rules.
    2. Using ip route to configure routes.

17 - Open Source Resources

Open Source Resources

Open Source Culture