Slideset

Written by Super User on . Posted in Uncategorised

The Widgetkit Slideset takes your product showcase to the next level. It provides a sleek way to show multiple sets of items and uses smooth effects while looping through them.

Features

  • Clean and very lightweight code
  • Eye-catching transition effects
  • Fully responsive including all effects
  • Support of named custom sets
  • Swipe navigation on mobile phones
  • Built with HTML5, CSS3, PHP 5.2+, and the latest jQuery version
  • Works with Joomla and WordPress

Slide Example

The sets are auto generated (4 items per set), item names are shown and it uses the slide effect and navigation buttons.

  • Icon 01
    Radio
  • Icon 02
    Camera
  • Icon 03
    Calendar
  • Icon 04
    Volume
  • Icon 05
    Chat
  • Icon 06
    Tunes
  • Icon 07
    E-Mail
  • Icon 08
    Google+
  • Icon 09
    Player
  • Icon 10
    Like
  • Icon 12
    Twitter
  • Icon 12
    Weather

Zoom Example

The sets are arranged manually, the sets names are used as navigation and it uses the zoom effect.

  • Icon 01
  • Icon 02
  • Icon 03
  • Icon 04
  • Icon 05
  • Icon 06
  • Icon 07
  • Icon 08
  • Icon 09
  • Icon 10
  • Icon 12
  • Icon 12
  • Icon 13

Drops Example

The sets show the item names and it uses the drops effect and navigation buttons.

  • Icon 01
    Album 1
  • Icon 02
    Album 2
  • Icon 03
    Album 3
  • Icon 04
    Album 4
  • Icon 05
    Album 5
  • Icon 06
    Album 6
  • Icon 07
    Album 7
  • Icon 08
    Album 8
  • Icon 09
    Album 9
  • Icon 10
    Album 10
  • Icon 12
    Album 11
  • Icon 12
    Album 12

Deck Example

This auto generated sets uses prev/next buttons as navigation and the deck effect.

  • Icon 01
  • Icon 02
  • Icon 03
  • Icon 04
  • Icon 05
  • Icon 06
  • Icon 07
  • Icon 08
  • Icon 09
  • Icon 10
  • Icon 12
  • Icon 12

How To Use

The Widgetkit Slideset takes full advantage of the very user-friendly Widgetkit administration user interface. You can create and manage all the slidesets and their different items in one place. After you have created a slideset you can load it anywhere on your website using shortcodes or the universal Widgetkit Joomla module or WordPress widget.

Resources

Written by Super User on . Posted in Uncategorised

Looking for Mentoring Support

-      Hudson County Boys and Girls Club

-      Big Brothers and Big Sisters of Hudson County

-      Hudson County Youth Advocate Programs

-      Jersey Public Schools

 

-      Jersey City Recreation and Culture Affairs

Map

Written by Super User on . Posted in Uncategorised

The Widgetkit Map provides a simple solution for adding a map to your website. Various features let you customize the map like changing colors and adding markers or directions.

Features

  • Location selection with auto geocoding
  • Support for multiple map markers with text popups
  • Option to get the direction to the active marker
  • Support for custom map styles and colors
  • Uses the latest Google Maps API
  • Built with HTML5, CSS3, PHP 5.2+, and the latest jQuery version
  • Works with Joomla and WordPress

Direction Example

This map features all map controls, multiple markers and you can get the direction.

Color Scheme Example

Set or invert the hue, saturation, lightness and gamma of a map.

Minimal Example

This map has a fixed width, no controls and no markers.

How To Use

With the Widgetkit Map you can quickly create and manage simple maps with features like multiple markers, text popups and custom color schemes. Once you have created a map you can load it anywhere on your website using shortcodes or the universal Widgetkit Joomla module or WordPress widget.

Gallery

Written by Super User on . Posted in Uncategorised

Click on pictures to enlarge them

  • 001Resized_20170617_113215_7400
  • 002Resized_20170617_113341_3613
  • 003Resized_20171021_102355_8011
  • 004Resized_20171021_103528_2995
  • 05Resized_20171021_105439_65351
  • 06Resized_20171021_110828_9800
  • 07Resized_20171021_114222_7199
  • 08Resized_20171021_115109_2472
  • 09Resized_20171021_120142_5463
  • DSC_0033 copy copy
  • DSC_0035 copy
  • DSC_0036 copy
  • DSC_0037 copy
  • DSC_0039 copy
  • DSC_0041 copy
  • DSC_0043 copy copy
  • DSC_0050 copy copy
  • DSC_0054 copy
  • DSC_0061 copy
  • DSC_0063 copy
  • DSC_0068 copy
  • DSC_0072 copy copy
  • DSC_0073 copy
  • DSC_0074 copy
  • DSC_0080 copy
  • DSC_0081 copy
  • DSC_0083 copy
  • DSC_0085 copy
  • DSC_0089 copy
  • DSC_0090 copy
  • DSC_0091 copy
  • DSC_0092 copy
  • DSC_0095 copy
  • DSC_0101 copy
  • DSC_0103 copy
  • DSC_0107 copy
  • DSC_0109 copy
  • DSC_0112 copy
  • DSC_0113 copy
  • DSC_0116 copy
  • DSC_0117 copy
  • DSC_0118 copy
  • DSC_0119 copy
  • DSC_0122 copy
  • DSC_0125 copy
  • DSC_0125 copy1
  • DSC_0134 copy
  • DSC_0136 copy
  • DSC_0141 copy
  • DSC_0143 copy
  • DSC_0144 copy
  • DSC_0145 copy
  • DSC_0146 copy
  • DSC_0147 copy
  • DSC_0150 copy
  • DSC_0155 copy
  • DSC_0156 copy
  • DSC_0157 copy
  • DSC_0158 copy
  • DSC_0159 copy
  • DSC_0160 copy
  • DSC_0161 copy
  • DSC_0162 copy
  • DSC_0163 copy
  • DSC_0164 copy
  • DSC_0165 copy
  • DSC_0230 copy copy
  • DSC_0231 copy copy
  • DSC_0234 copy
  • DSC_0235 copy
  • DSC_0236 copy
  • DSC_0237 copy
  • DSC_0239 copy
  • DSC_0240 copy
  • DSC_0242 copy
  • DSC_0243 copy
  • DSC_0244 copy
  • DSC_0246 copy
  • DSC_0247 copy
  • DSC_0248 copy
  • DSC_0249 copy
  • DSC_0252 copy
  • DSC_0257 copy
  • DSC_0258 copy
  • DSC_0259 copy
  • DSC_0263 copy
  • DSC_0266 copy
  • DSC_0267 copy
  • DSC_0271 copy
  • DSC_0274 copy
  • DSC_0276 copy
  • DSC_0278 copy
  • DSC_0281 copy
  • DSC_0282 copy
  • DSC_0284 copy
  • DSC_0286 copy
  • DSC_0288 copy
  • DSC_0292 copy
  • DSC_0293 copy
  • DSC_0298 copy
  • DSC_0302 copy
  • DSC_0303 copy
  • DSC_0304 copy
  • DSC_0310 copy
  • DSC_0313 copy
  • DSC_0315 copy copy
  • DSC_0320 copy
  • 20160604_131458
  • 20160604_131524
  • 20160604_131740
  • 20160604_131809
  • 20160604_131924
  • 20160604_132002
  • 20161210_120600
  • 20170107_115225
  • 20170107_115238
  • 20170107_115321
  • 20170107_115322
  • 20170107_115355
  • 20170310_172816
  • 20170401_100657_HDR
  • 20170401_100707
  • 20170401_101244
  • 20170401_101410
  • 20170401_101503
  • 20170401_101511
  • 20170401_102022
  • 20170401_102859
  • 20170401_103730
  • 20170401_104139
  • 20170401_110448
  • 20170401_110501
  • 20170401_111808
  • 20170401_111836
  • 20170401_111840
  • 20170408_115744
  • 20170408_115813
  • 20170408_121439
  • imagejpeg_02
  • imagejpeg_03
  • imagejpeg_05
  • imagejpeg_11
  • 1-DSC_0446
  • 1-DSC_0447
  • 1-DSC_0449
  • 1-DSC_0451
  • 1-DSC_0453
  • 1-DSC_0454
  • 1-DSC_0455
  • 1-DSC_0457
  • 1-DSC_0459
  • 1-DSC_0461
  • 1-DSC_0463
  • 1-DSC_0464
  • 1-DSC_0467
  • 1-DSC_0477
  • 1-DSC_0484
  • 1-DSC_0489
  • 1-DSC_0492
  • 1-DSC_0498
  • 1-DSC_0502
  • 1-DSC_0504
  • 1-DSC_0507
  • 1-DSC_0511
  • 1-DSC_0516
  • 1-DSC_0519
  • 1-DSC_0526
  • 1-DSC_0530
  • 1-DSC_0544
  • 1-DSC_0553
  • DSC_0035 copy
  • DSC_0068 copy

Media Player

Written by Super User on . Posted in Uncategorised

The Widgetkit Media Player is a HTML5 audio and video player completely built HTML and CSS. You can easily embed video files into your website by using the HTML5 video element. A Flash player fallback is included for all unsupported browsers.

Features

  • Native playback for modern HTML5 browsers
  • Supports MP4 (h.264), WebM, FLV, WMV and MP3 files
  • Completely built with HTML and CSS
  • Responsive design to fit all device resolutions
  • Same UI in all browsers
  • Create your own skins
  • Flash player fallback for unsupported browsers
  • Works with Joomla and WordPress

Examples

This is a MP3 Audio Sample:

How To Use

Use the HTML5 video element to embed video in your website. For example:

<video src="/video.mp4" width="320" height="240"></video>

You can also provide multiple sources, to add support for the different video formats like h.264, WebM or Ogg:

<video width="320" height="240">
	<source type="video/mp4"  src="/video.mp4" />
	<source type="video/webm" src="/video.webm" />
	<source type="video/ogg"  src="/video.ogv" />
</video>

Use the HTML5 audio element to embed MP3 files in your website. For example:

<audio src="/audio.mp3" type="audio/mp3"></audio>

More Articles...