Blog

1237glasses3d-television-2-thumb-400x300-99937

Back By Popular Demand: 2 New Lenses – Classic and Reporter

On July 24, 201222 Comments

You’ve asked for them, and have been patient with the waiting! We are super happy to finally announce that we’ve just released the two most asked for Lenses since the launch of SlideDeck 2. Each Lens brings something new to the table, and allows for an even finer level of customization. These Lenses were inspired by their original skins from SlideDeck 1, but both have been rebuilt from the ground up and made better than ever. Keep reading for more information on each Lens, some examples and their features.

Classic (inspired by the classic SlideDeck) – The Classic Lens is available with the Professional and Developer tiers and can be used with both the Dynamic Sources and Custom Content deck types.

Reporter (inspired by Smart SlideDeck Light/Dark) – available in all SlideDeck 2 for WordPress tiers(Lite, Personal, Professional, and Developer) as a Dynamic Source Lens.

Let’s take a look at each lens in more detail.

Classic:

Inspired by the original spined Lens (the one with vertical bars)

Original SlideDeck 1 Classic Skin

By far the most requested Lens addition, the Classic Lens takes the original spined Classic SlideDeck skin and takes it to the next level. We’ve added a robust set of options to this Lens that give you more control.

You can now change the width of the spines by adjusting a slider, and through fancy color pickers, choose the default and active colors for the Spines(vertical bars) and Spine text independently. This is pretty awesome as it it lets you, on the fly, adjust the look of the Classic Lens to fit your site design and color scheme better than ever.

Spine titles will inherit the title font chosen for the content and can even be turned off if they are not desired. We’re excited to release this Lens, and are hopeful that you are equally excited to use it!

Classic Examples:

Example 1:
Modified spine width, active/inactive spine colors and fonts

The playful wonderland be…

The playful wonderland behind great inventions | S…

Necessity is the mother of invention, right? Well, not always. Steven Johnson shows us how some of t… Read More Play Video
TEDtalksDirector 10 hours ago
Click To Play
The urgency of intersecti…

The urgency of intersectionality | Kimberlé Crensh…

Now more than ever, it's important to look boldly at the reality of race and gender bias -- and unde… Read More Play Video
TEDtalksDirector 2 days ago
Click To Play
low hanging rocks

low hanging rocks

Mid morning mist at Black Rock Cottage - Scottish Highlands Read More
Neil O'Connell Neil O'Connell 1 month ago
low hanging rocks
Misty Mountain Hop

Misty Mountain Hop

Post sunrise mist envelopes Buachaille Etive Mor. Apologies to those that voted on a previous versi… Read More
Neil O'Connell Neil O'Connell 1 month ago
Misty Mountain Hop
Slips & Veils

Slips & Veils

Looking across the Bridal Veil Falls to the Old Man of Storr and the land slip that created this dra… Read More
Neil O'Connell Neil O'Connell 4 weeks ago
Slips & Veils

Content sourced from YouTube(default source), Pintrest thanks to hiredMYway and their Cool Office Spaces board, and 500px thanks to Neil O’Connell

Example 2:
Modified spine width, slide count, active/inactive spine colors and fonts

Easy DIY projects for kid…

Easy DIY projects for kid engineers | Fawn Qiu

TED Resident Fawn Qiu designs fun, low-cost projects that use familiar materials like paper and fabr… Read More Play Video
TEDtalksDirector 1 week ago
Click To Play
The playful wonderland be…

The playful wonderland behind great inventions | S…

Necessity is the mother of invention, right? Well, not always. Steven Johnson shows us how some of t… Read More Play Video
TEDtalksDirector 10 hours ago
Click To Play
It's time for women to ru…

It's time for women to run for office | Halla Tóma…

With warmth and wit, Halla Tómasdóttir shares how she overcame media bias, changed the tone of the p… Read More Play Video
TEDtalksDirector 1 week ago
Click To Play
The urgency of intersecti…

The urgency of intersectionality | Kimberlé Crensh…

Now more than ever, it's important to look boldly at the reality of race and gender bias -- and unde… Read More Play Video
TEDtalksDirector 2 days ago
Click To Play
4 ways to build a human c…

4 ways to build a human company in the age of mach…

In the face of artificial intelligence and machine learning, we need a new radical humanism, says Ti… Read More Play Video
TEDtalksDirector 1 week ago
Click To Play
How the blockchain will r…

How the blockchain will radically transform the ec…

Say hello to the decentralized economy -- the blockchain is about to change everything. In this luci… Read More Play Video
TEDtalksDirector 1 day ago
Click To Play
Islamophobia killed my br…

Islamophobia killed my brother. Let's end the hate…

On February 10, 2015, Suzanne Barakat's brother Deah, her sister-in-law Yusor and Yusor's sister Raz… Read More Play Video
TEDtalksDirector 4 days ago
Click To Play
We train soldiers for war…

We train soldiers for war. Let's train them to com…

Before soldiers are sent into combat, they're trained on how to function in an immensely dangerous e… Read More Play Video
TEDtalksDirector 3 days ago
Click To Play

Content sourced from YouTube(default source), and Pintrest thanks to hiredMYway and their Cool Office Spaces board

Unique Features:

All SlideDeck Lenses come with a bunch of customization options, but Classic brings along a whole set of features unique to its design:

  • Choose custom colors (with color picker) for:
    • default Spines
    • active Spines
    • default Spine titles
    • active Spine titles
  • Spine title length
  • Spine width
  • Turn Spine titles on/off
  • Set indices to:
    • off/hidden
    • numbers: 1, 2, 3, 4, 5…
    • upper-case roman numeral: I, II, III, IV, V…
    • lower-case roman numeral: i, ii, iii, iv, v…
    • upper-case alphabetical: A, B, C, D, E…
    • lower-case alphabetical: a, b, c, d, e…
  • Custom Content Decks can set custom Spine titles

Reporter:

Inspired by the original Smart SlideDeck skin from SlideDeck 1 for WordPress

Original Smart SlideDeck Skin

With the Reporter Lens, we wanted to take the original Smart SlideDeck skin and expand on it. We wanted to be sure we were improving the Lens and not just porting it over.

With the Reporter Lens, images and text are given equal priority, as opposed to our other Lenses which incorporate images as a main design element. Reporter also shows images in their original aspect ratio, with no cropping, an option we are eventually looking to translate to other Lenses too.

This new Lens also features fancy navigation – including Titles, Dots, Dates (which can be toggled between 5 date formats) and additional slide detection to allow for a paginated navigation. This gives you the option to use many slides and maintain a beautiful navigation design that is functional and intuitive.

Reporter Examples:

Example 1:
Modified: Transparent background, no text, date navigation

The playful wonderland behind great inventions | S…

The playful wonderland behind great inventions | S…...

TEDtalksDirector
Necessity is the mother of invention, right? Well, not always. Steven Johnson shows us how some of t…
View Video Page
12/09/2016The playful wonderland behind great inventions | S…...
Islamophobia killed my brother. Let's end the hate…

Islamophobia killed my brother. Let's end the hate…...

TEDtalksDirector
On February 10, 2015, Suzanne Barakat's brother Deah, her sister-in-law Yusor and Yusor's sister Raz…
View Video Page
12/05/2016Islamophobia killed my brother. Let's end the hate…...
It's time for women to run for office | Halla Tóma…

It's time for women to run for office | Halla Tóma…...

TEDtalksDirector
With warmth and wit, Halla Tómasdóttir shares how she overcame media bias, changed the tone of the p…
View Video Page
12/02/2016It's time for women to run for office | Halla Tóma…...
The urgency of intersectionality | Kimberlé Crensh…

The urgency of intersectionality | Kimberlé Crensh…...

TEDtalksDirector
Now more than ever, it's important to look boldly at the reality of race and gender bias -- and unde…
View Video Page
12/07/2016The urgency of intersectionality | Kimberlé Crensh…...
How the blockchain will radically transform the ec…

How the blockchain will radically transform the ec…...

TEDtalksDirector
Say hello to the decentralized economy -- the blockchain is about to change everything. In this luci…
View Video Page
12/08/2016How the blockchain will radically transform the ec…...
Easy DIY projects for kid engineers | Fawn Qiu

Easy DIY projects for kid engineers | Fawn Qiu

TEDtalksDirector
TED Resident Fawn Qiu designs fun, low-cost projects that use familiar materials like paper and fabr…
View Video Page
12/02/2016Easy DIY projects for kid engineers | Fawn Qiu
We train soldiers for war. Let's train them to com…

We train soldiers for war. Let's train them to com…...

TEDtalksDirector
Before soldiers are sent into combat, they're trained on how to function in an immensely dangerous e…
View Video Page
12/06/2016We train soldiers for war. Let's train them to com…...
4 ways to build a human company in the age of mach…

4 ways to build a human company in the age of mach…...

TEDtalksDirector
In the face of artificial intelligence and machine learning, we need a new radical humanism, says Ti…
View Video Page
12/01/20164 ways to build a human company in the age of mach…...

Content sourced from YouTube(default source), and Pintrest thanks to hiredMYway and their Cool Office Spaces board

Example 2:
Modified: Only title and date shown, dot navigation, fonts

and this is in my sitting room

and this is in my sitting room

Jan 30, 2012 jojoclouse
and this is in my sitting room
Read More
01/30/2012and this is in my sitting room
this one's hanging above my fireplace!! I love it!

this one's hanging above my fireplace!! I love it!...

Jan 30, 2012 jojoclouse
this one's hanging above my fireplace!! I love it!
Read More
01/30/2012this one's hanging above my fireplace!! I love it!...
i have this one too

i have this one too

Jan 30, 2012 jojoclouse
i have this one too
Read More
01/30/2012i have this one too
where would i put all of these

where would i put all of these

Jan 30, 2012 jojoclouse
where would i put all of these
Read More
01/30/2012where would i put all of these
nice

nice

Jan 30, 2012 jojoclouse
01/30/2012nice
I just want them all!

I just want them all!

Jan 30, 2012 jojoclouse
I just want them all!
Read More
01/30/2012I just want them all!
i really need to find this one

i really need to find this one

Jan 30, 2012 jojoclouse
i really need to find this one
Read More
01/30/2012i really need to find this one
his works were meant to inspire people to travel...it would have worked for me!

his works were meant to inspire people to travel..…...

Jan 30, 2012 jojoclouse
his works were meant to inspire people to travel...it would have worked for me!
Read More
01/30/2012his works were meant to inspire people to travel..…...

Content sourced from Pintrest thanks to Jennifer Clouse and her i love roger broders board

See more about the Reporter lens and its features in the Reporter Lens Overview video.

Unique Features:

  • transparent background option
  • dates or titles as navigation
  • side by side image and text
  • image border width
  • transparent image border (overlaps the image)
  • navigation date formatting (choose from the 5 date format options)

Behind the Scenes: Challenges We Encountered

Each of these Lenses presented their own challenges, which lead to these being awesome Lenses that we’re proud of. Read on below to learn about some of the challenges we overcame to bring you the Lenses you love:

Classic

  • Giving you more – We wanted to be sure that we were not just creating a SlideDeck 2 Lens with spines, and essentially just copying over the same style as the original. We are all about making things better and so we wanted to give you more control over the style/colors of the SlideDeck. The additions of the custom colors and spine width adjustments forced some core changes and additional logic to be added to the plugin.
  • Reintroducing Spines – In SlideDeck 2 we took a step away from the traditional spined Lens. All of our Lenses to date have not taken advantage of this style. But after plenty of user feedback, we knew we needed to bring these back with a Lens. This required us to create some additional filters for handling the build of the deck and hook into it in a way that gave us the control and output we needed to achieve these changes. This also now allows for you to create your own spined Lenses and hook into the filters we created to help further customize your custom Lenses.(documentation to come)
  • Custom colors for spine and text variants – We wanted to give you the ability to choose your own spine colors from within the admin, without the need to write CSS or apply your own styles. We adapted the accent-color logic to create new options for these elements. Background images for custom spines would still need to be taken care of on a CSS level and is a more advanced technique. We may consider looking into some method of incorporating this into the admin, but it presents a whole new set of challenges and may actually hurt the design and use for the Lens..
  • Spine width – The spine element can take up a lot of real-estate, and we wanted to make it much easier to adjust the width, instead of needing to modify the CSS of the Lens. With a little slider, and AJAX update in the admin preview, you can now set the width of the spines on the fly.

Reporter Challenges

  • Resizing of the images – With the SlideDeck 1 PRO version of the Lens we had to be rigid with the way we sized the images. But with SlideDeck 2 our skill set has grown and the plugin has changed immensely, we have gotten the image to be flexible while maintaining correct proportions. Our other Lenses always try to use the image as a design element, large background of the slide, but this Lens lets the text and image have equal priority and lets the image maintain it original aspect ratio with no cropping taking place.
  • Pagination of the titles and dates – This is not something that we have had to do before. In the original SlideDeck 1 PRO Smart SlideDeck skin, the number of slides was limited depending on the navigation type used. This was not something we felt was appropriate to do, and with so many slides this was tricky. We had to come up with an intuitive way to control the navigation elements, but still scale the size to be appropriate for the content displayed.

Want to make your own?

  • Interested in taking SlideDeck 2 for a test drive and trying these new Lenses out? Try our Free Live Demo
  • Want to install SlideDeck on your own server for free? Download SlideDeck 2 Lite
  • Want your own license of SlideDeck 2? You should check out our pricing page.

 We value your feedback, and would love to hear from you. Post a comment below letting us know what you think and what else you want out of SlideDeck!

Leave a Reply

Comments (22) Responses

  1.  

    Steph Calvert

    Hey there! What I’d love to see is a way to use the classic lens without any text – so it’s just spines that show a hint of the image. Is there a way to shut off the black or white spine so just the slide image underneath shows?

  2.  

    Candice

    Sorry – to clarify – which .css file should I look at. ..and what am I looking for? Is this feature called an overlay, cover, wrapper, etc?

    Thanks!
    Candice

    •  

      Dave

      Hi Candice, we don’t really answer support questions in blog post comments and the answer to this one is more appropriately handled through our support system. Please make a support request through our support system at http://dtelepathy.zendesk.com/ Thanks!

  3.  

    Candice

    Hi!

    I love the classic lens, but would like to change the colors of the text and background that cover part of the image. I would love to have a white background with black text, and I’m sure that I can probably change it in a .css file. Would you mind directing me to the file I should look at?

    Thanks!

    Candice Cross

  4.  

    NIco

    HI !

    I bought this afternoon the slidedeck2.

    Great but i have a few questions :

    – how to center the classic lens slide ? It appears on the left 🙁

    – how to change background of the classic lens slide ? It’s black and I want it white

    – what is the difference between slidedeck2 ans slidedeck.js ???

    Thanx a lot

  5.  

    SiteSubscribe

    +1 for a vertical version of Reporter (or similar).

  6.  

    Michael Sandstrom

    HI Jason,

    Thanks for your response. As mentioned, we are in urgent need of the vertical/horizontal Slidedeck for our web functionality/content management as a broadcaster. We understand that you are working on developing this functionality in your new Slide deck 2. Meanwhile, would it be possible for you to release the old Slidedeck Pro version to us (or point us to a safe place to download Slidedeck Pro), which has the vertical/horizontal functionality until the new development is ready.

    Your help in this matter would be much appreciated.

    Thanks for your support.

    Michael Sandstrom
    President
    CIAM Media & Radio Broadcasting
    Edmonton

  7.  

    Michael Sandstrom (CIAM Media)

    should say scroll vertically not cross. Thanks Michael

  8.  

    Michael Sandstrom (CIAM Media)

    We are very thankful that you have taken this crucial step to implement these two sliders again. The improvement you have made are really excellent, and much appreciated.

    The Classic application is especially crucial for us as a broadcaster. We have about 60 programs, that fits into 5-6 categories. Each program is uploading new content daily over RSS feeds. However, to accommodate all of these programs we would require the the capacity to cross vertically under each category.

    It would be absolutely fantastic if you could implement vertical functionality is the Classic Slider. Thanks for your creative and encouraging R&D and support.

    Looking forward to hear from you soonest.

    Michael Sandstrom
    President CIAM Media & Radio Broadcasting
    780-940-6079

    •  

      Jason

      Thanks for the feedback Michael! Yes, we’ve absolutely been looking at potential ways to reintroduce the vertical sliding functionality in the Classic Lens, so keep ’em peeled – there are definitely a lot of potential use-cases for this kind of interaction.

  9.  

    Brendan Rohan

    Hi guys.
    Excellent work. But I do have to make one minor comment. What makes me nervous about employing slide deck 2 on my website is what I call ‘developer anxiety’. It’s when developers keep changing and keep trying to improve functions and graphic styles that were already great. For example, i would have been perfectly happy with a direct port of your 2 old lens styles. If you’ve done your best work, leave it alone!

    Just a thought. Keep up the great work.
    Brendan Rohan – Melbourne, Australia.

    •  

      Jamie

      Great insight Brendan,
      However I’ll be the first to say that we’re always growing and learning. My colleague Dave (who is a more skilled developer than myself) developed the first version of “Reporter” (then simply called Light and Dark) for SlideDeck 1. When he created them, we thought they were amazing.

      After being in the wild, appearing on multiple sites and being subjected to different sized images, different content, and other hardships, we realized that the original version had its shortcomings. Fast-forward to a few years later, and the Reporter lens has been rebuilt (by me) from the ground up with newer techniques, and it’s much more solid. I use it on my own personal site and it now scales to virtually any size you author it at. The basic idea is that we tried to keep the look, feel, and soul of the designs while making them more robust and configurable.

      The “Classic” lens is essentially very similar to the first SlideDeck design, but one of the most common requests we got was for users to be able to easily configure the slide spine colors.

      I know it can feel like SlideDeck is a living design, but it’s only that way due to our desire to make it better, every time, better than that last one.

  10.  

    Chad

    I’m very glad to see the return of spines! I did resurrect them with a custom lens with a bit of help from your support team, but it was a lot of work and it did not offer the new hooks and control that you’ve now built into SD2. It really seemed more like a hack than a fully featured lens. Having this new lens option out of the box will help speed my workflow greatly and allow me to offer an even better slideshow product to my clients. Thanks!

    •  

      Jason

      You’re welcome, Chad! Yeah, we’ve been missing some of our old designs, so it felt good to go back and blow some of the cobwebs off – we’re always trying to make things better!

  11.  

    Jamillah Warner

    Recently upgraded and I was wondering where these went — glad they’re back!

  12.  

    jb

    Thanks for the continuing innovations.

    Have you added back the light lens in this new release? The option disappeared when you put out the last release. Would love to get our site back to the look it had before we upgraded…

  13.  

    Adrian

    Excellent! Was was first question when you came out with SlideDeck 2. Nice to see it back – and better. The Reporter lens looks great too. Keep it up.

  14.  

    Richard

    Very happy to see the classic lens make a return and to be able to customise the colours is awesome. Will it be possible to change the colour of the background on the text style – I’d like a plain white background but you only seem to be able to use the default black?

    Keep up the good work!

    •  

      Jason

      Thanks Richard – yeah, we’re super-psyched to bring these popular lenses back! =) To answer your question, currently, no, there’s no option for the content background color, but we could definitely look into that, if it’s something a lot of people need. In the meantime, you can override the background color with a little custom CSS in your theme.