The LEGO Movie Review

I took my 3-year-old daughter to The LEGO Movie this week and she sat through the entire 100-minute film in quiet reverence. End of review. I’m an adult male who … Continue reading

Obama’s Cybersecurity Framework revealed (but is it enough?)

President Obama has launched the new Cybersecurity Framework, the Whitehouse’s guide for infrastructure providers like gas, electric, and water, as well as banks and power plants to fend off digital … Continue reading

Smartwatches to drive wearables as Canalys predicts boom

Wearable tech will break the consumer market in 2014 after the segment was buoyed in 2013 by fitness-tracking bands, one research firm has predicted, though smartwatches are expected to cannibalize … Continue reading

Apple TV reboot release with Time Warner Cable tipped for April

This week a set of anonymous tipsters have suggested that Apple will be bringing on their newest set-top box to the market as early as April. While we’ve expected a … Continue reading

Verizon Nokia Lumia Icon gets official: first-impressions

Verizon has refilled its Windows Phone flagship spot, with the Nokia Lumia Icon distilling what we liked from the Lumia 1520 into a 5-inch form-factor with a crisp metal chassis … Continue reading

Sony Alpha A6000 delivers record-breaking AF from A7′s brain

Sony has revealed its latest Alpha camera, the A6000, a 24.3-megapixel compact DLSR slotting in-between the NEX-5T and the A65 and promising the fastest autofocus in the world. Measuring in … Continue reading

The Day We Fight Back: Google, Reddit & more demand internet freedom

Today’s the day: The Day We Fight Back against mass surveillance. That’s the message from the EFF, Free Press, Demand Progress, and other organizations fighting against the NSA’s data collection … Continue reading

Nokia Android phone tipped without Google

It would seem that the elusive Nokia Android smartphone has been tipped as close to release this week, with a full collection of Microsoft and Nokia-created apps inside instead of … Continue reading

CyberNotes: Create a LightBox Photo Gallery

This article was written on October 25, 2007 by CyberNet.

CyberNotes
Tutorial Thursday

One of the hot new ways for viewing photos is using a JavaScript technique called LightBox. I’m sure you’ve seen it before on sites where you click on a thumbnail, and a fullsize version of the image is superimposed on the page that your viewing. It then grays out the background so that it’s easy for the viewer to focus on the image. Here’s a working example of LightBox that demonstrates the feature.

Personally I’ve never been a big fan of LightBox, but there are a lot of people who swear by it. When I came across a free program called LightBox Web Gallery Generator, I knew it would be an extremely handy tool for many of you.

What’s so great about it? Not only is it open source, but you also don’t have a thing to install. Once you download the LightBox Gallery Generator you can start working with it immediately!

–Basic Settings–

When you launch the app for the first time, you’ll notice that it’s extremely simple, and there isn’t much you can configure. It’s important to know that the LightBox Gallery Generator will only work with JPG images, but that’s the format that most cameras use so you shouldn’t have any problems.

LightBox Web Gallery Generator

You’ll want to select the folder with the images, and the folder that you want to output the gallery to. The program will generate thumbnails for all of the images and align them to a grid with however many columns and rows you specify. If you have more photos than can fit on the page it will show next/previous buttons on the generated site as well as page numbers.

The “Image” section in the program is used to specify what the dimensions are of the photos that are shown when the thumbnails are clicked on. By having them resized it helps cut back on the bandwidth needed especially when the original image is gigantic! You can always provide a link to the original image by checking the “Add link to hi-res image” option.

–Advanced Settings–

At first I didn’t really realize that the program had any advanced settings because the text links at the bottom looked like they were hyperlinks for a website. When I clicked on one of them it actually expanded the program’s window to show more settings that you can change to truly customize the look and feel of the gallery that is generated.

The “CSS” option is used to specify your own custom styles to the site. This is where you can customize border, background colors, font types, and more:

LightBox CSS

At the top of the gallery is a breadcrumb trail that visitors can use to navigate to other pages on your site. This is where you can specify your own custom homepage link or turn it off all together:

LightBox Link

The “Master Page” option is truly the heart and soul of the LightBox Gallery Generator. You can create your own custom HTML template to be used with the galleries that you generate. How’s that useful? It means you can put your own header, footer, and sidebars on the site with the gallery being placed in the center of it all.

LightBox Master Page 

–The Result–

**drum roll** The end result is what you’ve worked so hard for, well, I use the term “work” loosely. The screenshots below are from a gallery that I generated in under a minute after starting the program up for the first time. The one on the left shows what the thumbnail gallery looks like complete with navigation links, and the one on the right is the “fullsize” image that visitors are shown when a thumbnail is clicked.

LightBox Sample Gallery Thumbs LightBox Sample Gallery Full

If you chose to include a link to the high resolution images you’ll see that next to the title of each photo:

LightBox Hi-Res

This program doesn’t quite stack up to the JAlbum software in terms of configuration options, but this is definitely the simplest gallery generator that I’ve ever used. If you need to quickly create a photo gallery with some pizzazz I don’t think there is a better option.

LightBox Web Gallery Generator

Copyright © 2014 CyberNetNews.com

CyberNotes: Best Bookmarklets and Favelets Part 2

This article was written on August 22, 2007 by CyberNet.

CyberNotes
Web Browser Wednesday

IE, Firefox, and OperaLike many of you, I use bookmarklets on a daily basis to complete tasks a bit faster. Many of them offer features that normally require Firefox extensions to do, and I am one of those people that try to minimize the number of extensions I use. Not only that but if you use other browsers, such as Opera or Internet Explorer, then you’re forced to look for an alternate method of doing some things.

What is a bookmarklet? Here is Wikipedia’s definition:

A bookmarklet is a small JavaScript program that can be stored as a URL within a bookmark in most popular web browsers, or within hyperlinks on a web page. Because Internet Explorer uses the term favorites instead of bookmarks, bookmarklets are also less commonly called favelets by users.

This article is the second installment in our “Best Bookmarklets” series. In the first edition we covered over 20 great bookmarklets that let you do everything from delete a site’s cookies all the way to searching a page for text. This time around we have about another 20, and we have personally tested each one in Firefox 2 Firefox , Internet Explorer 7 Internet Explorer , and Opera 9 Opera.

Note: To use any of the following bookmarklets just hold down the left mouse button and drag the hyperlink to the bookmark toolbar in your browser.

–Hyperlinks and Navigation–

–Cache–

  • Rewrite All – Google Firefox Internet Explorer Opera
    This will rewrite every link on the current page to point to the Google Cache version.
  • Rewrite All – Coral Firefox Internet Explorer
    This will rewrite every link on the current page to point to the Coral Cache
    version.
  • Archive Firefox Internet Explorer Opera
    Pulls up a listing of archives for the current page on Archive.org.

–Websites–

  • Digg All Firefox Internet Explorer Opera
    Diggs all of the articles submitted by your friends. All you have to do is go to your Friend’s submission page and run the bookmarklet. Be careful because you could probably get banned if you’re Digging too many articles too fast.
  • MultiSubmit Firefox Internet Explorer Opera
    Submit an article to over a dozen social network sites at one time. The link for the bookmarklet points to a page where you can customize which services are used. Note: You will have to be logged into each service for it to work.
  • In IE Opera
    Opens the current site in Internet Explorer.
  • In Firefox Opera
    Opens the current site in Firefox.

–Web Development–

  • Show Comments Firefox Internet Explorer Opera
    Shows and highlights any HTML comments that would otherwise not be seen.
  • Show DIVs Firefox Internet Explorer Opera
    Outlines all of the DIV elements on the page.
  • View Selection Source Opera
    Lets you highlight some text/images on the page and view the source code for that section. Firefox has this built-in to the right-click menu, but this does kind of work for it if you need it.
  • Get Site Size Firefox Internet Explorer
    Returns the dimensions of the website.
  • Show/Hide Grid Firefox Internet Explorer Opera
    Puts a grid on the current page divided out into boxes that are 50-pixels on each side. This makes measuring a bit easier.

–Other–

We would love to hear about any bookmarklets you might be using. Let us know in the comments below if you have found any great ones, and we’ll add them to the list!

Sources for the above bookmarklets: Opera Watch, Jesse Ruderman, Bookmarklets, Masatomo Kobayashi, Opera Wiki, and Andy Budd

Copyright © 2014 CyberNetNews.com