Author Archives: Help_adm

Whatsnearby.js

Whatsnearby.js is a jQuery plugin for quickly find the nearest places. A Simple of whatsnearby.js example as shown below − <!DOCTYPE html> <html> <head> <meta charset = “utf-8″/> <link rel = “stylesheet” href = “https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css”> <script src = “example/js/es5-shim.min.js” type = “text/javascript”> </script> <script src = “example/js/es5-sham.min.js” type = “text/javascript”></script> <script src = “https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js” type… Read More »

Filer.js

Filer.js is a jQuery plugin for quickly and easily implementing of uploading files. A Simple of filer.js example as shown below − <html xmlns = “https://www.w3.org/1999/xhtml”> <head> <meta http-equiv = “Content-Type” content = “text/html; charset = utf-8” /> <link href = “css/jquery.filer.css” type = “text/css” rel = “stylesheet” /> <link href = “css/themes/jquery.filer-dragdropbox-theme.css” type =… Read More »

Logosdistort.js

Logosdistort.js is a jQuery plugin for quickly and easily implementing of mouse over effect on images A Simple of logosdistort example as shown below − <!DOCTYPE html> <html> <head> <meta name = “viewport” content = “width = device-width, initial-scale = 1.0”> <link rel = “stylesheet” href = “//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css”> <link href = “assets/css/style.css” rel = “stylesheet”… Read More »

Tagsort.js

Tagsort.is a jQuery plugin for showing tags. A Simple of tagsort Example as shown below − <!DOCTYPE html> <html lang = “en”> <head> <meta charset = “UTF-8”> <title>Tagsort Demo</title> <!– Demo Styles –> <style> html,body { margin: 0; padding: 0; } body { background-color: #FFF; font-family: “HelveticaNeue-Light”, “Helvetica Neue Light”, “Helvetica Neue”, Helvetica, Arial, “Lucida… Read More »

Drawsvg.js

Drawsvg.js is a jQuery plugin to draw svg images A Simple of drawsvg example as shown below <!DOCTYPE html> <html lang = “en”> <head> <meta charset = “UTF-8”> <link rel = “shortcut icon” type = “image/x-icon” href = “favicon.ico”> <link rel = “stylesheet” href = “https://fonts.googleapis.com/css?family=Open+Sans:400,600”> <link rel = “stylesheet” href = “style.css”> </head> <body>… Read More »

Slideshow.js

Slideshow.js is a jQuery plugin for quickly and easily implementing slide show of images or videos into your website. A Simple of slide show example as shown below <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns = “https://www.w3.org/1999/xhtml” xml:lang = “en” lang = “en”> <head> <meta http-equiv = “content-type” content = “text/html; charset… Read More »

Progressbar.js

Progressbar.js is a jQuery plugin for showing progress bar A Simple of progressbar example as shown below <!doctype html> <html> <head> <meta charset = “utf-8”> <meta http-equiv = “X-UA-Compatible” content = “IE = edge,chrome = 1”> <meta name = “viewport” content = “width = device-width, initial-scale = 1”> <link href = “https://www.jqueryscript.net/css/jquerysctipttop.css” rel = “stylesheet”… Read More »

Alertify.js

Alertify.js is a jQuery plugin for showing alert messages in different format A Simple of alertify example as shown below <!doctype html> <html lang = “en”> <head> <meta charset = “utf-8”> <title>alertify.js – example page</title> <link rel = “stylesheet” href = “alertify.core.css” /> <link rel = “stylesheet” href = “alertify.default.css” id = “toggleCSS” /> <meta… Read More »

Rowgrid.js

Rowgrid.js is a jQuery plugin for showing images in a row. A Simple of rowgrid example as shown below <!doctype html> <html lang = “en”> <head> <meta charset = “UTF-8″> <style> .container:before, .container:after { content: “”; display: table; } .container:after { clear: both; } .item { float: left; margin-bottom: 15px; } .item img { max-width:… Read More »

Slidebar.js

Slidebars is a jQuery plugin for quickly and easily implementing app style off-canvas menus and sidebars into your website. A Simple of slidebar example as shown below <!doctype html> <html> <head> <title>Slidebars Animation Styles</title> <meta name = “viewport” content = “width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no”>… Read More »