New Backlight site online

Panagon · 2017-03-27 03:09:34

Finally re-implemented my CE3 based website on Backlight. What a difference in ease-of-use and productivity with the TTG Backlight development environment! De-coupling the Designer from LR makes designing a website so much faster. Thank you, Matthew!

I consider my new website a Version 1.0 (read: feature incomplete, rough edges and buggy). Blog integration and image purchase capability still need to be moved over. I had a sense of urgency to get the basic website functionality on-line because my old CE3 site did not function well on modern mobile devices like iPads and smartphones. In structure, my new site is very similar to old one because I did not see anything wrong with it.

A very special “Thank you” to Rod Barbee for his quick and actionable answers to my questions on the TTG community forum. Further, his “TTG Tips and Tricks” website was indispensable. I also feel indebted to the many people who trail blazed a Backlight development pass before me. Their posts/answers on the forum and new Backlight based websites gave me input to my development process. Also, a special thanks to Daniel Leu – I lifted the home page slideshow script from his blog “Adding a Slideshow to Backlight Based Pages”.

The QA department (my wife) thinks that the website is in pretty good shape. Her main complaint is that there is no “hover” on the Album and Image tiles. At current time, I did not find a way to implement this.

Franz
http://franzzihlmannphoto.com/

rod barbee · 2017-03-27 03:27:41

hovering on the album titles can be accomplished with custom css

try this in your custom css, changing the color code or adding text-decoration as needed:

.albums a:hover p {
	color: #1F7400;
}

Panagon · 2017-03-27 04:08:40

Thanks Rod, just implemented your suggested solution on Album tiles - Works great, thanks!
Any idea about a solution for the masonry image tiles with no text?

rod barbee · 2017-03-27 04:10:57

haven't looked at that yet. What kind of hovering affect are you looking for?

Panagon · 2017-03-27 04:23:26

I was just thinking about that because there is no text associated with the tiles. I browsed around to find some examples for such a situation and found one. Daniel Leu implemented something that actually is very nice...have look at:
http://danielleu.com/projects/light-painting/

rod barbee · 2017-03-27 04:25:12

looks like the selector is .the__gallery .album-frame:hover.

You can try a filter, scaling, adding a border...

rod barbee · 2017-03-27 04:27:16

looks like Daniel is adding a red bottom border. Something like this:

.the__gallery .album-frame:hover {
    border-bottom: 2px solid red;
}

rod barbee · 2017-03-27 04:28:01

a grayscale filter can be a nice hover effect

Panagon · 2017-03-27 05:13:59

Rod, you have done it again-Thank you! It works great. My QA department is VERY happy......=)

Last edited by Panagon (2017-03-27 05:15:18)

rod barbee · 2017-03-27 05:56:40

we must keep QA happy

Matthew · 2017-03-27 11:53:33

Nice job on the site. I'm loving the wildlife photography.

Panagon · 2017-03-28 05:08:23

Thanks Matthew. I love wildlife photography and capture their behavior, character, interaction with each other and their environment.

Community @ The Turning Gate

#1 2017-03-27 03:09:34

New Backlight site online

#2 2017-03-27 03:27:41

Re: New Backlight site online

#3 2017-03-27 04:08:40

Re: New Backlight site online

#4 2017-03-27 04:10:57

Re: New Backlight site online

#5 2017-03-27 04:23:26

Re: New Backlight site online

#6 2017-03-27 04:25:12

Re: New Backlight site online

#7 2017-03-27 04:27:16

Re: New Backlight site online

#8 2017-03-27 04:28:01

Re: New Backlight site online

#9 2017-03-27 05:13:59

Re: New Backlight site online

#10 2017-03-27 05:56:40

Re: New Backlight site online

#11 2017-03-27 11:53:33

Re: New Backlight site online

#12 2017-03-28 05:08:23

Re: New Backlight site online

Board footer