Monday, November 30, 2015

Top 5 Material Design Frameworks to Use in 2015 – the Sequel!

As you probably know by now, Material Design (codenamed Quantum Paper) is a design language developed by Google.

In May this year, we published an article titled Top 5 Material Design Frameworks to Use in 2015. Since then many new material design frameworks have emerged and quite a few existing frameworks were brought to our attention.

So, here's our retake on five other worthy Material Design frameworks that you should definitely consider using in your next project.

Material Design for Bootstrap

Material Design for Bootstrap (MDB) is a powerful Material Design UI KIT for most popular HTML, CSS, and JS framework - Bootstrap. It is one of the most comprehensive material design frameworks that we have seen till date.

[caption id="attachment_119879" align="aligncenter" width="800"]Material Design for Bootstrap Material Design for Bootstrap[/caption]

The framework includes CSS for handling Animations, Colors, Typography, Helpers, Hover effects, Shadows, Icons, Components, and JavaScript. Additionally, it offers Badges, Buttons, Social buttons, Cards, Footer, Forms, Material box, Nabbers, Pagination, Panels, Parallax, Progress bar, Tables, Galleries and JavaScript.

That's clearly an impressive list and the framework makes for one of the most feature complete offerings, best -suited for use on enterprise-level web development projects.

Daemonite Material

Daemonite's Material UI is a fully responsive, cross-platform, front-end interface based on Google Material Design. This lightweight framework is built in HTML5, again using Bootstrap, JS and CSS.

The Daemonite's framework was released on 23rd of June as open-source project hosted at GitHub and currently has about 1,000 stars attesting to its popularity.

[caption id="attachment_119880" align="aligncenter" width="800"]Daemonite's Material UI Daemonite's Material UI [/caption]

This framework provides a good collection of components (Cards, Collapsible Regions, Dropdowns, Modal & Toasts, Navs, Progress Bars, Tabs and Tiles) and elements (Button, Form Elements (basic), Form Elements (materialised), Icons and Tables).

This is an excellent new framework that will give you smooth animations and transitions. The component that set the framework apart from others for us was the excellent Material Datepicker. Give it a try here.

Bootstrap Material Design by fezvrasta

This Bootstrap theme is one of the easiest easy ways to incorporate the new Material Design guidelines into your Bootstrap 3 based application. This project is open source with its repository hosted at GitHub and has about 13,200 stars of approval.

[caption id="attachment_119876" align="aligncenter" width="800"]Material Design by FEZVRASTA Material Design by FEZVRASTA[/caption]

However, be aware that the repository of this theme does warn:

This theme is still in development, it could be used on production websites but I can't guarantee compatibility with previous versions.

As a result of that note, I perhaps wouldn't recommend that you commit important projects to this theme at present. However, you should definitely keep an eye on this one in future.

lumX Material Design

lumX Material Design is the first responsive front-end framework based on AngularJS & Google Material Design specifications. Its GitHub repository has about 1,300 stars and they state that lumX will help you to design your applications faster and easier.

[caption id="attachment_119878" align="aligncenter" width="800"]lumX Material Design lumX Material Design[/caption]

It's CSS is lighter than some of the larger frameworks but includes common Mixins, Typography, Colors, Flexbox, Buttons, Floating, action button, Icons, Lists, Data table, Cards, Checkboxes, Radio buttons, Switches and Toolbars. It is also a stable framework and can prove to be a good choice for a web development project.

Continue reading %Top 5 Material Design Frameworks to Use in 2015 – the Sequel!%


by Tanay Pant via SitePoint

An Interview with Jose Valim

josevalim

A few weeks back, I was just getting into Elixir. I was so interested that I hopped on IRC and started asking questions, much to everyone's annoyance. I asked the creator, Jose Valim, a couple of questions. Jose is well-loved in the Ruby Community, so I dropped him a line and he was kind enough to respond. After answering some of my questions I thought, I have to interview him. Here is the resulting conversation.

Continue reading %An Interview with Jose Valim%


by Nihal Sahu via SitePoint

Why we host OnePageLove.com with WordPress specialists, WP Engine

This weeks featured Advertiser is WordPress hosting specialists, WP Engine. They decided to do things differently and asked me to list exactly why I chose them to host the onepagelove.com website.

There are so many but I shortened the list to these:

1 – Unlimited Free Bandwidth

One Page Love users burn 36.2GB of bandwidth per day! Yup, that’s over 1TB per month and WP Engine don’t charge us anything for bandwidth. Zero, zip, ziltch…

bandwidth


2 – On-Demand Backups and Restore Points

Whenever I update a WordPress plugin I always make a quick on-demand backup first. You won’t believe how easy it is to restore when your 3rd party plugin messes something up. I’m talking 2-clicks in the WP Engine user dashboard and perfectly back to normal:

backup-point

Also if you have a big WordPress install, WP Engine kindly mail you when it’s ready. One Page Love takes roughly 18 seconds:

backups

It’s probably worth adding here that WP Engine do the courtesy of a daily backup for you. This means if you run into trouble at least you can “roll back” your website within the last 24hrs.


3. WordPress Auto-Updates

When a new version of WordPress is ready, WP Engine will upgrade your WordPress with good warning beforehand. This helps ensure you don’t get “hacked” with older WordPress code that becomes more vulnerable over time.

auto-update

This feature is such a lifesaver if you travel. I was offline once for 2 days and they rolled out a quick WordPress update when an serious vulnerability was spotted a security patch release. I’ll add here too that they always backup your site before the auto-upgrades to play it safe, dig that.


Article currently being updated.


Ok, yup, as you can see I’m a WP Engine fan boy:)

At the end of the day when you stop worrying about hosting, you start focusing on everything that really matters.

Hope this was useful.

Cheers,
Rob


by Rob Hope via One Page Love

WebODF : JavaScript Document Engine

WebODF is a JavaScript library that makes it easy to add Open Document Format (ODF) support to your website and to your mobile or desktop application. It uses HTML and CSS to display ODF documents.

The post WebODF : JavaScript Document Engine appeared first on jQuery Rain.


by Admin via jQuery Rain

Eagle Gallery – jQuery responsive, Touch, Zoom, Gallery

Eagle Gallery this is modern gallery with image zoom functionality. To manage the gallery you can use gestures or control buttons. This is a fully responsive gallery which has support touch screen and was created for mobile devices, laptops and desktops. With this gallery you can easily create a product gallery on your internet shop for detailed view and customize it with help of options

The post Eagle Gallery – jQuery responsive, Touch, Zoom, Gallery appeared first on jQuery Rain.


by Admin via jQuery Rain

Clumsy Bird : Flappy Bird Game

A MelonJS port of the famous Flappy Bird Game.

The post Clumsy Bird : Flappy Bird Game appeared first on jQuery Rain.


by Admin via jQuery Rain

TypeIt – Lightweight jQuery Animated Typing Plugin

TypeIt is a lightweight, scalable jQuery animated typing plugin that types single or multiple strings for you.


by via jQuery-Plugins.net RSS Feed