Posts

Showing posts from October, 2015

How to use Gulri Slider and Zpingu effect in Gulri slider?

Image
Zpingu Effect  Zpingu Effect is a gulri slider add-one. How to use Zpingu Effect: Go to WordPress admin panel setting menu and select "Gulri Slider" as shown in the figure. Select default for Gulri Slider's default effects or select Zpingu effects and save changes. Go to the page edit options where the slider is required.  Select add media. Create a gallery and insert it. Change gallery to gsp and update. All done. :)     
Post a Comment
Read more

How to make a sticky footer?

How to make a sticky footer  By using absolute, the footer and main Container are subject to where you put them. If you use absolute and set the footer to the bottom, it will just stick to the bottom of the viewport.  Example :  HTML Code:   <html> <title>Sticky Footer</title> <head></head> <body>   <header>   </header>   <main>   </main>   <footer></footer> </body> </html> Css Code: body {    width: 100%;    height: 600px;    color:#fff; }  footer {    width: 100%;    color: #333;    height: 60px;    position: absolute;    bottom: 0; }  That way, the footer always has enough room and is set to the bottom. 
Post a Comment
Read more

jQuery/chilimili.js based glowing effect implemented for Golden Lantern

Image
Team: Aqib Raza , Fahad Mahmood Type: Demo JavaScript Snippet Description: Glowing Lantern is an implementation of our jQuery based objects library " ChiliMili.js ". This easy to use snippet will help developers to use glow effect for transparent objects and on other hand it will become an introduction and how to for ChiliMili.js. ChiliMili.js is a jQuery based helper functions object library in which a lot of ready to use functions are being introduced. The idea of ChiliMili.js is basically an inspiration after the session on JavaScript Frameworks by Muneeb Waseem Khawaja recently. We thought that there should be a library having such ready to use helper functions for all so we immediately worked on it and informed TechHub . Soon we will add kickstart functions for flux and react native too. http://aqib.androidbubbles. com/lantern/ https://github.com/uxmechanic/ Glowing-Lantern
Post a Comment
Read more

Pointer-Events

The   pointer-events   property allows for control over how HTML elements respond to mouse/touch events – including CSS hover/active states, click/tap events in Javascript, and whether or not the cursor is visible. While the   pointer-events   property takes   eleven   possible values, all but three of them are reserved for use with SVG. The three valid values for any HTML element are: none   prevents all click, state and cursor options on the specified HTML element auto   restores the default functionality (useful for use on child elements of an element with   pointer-events: none;   specified inherit   will use the   pointer-events   value of the element's parent As demonstrated above, the prime use case for   pointer-events   is to allow click or tap behavior to “pass through” an element to another element below it on the Z axis. For example, this would be useful for graphic overlays, or hiding elem...
Post a Comment
Read more