open-close.webdev

Videos, Code Examples, Resources, etc.

More Details: http://webdevdaniel.com/open-close.webdev

SEE ALL :

https://codepen.io/write/black-white-open-close | https://codepen.io/profoundcoder/post/black-white-open-close


Videos

#VIDEO #1: SOLUTION … NO CODE, JUST A 1 MINUTE POST CODING OVERVIEW OF MY SOLUTION.

Link: https://www.youtube.com/watch?v=iYrF_7SKpKU


#VIDEO #2:

Link: https://www.youtube.com/watch?v=043AvDOBklY&index=2&list=PLPVeR9-Ayd5ykAfqe3PdZQqR_eLr8nW2D



#New and Improved Solution!

AUGUST 10, 2016

#OPEN-CLOSED-V1 : USING IMAGES


AUGUST 10, 2016

#OPEN-CLOSED-V2 : WITHOUT USING IMAGES



#From Yesterday: My Original, (maybe more complex solution)

AUGUST 09, 2016

#MIND + MOUTH – V2 :


AUGUST 09, 2016

#MIND + MOUTH – V3 : (WITH OVERLAY)


#MIND + MOUTH – V4 : (WITHOUT OVERLAY)



#A Demo Pen I forgot to include:


#Additional Resources:
#Images:

Original Image: Original Image


With Boxes: z-index Black & White


Top Image: Top Image


Top Only Image: Top Only Image


Bottom Image: Bottom Image



SEE ALL :