Drag and Drop using UI-Sortable in AngularJS
If you come from a strong jQuery background and are new to AngularJS, you might have seen the following. AngularJS-compatible plugins that have been ported from jQuery. Now you wonder, why do I need an “Angularized” version of a standard jQuery plugin? I didn’t take this question seriously too when I first started out with AngularJS.
Getting Started with Material Design Lite
By know you’ve probably been accustomed to Google’s material design. It is used rigorously in Google’s own products, its visual design impact can be seen in products outside of the Google ecosystem. More and more web designers have adopted the core design principles of material design and front-end developers have started following suit to accommodate this step in web design evolution.
Bringing the Web to Life with CSS 3D Transforms
CSS 3D uses the transform property to rotate, scale, move and skew an element to give it a three-dimensional effect. In the past, Flash and WebGL were commonly used as solutions for creating 3D models on websites but that has since changed. CSS 3D has been gaining momentum over the past few years but hasn’t seen much implementation on websites. This is probably because it is non-essential for what a website needs to offer. However, this doesn’t mean 3D using CSS is bad, but rather its potential hasn’t been fully realized.
Popular Hybrid Mobile App UI Frameworks
Hybrid Mobile Apps have taken the development scene by storm. Before this, Developers had to learn native app languages to develop, which at times had an incredibly high learning curve. However with hybrid frameworks, it will make mobile app development faster and easier. Most of the frameworks use JS, besides HTML/CSS.
Mobile User Interface for Angular.js
Mobile Angular UI provides essential mobile components that are missing in Bootstrap 3. These components are switches, overlays, sidebars, scrollable areas, and absolute positioned top and bottom navbars that don’t bounce on scroll. This is because it relies on robust libraries like fastclick.js and overthrow.js to achieve the better mobile experience.
Transform HTML Elements with Ramjet.js
Ramjet.js morphs one DOM (Document Object Model) from one state to another with smooth animations and transitions. To be more specific, it makes it look like two elements are transforming from one to another without actually needing to manually animate it. You can even use it on images too.
Screenshot Webpages Using phantom.js
Screenshot; an image taken by a person to record visible items displayed on a screen. This is an action that most developers are familiar because it conveys a lot of visual information that text cannot.