Greg’s Sandbox

Notes on Front-End Web Development

12 Feb modified: 8 years ago

Header (hero) Image Over-Ride

grav graphics

sandbox fun

OK, I've found some solutions to the graphic design scenarios that I was trying to overcome. The difficulties occurred specifically in the Grav Blog Site template. Other templates may or may-not exhibit the same behavior.

I was able to find a suitable yaml "block" (correct term?) that allows me to…

Continue reading Header (hero) Image Over-Ride ...

25 Jan modified: 8 years ago

Simple CSS Image Slider

graphics html istock Photo

Cookbook tutorial for a CSS image slider containing four images. Relies on the jQuery plug-in named "Slidy". Rather crude, but it does seem to work with minimal set up... just some keyframe rules in the _custom.scss file.

Perhaps it might be worthwhile to explore the GSAP version of this technique? Definitely, but I'll need to wait until I have more skills to tackle that project. Reference files for GSAP technique are found at:

C:\Users\Gregory Chambers\_gProjects\GSAP_Instruction\gregGSAP_Class\Image Slider

Start by placing the images into this folder.

Continue reading Simple CSS Image Slider...

21 Jan modified: 8 years ago

Creating a Simple Gallery

graphics Corbis photos

Technique to display a bunch of photographs (with captions and descriptions - if needed) on a simple gallery page. This takes advantage of Grav's media functionality which allows a page to be aware of the images available in it's folder. The images placed in the enclosing folder will be stored and d…

Continue reading Creating a Simple Gallery ...