Monday, January 29, 2018

Hundreds of TOXIC ingredients in beauty products to avoid.

Since I am detoxing by eating clean, I might as well make sure that the lotions, make-up and creams I am slathering on my body have no toxins. Thanks to google there are a bunch of articles out there. Here is the initial list and article

Why are there so many unregulated toxins in our beauty products? Maybe it's time to DIY our own with none toxic ingredients.


The dirty list of toxins

  • Phthalates 
  • Parabens 
  • Fragrance 
  • Formaldehyde 
  • Toulene 
  • Propylene glycol 
  • Sodium Laurel Sulfate
  • Sodium Laureth Sulfate Triclosan 
  • Triclocarban 
  • Hydroquinone 
  • Heavy metals

A LIST OF GREAT DIY RESOURCES

The Dirty 30 – A List Of Toxic Beauty Product Ingredients To Avoid

50 DIY Natural Handmade Beauty Products That Make Great Gifts

Organic beauty recipes

17 DIY Beauty Products to Whip Up Over the Break

200+ DIY BEAUTY PRODUCTS & RECIPES

100+ DIY Beauty + Skin Care Recipes

Wednesday, January 24, 2018

Challenging negative stereotypes about black hair

Ted talks

This week's inspiring story

Oh my gosh does this resonate with me.

Javascript & CSS Libraries to look into.

Javascript libraries from hackernoon

Particles.js — A library for creating beautiful floating particles on a web page

Three.js — A library for creating 3d objects and spaces on a web page

Fullpage.js — Easy to implement full page scroll feature

Typed.js — Typewriter effect

Waypoints.js — Trigger a function when you scroll to an element

Highlight.js — Syntax highlighting for the web

Chart.js — Make beautiful charts using only javascript

Instantclick — Dramatically speed up your website load time, preloading resources on mouse hover

Chartist — Another chart library

Motio — A library for sprite based animations and panning

Animstion — Jquery plugin for css animated page transitions

Barba.js — Fluid page transitions

TwentyTwenty — A visual diff tool to spot differences

Vivus.js — A library for making drawing animation on SVG

Wow.js — Reveal animations when you scroll

Scrolline.js — See how much you have scrolled until the end of the page

Velocity.js — Very fast and smooth javascript animations

Animate on scroll — Pretty straightforward

Handlebars.js — Javascript templating

jInvertScroll — Parallax scrolling

One page scroll — And again a one page scrolling library

Parallax.js — Parallax Engine that reacts to the orientation of a smart device

Typeahead.js — Search completion

Dragdealer.js — Pretty cool dragging library

Bounce.js — Create cool CSS3 animations

Pagepiling.js — One page scroll

Multiscroll.js — Multi scroll a website into two vertical scrolling panels

Favico.js — Dynamic favicons

Midnight.js — Switch fixed headers on the fly

Anime.js — Animation library

Keycode — Get javascript keycode for a button that is pressed

Sortable — Drag & drop

Flexdatalist — Autocomplete

Slideout.js — Slideout navigation menu for mobile apps

Jquerymy — Two way data bindings using jquery

Cleave.js — Format content while typing

Page — Client side routing for single page applications

Selectize.js — Hybrid select box for adding tags

Nice select — Jquery library for creating beautiful select boxes

Tether — Efficiently attach absolute positioned elements

Shepherd.js — Guide users through your app

Tooltip — Name speaks for itself

Select2 — Jquery replacement for select boxes

IziToast — Easy to implement js notifications

IziModal — Easy to implement js modals

CSS libraries / Design stuff

Animate.css — Animation library

Flat UI Colors — List of simple and effective main colors

Material design lite — Framework based on Google’s material design

Materialui.co — Many resources for Material design framework

Colorrrs — Random color generator

Section separators — Css section dividers

Topcoat — Framework

Create ken burns effect — Ken burns effect using css3 animations

DynCSS — Add functions to css, to make it dynamic

Magic animations — Name speaks for itself

CSSpin — Collection of css spinners

Feather icons — Icons

Ion icons — Icons

Font awesome — Icons

Font generator — Combine multiple fonts and create a mixture

On/Off switch — Create on/off switch in css, good for check or radio buttons

UI Kit — Framework

Bootstrap — Framework

Foundation — Framework

Friday, January 12, 2018

11 Habits of Mentally Strong People

Along with other goals, emotional intelligence is something that I need to get a better grasp on. I like reading posts by Dr Travis Bradberry on emotional intelligence. I am always inspired by his posts. I like his recent post... saving it here for reference.

"There are habits you can develop to improve your mental strength. In fact, the hallmarks of mentally strong people are actually strategies that you can begin using today. Emotional intelligence is the cornerstone of mental strength. You cannot be mentally strong without the ability to fully understand and tolerate strong negative emotions and do something productive with them. Moments that test your mental strength are ultimately testing your emotional intelligence (EQ)".

They neutralize difficult people. Dealing with difficult people is frustrating and exhausting for most. Mentally strong people control their interactions with toxic people by keeping their feelings in check. When they need to confront a toxic person, they approach the situation rationally. They identify their emotions and don’t allow anger or frustration to fuel the chaos. They also consider the difficult person’s standpoint and are able to find common ground and solutions to problems. Even when things completely derail, mentally strong people are able to take the toxic person with a grain of salt to avoid letting him or her bring them down.

by Dr Travis Bradberry read full article on linkedin.

Thursday, January 11, 2018

Sites with JavaScript Exercises

Practise, practise, practise

You can read HTML, CSS and Javascript all you want, but the only way to really get it, is to write code.

Here is a list of sites that I found...

When you are all done, it's time to take the online quizzes

Is there any value in people who cannot write JavaScript?

I found this article so true, there seems to be a hiring bias today on people who don't code Javascript.

Borrowed from Mandy Michael for Medium.com

click on the link to read the full article.

"To me, this could easily be interpreted as, “Is there any value in people who cannot write JavaScript?”, based on some comments from the audience after, this seemed to be how many understood question.

I want to be very clear and upfront: this is not a CSS vs JS post. If you are looking for another one of those, stop reading this now. This post is not about something being better, it’s about people and expectations.

So, we asked the audience if they hire people who just write CSS and HTML. No-one put their hand up. And I, for one, was disappointed.

I understand the desire to have people who can do a lot of things. What I don’t understand is why it’s okay if you can “just write JS”, but somehow you’re not good enough if you “just write HTML and CSS”.

When every new website on the internet has perfect, semantic, accessible HTML and exceptionally executed, accessible CSS that works on every device and browser, then you can tell me that these languages are not valuable on their own. Until then we need to stop devaluing CSS and HTML.

Just to be clear, I am not putting down JavaScript. I love JavaScript. I love all the awesome things ES6 provides us. It’s also creating very exciting and awesome opportunities in the styling space. If all you do in your job is write JS, that is fantastic and you are awesome, just like all the people that write CSS or have a focus in a particular area like accessibility, SVG, animation etc.

What I am very concerned about is that many still don’t see value in being skilled in CSS & HTML. This attitude is something I just don’t understand. All of us working together provide value in our industry. HTML & CSS are very important pieces of this puzzle, and I (perhaps naively) thought we had evolved to a point where we were starting to appreciate the challenges each of us face in our different areas of expertise. I guess I was wrong because this attitude is still clearly still prevalent."...

borrowed from the link above...

Check out these cool animated logos

New web trend animated logos.

Wednesday, January 10, 2018

I am the greatest!

Happy new year!

This is going to be a great year for me. I will achieve my goals, realize my dreams.

I am the a JavaScript Ninja!

Keeping this Ted video here for myself. I need to hear this daily.

The skill of self confidence | Dr. Ivan Joseph | TEDxRyersonU