Parallax Scrolling

Parallax Scrolling is a javascript application so that it will assist you to create a great parallax impact in your website online.

The Usage Of JQuery, Parallax Scrolling will create fading and colourful effects thru few traces of code.

It uses JQuery 1.x, so that supports Web Explorer 6+, Mozilla Firefox, Google Chrome, Safari, Opera and plenty of cell browsers. Sure, Parallax Scrolling can also be used with mobile units because of its great lightness and steadiness (tested on iOS units).

What you'll be able to customise:

• Colour results
• Fading results
• collection of pages
• Pages content material (clearly!)
• Mobile habits

Replace 1.6.1:

• Mac OS bugfixes
• Sensitivity improvements
• Dimension bugfixes

Update 1.6:

• Inner divs scrolling enabled
• Bugfixes
• Minor taste enhancements

Replace 1.5:

• Common graphics enhancements (shadows, div dimension, positions, and the like.)
• Cell toughen stepped forward (Aiding iOS, Android, WPhone, and the like.)
• Steadiness Progressed
• More Straightforward installation
• Smartly-commented code and much more…

within the .zip record: parallax.js document with .css and .html instance recordsdata, jquery-1.11.1.js, Pdf documentation, Html documentation, changelog

FULL DOWNLOAD

Datmenu - Responsive Menu jQuery Plugin

DatMenu is a premium high quality plugin for responsive navigation that may be built with love and care by datcouch.com.

With this plugin, you don’t need to worry approximately responsive menus ever again. Just set up and it’s done, in the event you need, it is imaginable to customise or take over menu button and create your individual. only one faucet/click on and menu appears.

With purchasing extended licence of plugin, we mechanically allow you to use this plugin in other issues! if you happen to need to be 100% sure approximately this, drop us a message on enhance@datcouch.com

Plugin Overview

• Easy To Use – Simply set up plugin on your html page and you are able to go with default settings
• A Couple Of Animations – We created THREE other animation effects for menu to turn and will produce extra
• Simple Changes – It Is real simple to customise every aspect of plugin
• Best Menu Bar – Most Sensible menu bar can also be enabled or disabled, it includes menu button, seek & brand
• Retina Able – Retina show able signifies that it appears much more sharper on apple retina @2x displays than on regular mobile display or reveal
• Responsive structure – Subject Matter is aware of on what instrument page is opened and sizes therefore, it is particularly made for less complicated use and looks for tablets, cellphones and other units
• Compatibility (IE, Firefox, Opera, Safari, Chrome) – Seems nice on all mayor browsers and if a few older browser doesn’t support a few options, subject will display an alternate view (fallback)
• Unlimited Colors – It signifies that you can place a any heritage colour in plugin from keep watch over panel, and through any we imply significantly any color from HUE pallet you want
• Unlimited Styling Options – This Allows to upload for instance customized background texture or colour and the like.
• Totally Documented – This signifies that plugin comprises step through step documentation for mainly the whole lot that plugin supplies
• FontAwesome Toughen – FontAwesome icons may also be placed all over the plugin

Updates

Version 1.0.0 (31 July 2014)

-Inital unlock
FULL DOWNLOAD

Anchor Web Page

AnchorPage is a light multi-objective jquery plugin for developing navigation menus with anchor links to sections of your page, as rapid as possible. It’s software friendly by supporting all kinds of monitors and media gadgets. Has a superior light-coded interface which provides a super performance to your page. It also supports the 3rd celebration jquery easing plugin, so you can use different effects to your web page’s transitions. It has some callback functions besides so you can higher control it. Every Other great features are the hash deep linking and the roll undercover agent.

Available Choices:

• Offset
• Scrolling speed
• RollSpy
• Hash navigation
• Easing effects
• Callbacks
  • beforeAnchorLoad
  • afterAnchorLoad

External Script(non-compulsory):

jquery.easing.1.3.js

Put Into Effect:

To get started you need to duplicate the mandatory resource information for your assets folder and include them in your pages. you'll use the next instance, you want to insert these lines in the part of your website online.

<script kind="text/javascript" src="jquery-1.11.1.min.js"></script> <script type="text/javascript" src="jquery.anchorpage.js"></script> <!--OPTIONAL--> <script kind="textual content/javascript" src="jquery.easing.1.3.js"></script>

A example of the navigation menu you'll use with the AnchorPage plugin.

<ul class="nav navbar-nav"> <li elegance="lively"><a href="house" information-anchor="home">House</a></li> <li><a href="approximately" data-anchor="approximately">Approximately</a></li> <li><a href="services and products" information-anchor="products and services">Products And Services</a></li> <li><a href="contact" information-anchor="touch">Contact</a></li> </ul>

Now activate the transition through calling the plugin on your navigation menu’s container.

<script> jQuery(serve as($) $(".navbar-nav").anchorpage(); ); </script>

Update:

Model 1.0.1

• Set different animations for every part.

FULL DOWNLOAD

NodeJs URL shortener

Run your individual URL shortening provider, or combine one into your current NodeJs servers.

this is a natural server-facet module. URL shortify

README.md

A NodeJs server that allows you to run an easy URL shortening server.

Features

• Person can publish a whole URL and obtain a short URL
• Whilst vacationing a brief URL, user will get redirected to the long URL
• If same URL is shortened more than one occasions, the fast URL gets re-used
• Extraordinarily speedy shortening and extending
  • Specifics for the algorithms nerds:
    • O(1) time complexity for each insert and lookup
    • O(N) house complexity
• Simply extended, designed with flexibility in mind
  • No dependence on frameworks, corresponding to express
  • As An Alternative exposes a low level NodeJs HTTP maintain serve as, which can be ate up by way of such a lot NodeJs frameworks
  • Each And Every characteristic is split into its personal handler function, in case you wish to combine and fit on your personal
• Easy and versatile templating
  • Out of the field strengthen for Jade templates
    • Simply positioned them in jade-templates/, they usually shall be automatically compiled
    • Simply require web page-templates.js, and this module exports template functions whose names match the Jade files
  • this is utterly optional, and you can use your own preferred engine

putting in place

First, install some prerequisites:

• NodeJs and npm.
  • you wish to use NodeJs >= v0.10.29 && < v0.11.x
  • Follow directions here.
• Redis.
  • you should use Redis >= v2.8.16 && < v3.0.x
  • Apply directions right here.
  • On Ubuntu/ Debian programs, after make, set up Redis as a carrier:
    • cd utils && sudo ./install_server.sh
• OpenSSL.
  • should be preloaded on most systems, another way, follow directions right here.
  • Run openssl record-message-digest-algorithms and ensure that MD5 is out there

Next, within the folder where you've this module installed, run:

npm install node run get started

Lastly, seek advice from http://0.0.0.0:8080/ to your browser, and also you need to be caused with the principle web page, the place you can shorten your first URL.

Advanced usage

Say you already have your individual NodeJs server, and also you do not want to replace it with this one, but moderately simply care for a few further routes for URL shortening. that is for sure possible.

cp urlshortify $EXISTING_PROJECT/node_modules/ #edit $EXISTING_PROJECT/package.json to include "urlshortify" in dependencies

Notice that because this module is personal, because it needs to be dispensed using Envato’s market. it is no longer allotted the use of npm. npm set up --store urlshortify will no longer paintings. Thus you want to install it manually using the steps above.

For all features

If you wish to include all features, you can use the primary handler serve as by means of requiring it:

var urlshortify = require('urlshortify');

Use server.js as a reference.

For person features

Then Again, you'll use the individual handler functions, if you want to compose your routes with a higher level of specificity:

var urlshortifyLengthen = require('urlshortify').lengthen;

Configuration

Edit config-settings.js to switch the settings to your URL shortener. The settings are explained inline in comments.

whilst you get started the server, test the console output. it'll print out a the configuration item, similar to:

config hostname: '10.1.1.1', port: '8080', isDebug: true, hashIdSalt: 'hashids salt', minLength: 6, startingCounter: 0, assumeProtocol: 'http'

it's strongly really useful that when you installation the app to production, you ought to amendment your hostname to the domain that you are deploying to, the port to 80, and the hash salt to one thing as opposed to the default price. The default values for the other configuration settings could also be left as is for manufacturing.

Word that after deployed to manufacturing, you desire to never amendment the worth of the hash salt, unless you might be willing to invalidate all URLs that have been shortened past.

Issues/ Requests

Please let me know in the Comments phase for this merchandise.

Licence

This module is accessible twin licenced underneath

• the Envato Regular Licence dated 30 April 2014
• the Envato Prolonged Licence dated 30 April 2014

As such, this module is no longer available from the npm registry. as opposed to npm installing this, you need to replica the folder to the right area.

Please purchase the common licence if you want to make use of this in a single application for a single consumer, and purchase the prolonged licence if you want to make use of this in multiple packages or for more than one clients. Learn the entire details of the licences from the pages above.

Author

Brendan Graetz

• bguiz.com
• @bguiz

 
FULL DOWNLOAD

Z Menu Maker - Drop Down and Mega Menu

Z Menu Maker – is a visible menu maker w/o coding. making a menu that you want, there has never been really easy.
Start with 7 predefined skins and make your individual.

Requirements

Internet Server – software makes use of ajax requests.

What you'll do

• Drop Down Menu with limitless leves.
• Mega Menu with your personal content (photographs, movies, custom html, and so on…)
• Vertical menu
• Horizontal menu
• Fixed menu
• Sticky menu – footer or header
• Cellular menu
• Grid for your content material

Features

All menus that you make shall be totally adapted for cellular devices (iPhone, iPad and Android).      You'll create an infinite choice of ranges of drop-down menus.   To create your personal content material, you might be requested to use 12-column grid device.      Make a menu you wish to have. Customise the colour, dimension of parts, fonts, and all that may be imaginable.   Many clean CSS3 animations available for show your drop down or mega menu – Animate.css.      when you don't want to use jQuery, just delete it and continue to use the menu.   You'll Be Able To create vertical or horizontal menu and position it anyplace – top, left, right or backside.      Z Menu Maker preset standard fonts that you can simply use.   Over 450 FontAwesome icons available to make use of.      Use the handy WYSIWYG editor to create your own content material.   Embed any Videos or Maps – YouTube, Vimeo, Google Maps, and the like…      The menu works advantageous with all browsers, IE8 and newest.   Available complete documentation describing all of the conceivable controls Z Menu Maker.      You'll create extensions to Z Menu Maker the use of builders Documentation.   Full compatibility with Bootstrap.      From 5kb to 15kb non-minified CSS and 8kb JS.   Unfastened lifetime app updates.       

Credit

Maker:

• jQuery
• AngularJS
• Less
• Autoprefixer
• Font Superior
• Hint.css
• FileSaver
• JSZip
• Spectrum Colorpicker
• Text Angular
• JS Beautifier
• Cookie Plugin
• FastClick
• Modernizr (3d transforms)

Output:

• jQuery
• Animate.css best required animations, now not full lib
• Font Awesome

Changelog

v1.2.3 (12 April 2015) * restore color retailer / load from venture report v1.2.2 (18 February 2015) * restoration zoom effects (blurred in chrome and safari) * fix rgba and transparent colors fortify v1.2.0 (26 January 2015) * brought responsive Accordion and Accordion-Transfer * introduced the facility to make use of custom kinds (Person Styles tab) * introduced app atmosphere - do not ask when get rid of items * delivered colours desk to paint picker * introduced regulations to enter numeric values * delivered Responsive tab (moved from Normal tab) * introduced reading zm-mission.json from uploaded zip * fixed download if there aren't any files * mounted each and every 2nd keep - upload folder isn't saved in a zipper * fastened loading of elements (all parts are actually all the time in the related sorting) * fastened getting rid of columns from Grid * mounted - now scrolls fastened menu on mobile gadgets * got rid of color settings on hover from Menu tab (misleading) * removed Margin from Content tab * updated variety of color picker * updated documentation * up to date plugin Spectrum * up to date plugin less * up to date plugin AngularJS * updated plugin FontAwesome v1.1.0 (04 November 2014) * higher app loading pace * introduced app hints * introduced app black pores and skin * added app settings (allow hints, permit black pores and skin) * delivered automobile do something about Text input whilst edit merchandise * brought arrows to choices tabs (< and >) * brought Skins popup with preview images * restore appearing sub menus (current menu z-index over then earlier) * fix "none" in icons checklist (all the time display) * restore error when drag grid columns * removed "edit figure" button from main menu pieces * got rid of horizontal scroll on workspace v1.0.0 (23 October 2014) * preliminary unlock
FULL DOWNLOAD

StickyFooterNav - Responsive Mega Footer

StickyFooterNav is a singular mega footer answer designed and coded to work and have compatibility on any device. it's totally responsive and springs with a flexible grid device to carry your content inside of panels.

Through surroundings a few choices, you'll be able to make the footer paintings on hover or on click, define results periods, allow or disable responsiveness or a cause button to toggle the footer bar.

This footer stays mounted on the bottom of the browser and adapts itself on mobile gadgets to be sure that that all the content will also be reached on any device : all of the parts are correctly resized and the panels will show scrollbars while the content received’t fit into the to be had house at the reveal. you'll test that by means of testing the reside preview on pill and cellular units (ideally with out the top frame).

StickyFooterNav comes with a full set of panel sizes from fixed widths (12 sizes) to panels that can cover either the entire browser width or the menu width. Every panel can independently stick with the left part or to the proper edge of its figure. within the comparable means, the footer bar can contain left aligned or right aligned pieces. All components are resized down whilst viewed on a mobile device with a unmarried holiday element. It signifies that you'll use your individual break aspect just by converting 2 values (defined in the documentation).

If You Happen To have so much of content material to add right into a given panel, the custom scrollbars will happen robotically, you'll see them in action via testing this demo and resizing up & down your browser.

StickyFooterNav includes so much of styled elements equivalent to headings, lists, lists with icons, shape elements, and so on. The ionicons icon assortment is already there to enhance your listing parts both in the footer bar or inside the panels. The CSS record is well established and straightforward to customise, all color settings are grouped in a separate segment. Pictures and movies will robotically take the available area so you don’t need to resize them manually.

Options

• 100% Responsive & robust mega footer machine
• THREE sorts of drop downs (fastened width, mega and full browser width)
• Distinctive complete browser width panels
• Sticks to the ground of the browser
• Versatile columns grid
• Left or right alignment for the menu items and the drop downs
• Customized & automated scrollbars inside panels
• Clean and professional layout
• Fits into any layout
• lots of styled elements
• ionicons icon collection
• Designed for personal computer computer systems, tablets and mobiles

Compatibility

StickyFooterNav has been examined on a number of units and browsers to verify a most compatibility : Web Explorer, Firefox, Chrome, Opera, Safari have successfully handed the tests. Right Here’s an inventory of compatibility :

• Internet Explorer EIGHT+
• Firefox
• Chrome
• Opera 10.50+
• Safari FIVE+
• Chrome on Android
• Safari on iPad and iPhone

Please keep in mind that CSS3 effects aren't to be had for all browsers (older variations of IE for instance).

Changelog

ELEVEN/1/2014 – Version 1.0

• Preliminary Free Up

FULL DOWNLOAD

Search Engine, Affiliate and Referral Links: searchLynx

FULL DOWNLOAD