All posts filed under “JavaScript”

All the JavaScript-related tutorials, ideas and various posts in Stampede Constructs

April 19, 2016   |   Less than a minute reading time
comment 0

15 Interesting JS & CSS Libraries

There is nothing wrong about using ready-made libraries, especially if it helps with productivity. We’ve come across this list that provides resources for CSS & Javascript libraries.

We went through the list one-by-one since everything looked interesting. Particularly, this one caught out eye: Stylefmt. It is very handy as it can easily format your stylesheet! This is especially so, when you have multiple stylesheets and can be a lifesaver at times.

We also noticed these two libraries that caught our attention as well, TypeIt & StickerJs .

Check out the List

Exploring the Mall in 3D
April 15, 2016   |   Less than a minute reading time
comment 1

Exploring the Mall in 3D

Ever found yourself stuck in a mall waiting and you noticed an interactive digital directory to toy with? Instead of actually trying to find a location, you end up just fiddling with the UI to test its functionalities and response time. You’re not the only one, welcome to the group! We’ve found ourselves doing the exact same thing.

Codrops has come out with an attractive Interactive 3D Mall Map. We fell in love with this immediately due to it’s clean visuals and smooth transitions, definitely something to take a look at.

Take note however, the writer Mary Lou has mentioned that:

This is a highly experimental proof-of-concept. 3D and viewport units support is needed for this to work.

Check out the post Check out the demo

April 12, 2016   |   Less than a minute reading time
comment 0

5 Practical Examples to learn Vue.js

The philosophy behind Vue.js is to provide the simplest possible API for creating real-time, two-way data binding between the view (HTML) and the model (a JavaScript object). But what is Data Binding actually? MSDN explained in its article :

Data binding is the process that establishes a connection between the application UI and business logic

Vue.js is a new frontend library and trust us when we say it’s gaining popularity. Our team also tinkered around Vue.js , they find it interesting and hard-to-say this, but FUN !

10 second example from its site

 

Checkout the 5 Practical Examples to get started with Vue.js!

Get on it!

VR Fox
April 7, 2016   |   Less than a minute reading time
comment 0

Mozilla, Web Virtual Reality, and A-Frame

With virtual reality (VR) on the rise, many companies are seeking out to get onto the hype train in anyway possible. Even Mozilla has meddled in VR to an extent. Enter WebVR, an experimental Javascript API that provides access to Virtual Reality devices in your browser.

Along with trying to create an open standard for virtual reality, Mozilla has created a Web Component-based solution for creating 3D visualizations: A-Frame. The community for A-Frame have done a great job making the 3D experience easy for yet visually powerful.

Read more about Mozilla and VR

11 Minimal JavaScript Frameworks You Need To Know
April 5, 2016   |   Less than a minute reading time
comment 0

11 Minimal JavaScript Frameworks You Need To Know

For web developers, JavaScript frameworks are useful tools for making development streamlined and quick to implement. These frameworks remove the need to code something that another developer has already accomplished. Frameworks also set a standardized format of code that serves as a base. Multiple developers working on the same project can refer to this base to make sure their code is compatible with one another.

On the other hand, Minimal JavaScript Frameworks are a lightweight variant that offers a smaller file size, scripts with less processing required and a greater compatibility with mobile devices. This article covers a bite-size review of 11 minimal JavaScript frameworks that every web developer should know.

Find out now

Ionic
March 22, 2016   |   Less than a minute reading time
comment 1

Getting Started With Ionic

As a web developer, have you ever wanted to build a mobile app quickly using what you already know? Ionic was made for this very purpose. It is a framework that allows you to build hybrid mobile apps using HTML, CSS and JavaScript. Hybrid apps have benefits over pure native apps in that it has a faster speed of development and also access to 3rd party code.

Ionic is also a completely free and open-source framework which makes use of AngularJS for creating highly interactive apps. All you need to do is install the node and get started.

Let’s build some mobile apps!

May 15, 2015   |   Less than a minute reading time
comment 1

Create Exit Intent Popup With Ouibounce.js

Exit intent is a very popular mechanism implemented on websites or landing pages to get leads and users, who would otherwise never return to the site by presenting them with attractive offers or a very simple, direct call-to-action to give a sense of urgency. Exit intent technology functions by observing mouse gestures, the speed of the mouse, the location of the mouse, and whether or not it breaks the plane of the browser to predict whether or not your intent is to leave the website, and this is what Ouibounce.js does behind the scene. This standalone JS library is the creation of Carl Sednaoui and comes with configurable options such as sensitivity, cookie duration and timer. Hit the buttons below to learn more about Ouibounce.js exit intent popup.

View More View Demo

javascript
May 13, 2015   |   Less than a minute reading time
comment 0

Create Image Zooming Effect Using Zoom.js

If you are one of the regular readers of Medium, you will notice they have a really clean image zooming effect when you click on the article images. Now you can have this zooming effect on your website too by using Zoom.js jQuery plugin created by Jacob Thornton. Just like Medium, this plugin produces a smooth zooming transitions that reuses Bootstrap transition.js and you can escape the zoom-in mode by clicking anywhere on the webpage, scrolling away or pressing [esc] key on your keyboard. To use zoom.js, simply link zoom.js, zoom.css and transition.js to your website. Last step is to add a data-action="zoom" attribute to the images you want to make zoomable. Hit the button below to learn more about Zoom.js.

View More   View Demo