Meteorjs is the full stack javascript framework that provides the basic web modules like as Auth, API integration, Async Module, Mongodb integration, etc. Node Expressjs was the skeleton framework, but Meteorjs is the rich functional framework. We can build Async Web apps with Meterojs without deep knowledge of websocket integration. It is surely possible to …
Ember.js
Ember is a JavaScript front-end framework designed to help you build websites with rich and complex user interactions. It does so by providing developers both with many features that are essential to manage complexity in modern web applications, as well as an integrated development toolkit that enables rapid iteration. From the beginning Ember was designed …
React.js Boilerplate
There are a lot of boilerplates for React and it’s hard to decide which boilerplate to use.The below one is a website which where we can search such boilerplate by keyword.https://www.javascriptstuff.com/react-starter-projects/ For example, below react boilerplate provides various functionalities – Redux, GraphQL, SEO…https://github.com/nozzle/react-static
Animate on Scroll
On the frontend design, we can implement the animation effect on scrolling using the following library. https://github.com/michalsnik/aos Currently most of the premium Shopify themes are embedding this library by default to use their awesome animation functionality. We can use this library to implement the scrolling effect on our any frontend projects.
Introduction of Hammer.js
Hammer is a open-source library that can recognize gestures made by touch, mouse and pointerEvents. It doesn’t have any dependencies, and it’s small, only 7.34 kB minified + gzipped! Minified code (v2.0.8) Uncompressed code (v2.0.8) Changelog Browse the source on GitHub What’s new in 2.0?It’s completely rewritten, with reusable gesture recognizers, and improved support for the …
Timeago.js
What? Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. “4 minutes ago” or “about 1 day ago”). View the examples, and enjoy. You opened this page about a minute ago. This page was last modified about 15 hours ago. Ryan was born 40 years ago. Why? Timeago was originally built for …
Using table components in Vue.js
Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is …
Browserify
Browserify is elegant and fast. It makes frontend development fun again! That’s why we used it to build Yahoo’s new HTML5 video player. At Mapbox we build our website and JavaScript API with Browserify. It makes the structure and modularity of our code rock. Browserify does exactly what it says it does and it does …
About JointJs
https://github.com/clientIO/joint The JointJS diagramming library lets you create fully interactive diagramming tools for all modern browsers, relying only on JavaScript and SVG. Its MVC (more MV) architecture separates graph, element and link models from their rendering, which makes it easy to plug JointJS to your backend application. JointJS is not trying to reinvent the wheel for technologies …
Introduction to popular front end js libraries for better UI/UX
fullPage.js http://alvarotrigo.com/fullPagefullPage.js is a simple and easy to use library to create fullscreen scrolling websites (also known as single page websites or onepage sites). It allows the creation of fullscreen scrolling websites, as well as adding some landscape sliders inside the sections of the site. parallax.js http://matthew.wagerfield.com/parallaxparallax.js reacts to the orientation of your smart device, offsetting …