Never Ending Security

It starts all here

Category Archives: Development and Design

35 Great Resources for Google Material Design


Google introduced the new design language “Material design” at the Google I/O conference on 25th June 2014. It focuses on grid based layouts, padding, floating action buttons, responsive transitions, depth effects like lightning and shadows. Unlike real paper, material design can expand and reform intelligently. With the addition of tactile surfaces, fluid motion and bold graphic design, it allows designers and developers to build more colorful, flexible and compelling application for web, Android and Chrome OS.

If you are finding a way to explore Material design and its usage in your project, here are 34 helpful resources which will help you to make your application/web more attractive.

35. Animated Tabs

Animated Tabs

Polymer app without canvas and polymer. You can use only CSS3 and pure JavaScript.

34. Modern Loader

Modern Loader

A modern Google spinning loader in pure CSS, animating through four colors.

33. Material Design Preloader

Material Design Preloader

A jQuery plugin that recreates the material design preloader as shown above.

32. Material Design Navigation

Material Design Navigation

The pages slide to reveal a clean, simple and smooth navigation.

31. Switch Theme

Switch Theme

A simple and elegant switch theme from Google material design (by Zhoolego).

30. PC Icons

PC Icons

A few material design icons for PCs.

29. Material Shadows

Shadows

The authentic design shadows without web components, designed by Ben Strahan.

28. Menu CSS

Menu CSS

material design menu with amazing hover effect. Just copy the given CSS and HTML code to your project.

27. Radio Input

Radio Input

This is the custom radio input (CSS only), designed by Christian Hall.

26. The Morphing Icons

MORPHING ICONS

The morphing icons are designed by Alberto Bonvicin. Currently, it cycles through the radios randomly or you can change to cycle in order, starting with checked elements.

25. Material Design Form

Material Design Form

A simple and quick material design login form with ripple effect, designed by Josh Adamous.

24. Animation Timing

animation timing

A smart and beautiful animation timing based on material design, created by Sergey Kupletsky.

23. Material Design Buttons

Material Design Buttons

The script automatically (written by Michaela) adds the material design effect to elements with “material design” class. Just add the preferred color as “data-color” attribute. You can also use it on div with images.

22. Product Icon Anatomy

hello

This is animated version of the product icon anatomy guideline from Google material design, created by Jovie Brett.

21. Material Palette

Material Palette

Select your favorite color(s) and get your material design color palette (along with the preview).

20. Material Icons Deconstruction

Material Icons Deconstruction

This is finished clone of delightful details. You can build these kinds of deconstruction just by using HTML and CSS. Users need to click on each section to toggle between icons.

19. Material Interaction

Material Interaction

The page shows the interactive experiences of Material design principle.

18. Ripple Click Effect

Ripple Click Effect

This is kind of click effect which includes an ink-drop like element that moves out rapidly from the position where the user clicks/taps. The simple logic here is to create circles (with smooth transition) at click coordinates behind the links.

17. Hover and Click Effect

Hover and Click Effect

Yet another hover and click effect, in addition with a mixture of different colors which makes it more appealing.

16. The Tiles

The Tiles

The Material design CSS based tiles, created by Sergey Kupletsky.

15. Material Design Icons

Material Design Icons

These are official open source icons featured in the Google material design specification. It includes SVG, PNG and hi-dpi versions of all icons in 24px & 48px.

14. Free Sketch, Templates and Icons

Free Sketch, Templates and Icons

This is a quick start sketch template that includes 424 Android L icons, mobile, tablet and desktop layouts and all the polymer project web component elements.

13. Material Design Icon Expanded

Material Design Icon Expanded

A huge collection that includes over 1400 icons in SVG & PNG format, available in several sizes.

12. Material Design for Bootstrap

Material Design for Bootstrap

It’s a theme for Bootstrap 3 that lets you use the Google material design in your favorite front-end framework. Just include the theme after CSS and include JavaScript at the end of your code (before </body> tag).

11. Material Design for AngularJS

Material Design for AngularJS

It’s a specification for a unified system of motion, visual and interaction design for all devices. It consists of lightweight and clean AngularJS native user interface elements that can be used in single page applications.

10. Lollipop GUI Kit

Lollipop GUI Kit

This is Android’s Lollipop xxhdpi graphical user interface kit designed by Sandip D.

9. Lollipop GUI -2

Lollipop GUI -2

This is Android Lollipop 5.0 PSD with all screens including splash, call, notification, inbox, email, manage file and contact feed screen.

8. Material UI kit

Material UI kit

All new material UI kit (HTML + CSS), designed by UltraLinx. Here’s the demo.

7. Lollipop Material Design UI kit

Lollipop Material Design UI kit

This is the Android Lollipop Material design UI kit for sketch, designed by Ivan Bjelajac. The use cases are based on common UX flows in Android app.

6. Material Design Hamburger

Material Design Hamburger

Android’s material design hamburger is built in CSS that currently supports the latest version of all major browsers. Just download the latest release and include the CSS & JS files from the dist folder where desired within your project.

5. Android Music App

Android Music App

Wanna create a music app? The design is ready for you. It includes home screen, login, my music, contacts, sidebar, top playlist, news feed, player, album view and user playlist screen. Available for $15.

4. Materialize

Materialize

Materialize is the modern, responsive front-end framework based on material design. It includes tons of gorgeous elements and components like badges, buttons, cards, preloader, icons, colors, grid, form, table, media, shadow, typography and much more.

3. LumX

LumX

LumX is the responsive front-end framework based on Angular JS and material design specification. It is built on Google guideline, respecting metrics in pixel perfect way.

2. Material UI

Material UI

It’s a CSS framework and a group of react components that implement Google’s material design. For better understanding start with the React library before diving into material UI.

1. Polymer

Polymer

Polymer is a large library that uses latest web technology to let you create HTML elements. You can build anything from a small button to a complete application as an encapsulated, reusable element that works on all devices.

Advertisements

30+ Excellent Wireframing and Mockup Tools for Designers


It’s not easy to make a website layout that complements rich media. Professional designers need to take advantage of existing mockup or wireframing tools in order to make a great website. It’s a crucial step of app or web development process that opens up numerous useful options.

These tools allow you to make a blueprint that represents a skeleton framework of your website. It focuses on a range of functions, relative priority and the rules for displaying certain kinds of information. We’ve rounded up few Wireframing and Mockup tools (free as well as premium software) that will help you to make rapid prototype of pages while measuring the practicality of design.
The premium tool comes with a free-trial/demo version, so don’t hesitate to try them.  

34. Naview

Naview

Naview helps you create easier navigation through prototyping and testing. Create and visualize your elements in multiple ways. You can also test with remote users using surveys and analyze your survey results visually.
Price: Starts at $39 per month (free for personal use).

33. Caretta

Caretta

Caretta is interface design and software prototyping tool for desktop, mobile and web apps. It is packed with more than 120 design elements, numerous templates, reusable modular design components, which you can use to storyboard your design in order to create dynamic prototype.
Price: Starts at $129 per license.

32. Responsive Wireframes

Responsive Wireframes

It’s a web-based tool for quickly creating framework for any project. It allows you to insert elements, resize or add text, color, opacity etc. The tool focuses on responsive layout and each element can be re-positioned with drag and drop.
Price: Free

31. Sqetch

Sqetch

Sqetch is an illustrator wireframe toolkit that includes several templates and elements. It was created with vectors in order to provide maximum flexibility. Furthermore, every single stroke can be edited separately and every element can be scaled without loss of quality.
Price: Free

30. Lovely Charts

Lovely Charts

It’s a diagramming application that allows you to create professional looking sitemaps, flowcharts, organization charts, business process, wireframes and more. You can also insert images and vector symbol to your work.
Price: Starts at $34 per year.

29. Solidify

Solidify

Solidify offers a quick way to build prototypes for user testing. You can create designs for desktops, mobiles and tablets. It also helps you to conduct a user test and get unbiased results.
Price: Starts at $19 per month.

28. Wireframe.cc

Wireframe

It’s a tool with all necessary features to create a wireframe, nothing is added that would distract you. You can create multiple wireframes on the fly with the help of private dashboard, clickable elements, smooth transition and version control. When done, export your work in PNG or PDF format.
Price: Starts at $12 per month.

27. Frame Box

Frame Box

Frame Box is a simple frame sharing web application for creating resizable and easily adjustable wireframes on the fly. It features drag-drop system, collaboration link, read only capability, sketch, edit and preview modes.
Price: Free

26. Wires by QuirkTools

Wires by quirktools

Build wireframes for web right in your browser. It has everything you need to build great designs, including icons, widget library, comments and notations.
Price: Free

25. Serena Prototype Composer

Serena Prototype Composer

Serena Prototype Composer allows you to rapidly simulate how an application will look and function without writing any source code. You can build simple, high fidelity prototypes by using their built-in templates and layouts.
Price: $299 per year.

24. iPlotz

iPlotz

iPlotz allows you to rapidly create clickable, navigable wireframes for prototyping applications and websites. You can also invite others to comment on your work. Once your design is ready, you can then manage the tasks for designers and developers to build the project.
Price: Starts at $15 per month

23. Iphone Mockup

Iphone Mockup

As the name suggests, here you can make illustration or pencil mockup for your iPhone application. There are numerous elements or you can upload your own image. You can share your work by sharing the URL. Everyone who knows the URL can make changes.
Price: Free

22. Visio

Visio

Visio is a Microsoft product for creating professional diagrams to simplify complex information with data-linked diagrams, collaboration tools, and updated shapes. And of course, it is available for Windows only.
Price: $500 (one time purchase).

21. HotGloo

HotGloo

HotGloo combines collaborative prototyping and interactive wireframing, all in one tool. It is packed with over 2000 UI elements, pre-built UI stencils and supports real time collaboration and responsive wireframing.
Price: Starts at $14 per month.

20. FlairBuilder

FlairBuilder

FlairBuilder is a prototyping tool that helps you create interactive wireframes for mobile applications and websites. It is packed with over 60 inbuilt components, master pages & layers, extensible stencil library and advanced interaction features.
Price: $99 (one time purchase).

19. MockFlow

MockFlow

MockFlow is a full featured wireframe tool to design collaborative UI concepts for your websites and apps. It is packed with numerous interactive elements, built-in components, powerful editor, layout builder, whiteboard tool, image manager and more.
Price: Starts at $14 per month (full access).

18. Mockingbird

Mockingbird

Mockingbird is an online tool for creating mockups of your website and application. It consists of all UI elements you need, grid system, smart text sizing, multiple pages and supports drag-drop linking and real time collaboration.
Price: Starts at $9 per month.

17. Protoshare

Protoshare

Protoshare is a collaborative prototyping tool that includes library of drag-drop elements, interaction elements, stencils and widgets. Overall, it helps you to share ideas, gather feedback and refine designs.
Price: Starts at $29 per month.

16. Pencil Project

Pencil Project

Pencil Project is a GUI prototyping tool that people can easily install and create mockups without facing much difficulty. It provides you numerous built-in shapes, clipart from the internet, inner page linking and diagram drawing support.
Price: Free/Open Source

15. OmniGraffle

OmniGraffle

OmniGraffle enables you to quickly bash website diagrams, layout, process charts and wireframe. It includes a wide option for templates, canvases, stencils and objects, which you can set out to design precise, beautiful graphics. The tool is available for Mac and iPad only.
Price: Starts at $99.99 for Mac and $49.99 for iPad (one time purchase).

14. Pidoco

Pidoco

Pidoco is rapid prototyping software where you can create rich interaction, a smart template system, design collaboratively and test on the fly. It is suitable for web, mobile and enterprise application. All your work will be stored in secure German data centers.
Price: Starts at $12 per month.

13. Jumpchart

Jumpcharts

Jumpchart can be used to quickly plan your website. You can create content, notes mockups, attachments, all in one place. It also lets you gather comments, feedback and there is an option to export your work to WordPress.
Price: Starts at $5 per month.

12. Balsamiq

Balsamiq

Balsamiq is a rapid wireframing tool that improves your design by getting immediate and meaningful feedback. It is filled with tons of UI elements that help you build a user interface at the speed of thought. Furthermore, it supports real time collaboration, 3rd party extensions and custom icons.
Price: Get the software for $79 or subscribe web app at $12 per month.

11. Gliffy

Gliffy

Gliffy allows you to create professional looking flowcharts, UML diagrams, Org charts, network diagrams, sitemaps, Venn diagrams, technical drawing, mockups and more, direct from your browser.
Price: $4.95 per month.

10. Axure

Axure

Axure allows you to create interactive HTML mockups for websites and apps. Here you can quickly create wireframe with boxes, shapes, placeholders and text. You can also add colors, gradients, import images, semitransparent fills, and many other tools to work at the right fidelity for your website/application.
Price: Starts at $289 per license.

9. Appery

Appery

Appery is the first mobile platform that offers a cloud based rapid enterprise mobile app development environment. It comes with integrated back-end services, rich catalog of API plugins, drag-drop visual UI builder, powerful source code editor, instant app testing feature and much more.
Price: Starts at $25 dollar per month.

8. Cacoo

Cacoo

Cacoo is a user friendly online tool that lets you create mind map, flowcharts, wireframes, network and UML diagrams. It supports real time collaboration, multiple sheet work as backgrounds & layers and unlimited undo(s).
Price: Starts at $4.95 per month.

7. Moqups

Moqups

Moqups is a web app for creating wireframes, mockups and interactive prototypes. It is packed with 60+ handcrafted SVG stencils, comprehensive icon library, SSL communication and allows you to share your project via email, Google drive and Dropbox.
Price: Starts at $9 per month.

6. WireframeSketcher

WireframeSketcher

WireframeSketcher allows you to quickly mockup your website, desktop and mobile application. Here you can create your own templates, icons and widgets. Every element is vector and looks great at any resolution. You can also use version control to work with your team and manage big prototypes.
Price: Starts at $89 per license.

5. Justinmind

Justinmind

Justinmind is all-in-one prototyping tool for web, mobile and Google glass apps. Here you can create your own widget, low fidelity wireframe and run different scenarios to verify and validate enterprise processes. It includes a handy collection of chart, menu, button and more.
Price: Starts at $29 per month or pay $228 for a year.

4. Proto

Proto

Proto allows you to create fully interactive high fidelity prototypes for mobile app screen. Here you will find everything that you need to build a modern app. It includes numerous interaction, animations, UI libraries, touch & mouse event and multi-device testing feature.
Price: Starts at $24 per month.

3. UxPin

UxPin

UxPin offers a complete tool kit of useful UI elements and patterns. It features an optimized workbench, version control & iteration, real time collaboration, editing & chat, inline annotations, responsive previews, intuitive interface rollouts, backup facility and much more.
Price: Starts at $12 per month.

2. InVision

InVision

InVision is a prototyping, collaboration and workflow platform. Here, you can quickly convert your design into beautiful, interactive prototype with transitions, gestures and animation for web, Android and iOS. Furthermore, it supports real time collaboration, seamless design communication, version control and synchronization of all your design files.
Price: Starts at $15 per month.

1. Creately

Creatly

Creately is a fully featured desktop app for creating beautiful diagrams in no time. It allows you to design more than 50 types of diagram (with specialized features) with your colleagues or clients. Thousands of examples and libraries are already there to help you get started.
Price: Starts at $5 per month.

One more thing: Do not forget the traditional approach: Pen and Paper. Although there is no built-in element, but is there anything cheaper and quicker than this?

35+ Useful HTML and CSS Frameworks For Web Designers


Professional web designing is really a tough and time consuming job. Along with the hard work and clever tricks, it requires a perfect combination of HTML and CSS frameworks. There is no doubt that they have revolutionized the way of web designing process. The efficient framework not only saves your time and effort but they also provide various unique functionalities to improve and enhance the overall performance of your design. Thousands of tools are available out there, but we’ve selected few reliable and useful sources that will definitely help you to make your design more efficient and attractive.

36. YAML

YAML

YAML is a CSS framework for developing flexible and responsive websites. It provides various building blocks like navigation, forms, grid, typography module and more. All elements are well prepared in HTML5/CSS3 and tested on major web browser.

35. Columnal

Columnal

Columnal is the CSS grid system that makes responsive prototyping a little easier. It includes built-in debugging CSS, sub-column layout options, vertical spacing classes, PDF of grid system for sketching and wireframing templates.

34. Cardinal

Cardinal

Cardinal is small mobile first CSS framework for developing responsive web applications. It omits many aesthetic designs, complicated CSS and focuses on performance, accessibility and readability.

33. Skel

Skel

Skel is a lightweight framework for creating responsive sites and web apps. It features automatic normalization, grid system, breakpoint manager and a ton of configurability to make Skel do whatever you want.

32. Responsive

Responsive

Responsive is a lightweight grid system that includes 12, 14 & 16 columns, optional gutters, clearfix and box sizing polyfill. You just need to add predefined classes to build your grid structure.

31. Simple Grid

Simple Grid

Simple grid is designed for developers who need a barebones grid. It adapts to any size of layout but perfect for 1140 px. The lightweight 12 column structure easily divides into 2, 3, 4 and 6 giving you numerous possibilities.

30. Ink

Ink

Ink (built by Zurb) helps you craft HTML emails that can be read anywhere on any device. Its 12 column grid blends flexibility and stability so your subscribers can view your emails perfectly.

29. Profound Grid

Profound Grid

It’s a responsive grid system for fixed and fluid layout, built on SCSS. Profound grid gives you flexibility and full control so you can change/add/remove column & gutter width as needed. It works without any “grid_x” class (unless you want to include them) and uses negative margins to calculate columns.

28. Sencha

Sencha Touch

Sencha Touch is an HTML5 framework with over 50 inbuilt components, MVC system and templates (for every mobile device) for creating powerful web apps. It features smooth scrolling, fluid animation, adaptive layouts, infinite carousel, deep linking and much more.

27. Framework7

Framework7

It’s a full featured HTML framework which is perfect for building iOS hybrid apps or web apps that looks and feels like native iOS apps. It includes plenty of UI components and features like native scrolling, split view, high performance animation, caching, pre-loading etc.

26. Clank

Clank

Clank is used for prototyping native tablet/phone applications. It uses Sass and compass ensures a maintainable codebase. You can use generators to create webpages quickly and use vector files to automatically create icon fonts.

25. Bijou

Bijou

Bijou is a beautiful CSS framework under 2Kb. It is equipped with numerous elements including typography, tables, grids, buttons and alerts.

24. Montagejs

Montagejs

Montagejs is an HTML5 framework for creating single page applications, maintained by Montage Studio. It allows you to build modular architecture of project and helps developers and designers to work collaboratively.

23. Layer CSS

Layer CSS

Layer is a lightweight framework that comes with a small footprint. It features normalization & sensible defaults, fluid grid, lists, tables, forms and other tools. No color, no border, no rounded corners, no px definition, just a simple design.

22. Base

Base

Base is fast, lightweight and responsive framework for building web apps for all devices & browsers. It helps you write clean, organized and well-structured CSS code that you can easily maintain over time.

21. Susy

Susy

Susy framework is perfect for developing responsive websites with powerful media query controls. It is more flexible than any one framework and comes with asymmetric layouts, background grid, gutter positions and span mixin feature.

20. Almost Flat UI

Almost Flat UI

Almost Flat UI is based on foundation framework and includes various elements like navigation, buttons, forms, typography and CSS components for creating beautiful webpages quickly.

  1. Zebra

zebra

The Zebra approach sits on HTML5 canvas elements which are used for creating rich UI web-apps. Its UI engine offers pixel by pixel rendering, flexible event manipulation, font metric calculation, data model description, layered UI architecture and much more. It also supports inertial scrolling, touch and virtual keyboard input.

18. HTML5 Boilerplate

HTML Kickstart

HTML5 boilerplate helps you build fast, robust and adaptable websites and web-apps. It includes optimized Google analytics snippet, touch device icons, CSS resets, print styles, docs covering various tips and tricks.

17. Ivory

Ivory

Ivory is simple, flexible and powerful responsive framework that makes your front-end development faster and easier. It supports grid system, typography and various UI components and you can build design anywhere between 1200px and 320px.

16. Responsee

Responsee

Responsee is lightweight and initiative CSS framework for developing fast responsive design. You can create mobile website using dedicated basic elements and components, and then begin building versions for larger display. It features grid system, tables, icon sets, image carousel, custom forms and a few built-in templates.

15. Cascade

Cascade

Cascade is a feature rich CSS framework, inspired by twitter Bootstrap. You can build high performance websites in less time for new as well as older browsers. It features semantic + non semantic grid layouts, table designs, navigation elements, base templates and more.

14. Ratchet

Ratchet

Ratchet is used for creating mobile apps with simple HTML, CSS and JS components. It was originally used by Twitter as their internal tool for building mobile app prototype. It is packed with font icon sets and pre-designed UI themes for both iOS and Android.

13. Skeleton

Skeleton

Skeleton is simple, light (400 LOC) and responsive boilerplate, built with mobile in mind. You don’t need to compile or install anything to get started. Skeleton is packed with grid system, typography, buttons, forms, lists, tables, media queries and other small utilities.

12. GroundworkCSS

GroundworkCSS

GroundworkCSS is a responsive framework for creating scalable and accessible web applications. It is built with Sass and features grid system, responsive text, rapid prototyping, form elements, tabs, message boxes, icons and animations.

11. Foundation

Foundation

Foundation (by Zurb) is an advanced front-end framework for creating responsive web pages. Everything is semantic and highly customizable. Also, there is an inbuilt command line tool to speed up your coding process.

10. Kube

Kube

Kube is a flexible web framework that helps you spend less time on regular tasks and focus more on creating amazing products. It includes numerous CSS components such as grid, typography, blocks, tables, forms, buttons, notifications, search, icons and mixins, which works on all modern browsers.

9. Ionic

Iconic

Ionic is an HTML5 framework for developing hybrid mobile apps. It offers HTML, CSS, JS components, gestures and other useful tools for building highly interactive apps. Use iconic if you are concerned with app performance.

8. HTML Kickstart

HTML Kickstart

Kickstart provides HTML5, CSS, JS building block for rapid web development. It includes buttons, menus, lists, tables, tooltips, typography, glyphs, breadcrumbs, tabs, grids, images, sliders, forms and much more.

7. Concise

Concise

Concise is a lightweight CSS framework (supports Vanilla CSS & SASS) perfect for all devices. It includes great base styling and many add-ons that are highly extensible.

6. Pure

Pure

Pure is a set of small and responsive CSS modules, crafted with mobile devices in mind. By using forms, grids, tables, menus and tools, you can build beautiful layouts for all devices. Furthermore, Pure has minimal and flat design which can be customized by adding few lines of CSS.

5. Metro UI

Metro UI

It’s a metro Bootstrap CSS library that contains a set of styles to create websites with interface similar to Windows 8. It includes title, navigation, visualization, date/time, grid system, 300+ built-in icons and information elements.

4. UIkit

UIkit

UIkit is a lightweight and modular front-end framework for creating fast and powerful web interfaces. It includes a set of HTML, CSS and JS components which are easy to customize and extendable.

3. Semantic UI

Semantic UI

Semantic UI (open source library) provides complete design freedom. You can change the whole look and feel of every single element with just a handful of lines. It is packed with over 3000 CSS variable and 500 UI definition. Developers are soon going to add different themes and layout, so you don’t have to start from the scratch.

2. Gumby

Gumby

Gumby is a simple, flexible and responsive CSS framework powered by Saas. It features multiple types of grids with column variation, beautiful UI kit, fancy tiles, multiple breakpoints to shuffle layout, responsive images, and various toggles & switches.

1. Bootstrap

Bootstrap

No need to introduce this framework. Still, if you are not living on earth; Bootstrap is most popular (number one project on Github) HTML, CSS and JS framework for developing modern, responsive websites. It consist of various HTML elements, advanced grid system, dozens of reusable components and jQuery plugins. It is made for all developers, all devices and all project sizes.

40+ Useful JavaScript Frameworks for Developers


JavaScript is a dynamic programming language developed by Brendan Eich while working for Netscape Communications Corporation. It is generally used as a common script web browser and supports imperative, functional and object oriented coding styles.

However, building a standalone project on JavaScript is quite time consuming and difficult. To deal with these difficulties various JavaScript Frameworks have been developed. All these frameworks are supposed to encapsulate some common application functionality, allowing you to focus on unique parts of the application. Some of the most popular examples are MooTools, Jasmine, socketIO etc. A few most common frameworks are not added in the list because the aim is to introduce the unknown and new stuff. We are presenting 40 extremely helpful JavaScript frameworks for developers and programmers. Most of them are open source.

41. Sammy.js

Sammy

Sammy is a small framework built on a system of plugins and adapters. It provides the basic structure and includes the only code you need. Furthermore, the entire API is designed to be easy to read and understand.

40. SproutCore

SproutCore

SproutCore is an open source framework for building fast and innovative user experiences on the web. It includes HTML5 technologies, clean MVC architecture, client side logic and various built-in tools to make your app look good. You can build small as well as enterprise apps and access it from anywhere.

39. rAppid.js

rAppid

rAppid is declarative rich internet application developed and based on JavaScript and XML. It lets you encapsulate complexity into components which can be easily used like HTML elements.

38. The M project

The M Project

The M project is a JavaScript framework with advanced features of HTML5 that helps you build great mobile apps quickly. This is an open source project that supports multiple devices and runs in every browser.

37. Qooxdoo

Qooxdoo

Qooxdoo is a universal framework with a coherent set of individual components. It allows you to create rich, interactive and native like apps for mobile devices and lightweight single page web applications. It works on all devices and operating systems.

36. Cappuccino

Cappuccino

Cappuccino is used for modern app development for the web with fewer lines of code. The appkit includes a huge number of controls so that you can build complex apps without putting much effort. On Mac, you can build cappuccino UI in Xcode’s interface builder, just like in Cocoa.

35. ChocolateChipUI

ChocolateChipUI

ChocolateChipUI is an advanced mobile framework that includes CSS, HTML and JavaScript. It gives the native look for your web application. The tool supports iOS, Android and Windows platform.

34. Batman.js

Batman js

Batman.js built with Rails development and scalability in mind, allowing you to use less code and save time. It supports data bindings for rapid building of HTML, liquid style filter syntax and structured directory hierarchy.

33. CanJS

Can JS

CanJS is simple, small and easy to learn library that allows you to build complex application quickly. It supports custom tags, 2 way binding, observables, memory safety and more.

32. Feathers

Feathers

FeathersJS makes it easy to get REST and real time API using SocketIO and other websocket libraries supported by Primus. You can drop it in your existing Express 4 app and start adding new services right away.

31. QUnit

QUnit

QUnit is a powerful and easy to use testing framework. It is used by jQuery, jQuery UI and jQuery mobile projects. QUnit is capable of testing any generic JavaScript code, including its own codes. It is currently available for jQuery CDN hosted by MaxCDN.

30. AmplifyJS

AmplifyJS

AmplifyJS is a set of components that aims to solve common web application problem with simplistic API. It adds a few additional features to jQuery’s Ajax while abstracting the underlying data source.

29. SpineJS

SpineJS

Spine is a simple and lightweight framework based on Model View Controller.  It is written in CoffeeScript and doesn’t consist large amount of widgets. Furthermore, it supports real-world environment, asynchronous server communication, lightweight controller implementation, Full model layer, ORM and works in all major browsers.

28. Prototype

Prototype

Prototype eliminates the complexities of client side web coding. It is built to solve real world problems and adds helpful extensions to the browser scripting environment. Moreover, it provides stunning APIs and Document Object Model.

27. SnackJS

Snack

Snack is ideal for small projects, distributed under MIT license. It allows you to build complex and cross browser web applications.

26. jQuery Mobile

jQuery Mobile

jQuery mobile is HTML5 based UI system designed to build responsive apps and websites for smartphones, tablets and desktops. You don’t need to write for each mobile device or OS, just create once and run it anywhere.

25. Agility.js

agility js

Agility.js lets you write maintainable and reuse browser code without any overhead found in other MVC libraries. Agility is a small JavaScript file that depends on only recent version of jQuery.

24. DHTMLX Touch

DHTMLX Touch

DHTMLX Touch is a free JavaScript mobile framework for HTML5 web apps. Not just a collection of UI widgets, but it’s a complete framework that allows you unique and robust web apps for Android, iOS and Windows.

23. Pyjamas

Pyjamas

Pyjamas is a framework for building the client side of Ajax based application in Python which can be run in any internet browser as well as desktop applications. It includes an Ajax framework, widget set API and standalone Python-to-JavaScript compiler.

22. Ext JS

Ext

Ext is a powerful framework for building business application. It is packed with rich data package, 1000 documented API, over 150 user interface components for desktop, tablets other touch based devices. The premium version is available for 30 day trial.

21. Riot.js

Riot JS

Riot is a standalone library that has only 3 public methods and a strict MVP pattern to organize all stuff. The views in application are automatically updated whenever the underlying model changes. The minimal approach will help you understand every single piece of your application.

20. Serenade.js

Serenade js

Serenade.js is a light and compact client side framework for creating eye catching web pages. It is built on the MVC pattern, supports data binding and capable to handle complex applications.

19. AuraJS

Aura

AuraJS is set of declarative components for event driven RequireJS apps. The components represent a unit of page and events give components a rich way to communicate at local or global level.

18. Reactive Coffee

Reactive Coffee

This is a lightweight Coffeescript for building scalable web interface and reactive programming. It supports declarative DOM construction and works with jQuery and all popular browsers.

17. Appcelerator Titanium

Appcelerator Titanium

Appcelerator Titanium is a JavaScript framework for creating cloud connected native apps. You can rapidly build, test, package and publish mobile apps using a single code base. The framework supports a large community of mobile developers.

16. JavaScriptMVC

JavaScriptMVC

JavaScriptMVC is a collection of best practices and tools for creating feature-rich application. It is built on the top of jQuery and helps you to enhance code quality, performance and structure. Highly recommended for new developers.

15. Soma.js

Soma js

Soma.js is a lightweight framework that has been designed to create loosely coupled applications. It can be used as a model view controller framework and to use independent sandboxed widgets or modules. It helps you to increase the stability and maintainability of your application while it grows.

14. Ionic

Ionic

Ionic is a beautiful front end framework for creating hybrid mobile apps with HTML5. It is built with Sass and primarily optimized for AngularJS. Furthermore, it offers a library of mobile optimized CSS, HTML, gesture and JS components.

13. Stapes.js

Stapes

Stapes gives you necessary building blocks to build quality applications. It is perfect for mobile sites. Stapes has 20 methods and supports custom events, class creation and data methods. With just 600 LOCs and it’s easy to debug and see how it works.

12. KnockoutJS

KnockoutJS

Knockout is small and lightweight JavaScript based on Model-View-ViewModel pattern. It features declarative binding, automatic UI refresh, dependency tracking and templating.

11. Webix

Webix

Webix provides numerous JavaScript UI widgets to develop data rich desktop and mobile web apps with responsive interface. These widgets can be easily customized in accordance with your preferences.

10. Meteor

Meteor

Meteor is used for building web and mobile applications. It is written in Node.js and uses the Distributed data protocol. Meteor features hot code pushes, live page updates, latency compensation, unified package system and much more.

9. Wakanda

Wakanda

Wakanda is used for developing mobile and web applications for enterprise as well as startup level. It offers two different styles for defining your data model: JavaScript API and visual data modeling tool using Wakanda studio. It supports all platforms and is cloud ready on the back-end.

8. Flight

Flight

Flight is lightweight, component based and event driven web framework developed and used by Twitter. It is organized around the DOM model with functionality map directly to DOM nodes.

7. Polymer

Polymer

Polymer is designed to leverage the existing browser infrastructure to provide the extendibility and encapsulation.  It is based on Model driven views, Shadow DOM and custom elements.

6. Dojo

Dojo

Dojo is designed to ease the rapid development of cross platform, JavaScript + Ajax based application and webpages. It allows you to create various dynamic charts, tables, 2d vector drawing, menu, tabs, tooltips and animation effects.

5. Ember.js

ember js

Ember.js is used for creating ambitious web applications. It is based on Model-view-controller architecture and provides 2 way data binding, rich object model, router for managing program state and automatically updating template powered by handlebars.js.

4. MooTools

Mootools

MooTools is a set of JavaScript utilities for beginner to advanced level developers. This is the most popular object oriented framework used in more than 5% of all websites.

3. React

React

React (developed by Facebook and Instagram) can be used for creating user interface and building large apps with data that changes over time. It uses a virtual DOM diff implementation for high performance and can render on the server using Node.js.

2. Backbone.js

backbone js

Backbone.js is based on Actor Model application and Model View Presenter paradigm. It gives structure to the web applications and connects it all to your existing API through RESTful JSON interface. Digg, bitTorrent, Flixster, Hulu, Pinterest, Soundcloud , WordPress, Airbnb are built on Backbone.js.

1. AngularJS

AngularJS

AngularJS is perfect for single page application, maintained by Google & community of individual developers. It lets you extend HTML with new attributes and works well with other libraries. Every feature can be replaced or modified according to your development workflow and needs.

Having Puns with CSS


“A pun a day keeps a doctor away”. I don’t know how much true is that sentence but I am quite familiar with the job of a web designer. Sometimes it’s frustrating.
For our non-tech readers: CSS is a style sheet language for designing the format and look of the content present on a web page. It is used to deal with color, fonts, background, borders etc. It also helps developers in depicting the right shape, right side and right angle of a certain webpage after modification.

Inspired by Reddit thread, today’s article showcases a mega list of CSS puns that will put a smile on every designer and programmer’s face. The good thing about these puns is, even non-technical people can understand and enjoy it.
Along with jokes and humor, this article will help you to learn something about ‘how to write CSS code’. It covers puns from daily life, politics, geography, movies and more. I bet there isn’t a great or more interesting way than this to learn about basic front-end programming. So, take a break and let the fun begin.

50.

.delorean

49.

Apple vs samsung

48.

berlin wall

47.

Bermuda Triangle display none

46.

Big Bang

45.

Chicken before egg

44.

chucknorris

43.

criminal records

42.

defibrillator

41.

donut

40.

eminem rap

39.

government

38.

Hobbit

37.

ikea

36.

illuminati

35.

Internet Explorer

34.

invisibility cloak harry potter

33.

mad eye moody

32.

kim kardashian

31.

kkk

30.

laughing mouth

29.

lego

28.

leprechaun

27.

Mexico USA Border

26.

CSS puns - muffins

25.

Having puns with CSS- muscles

24.

music concert

23.

ninja black

22.

obese

21.

Oliver queen

20.

periodic table

19.

religious

18.

rich and working people

17.

rip

16.

rockette

15.

roundhousekick

14.

single lane road

13.

sniper mode

12.

teacher

11.

The Hulk

10.

Thumbs up

9.

titanic float none

8.

tower of pisa

7.

uk driver

6.

vampire

5.

wife is always right

4.

wookiee

3.

yomama

2.

zero edge pool

1.

ghost

40+ Useful Tools for Developing Android Apps


You don’t need to spend thousands of dollars and months of work to enter the mobile market. If you want to create an app for your business, blog, product or service, all you need is knowledge of Java and right combination of tools. Today, thousands of software/web tools are available out there to get you started. We’ve made a small attempt to minimize your development efforts. This article includes everything you need to develop, test, monetize, analyze and enhance your app. No matter who you are or on what scale you wanna develop, these tools will help you build more polished Android apps with the biggest chance of meeting your target. Here we go…

Note: You need to buy free version tools to unlock all advanced features.

41. JSONView

JSONView

JSONView is a small Firefox extension that lets you view JSON document in the browser. The document is well formatted, highlighted and objects and arrays can be collapsed.

40. Android GUI Set

Android GUI set

This is free Android GUI set including Photoshop files. It consists of main menu, keyboard, status bar, browser, screen label, slider, contact list, circle buttons, radio, option panel and many more interfaces.

39. XAppDbg

XAppDbg

XAppDbg is an app development tool (by Sony) which is used to change parameters of code during runtime. This can save you a lot of time, since you don’t have to test/run your app for each tiny change.
Price: Free

38. Android Holo Colors Generator

Android Holo Colors Generator

This holo color creator allows you to create beautiful Android components like spinner/editext with your own colors for your apps. It will generate necessary patch assets, XML drawables and styles which you can copy direct into your project.
Price: Free

37. Android Action Bar Style Generator

Android Action Bar Style Generator

This action bar generator allows you to create attractive custom action bar style for your Android app. It will create necessary patch assets, styles and XML drawables that you can apply direct to your application.
Price: Free

36. TestObject

TestObject

TestObject helps Android developers make test scenarios, record them and execute them. It gives you the facility to access over 120 real Android devices right from your browser. Errors are detected automatically, like security exception, illegal state, null pointer etc.
Price: Starting at 89 per month.

35. Bizness Apps

Bizness Apps

This is an affordable app maker for simple and small businesses. Select the pre-designed template or start from scratch. You can design and implement (without coding) your own artistic style with their amazing features set. Publish and promote your app and track your user base plus return on investment.
Price: Starts at $29 per month.

34. Splunk

Splunk

Splunk monitors the performance and usage of your apps. Just one line installation and you’ll receive complete error information, event analytics, real time transactions and network monitoring reports.
Price: Free for apps with 1 thousand monthly active users.

33. Ubertesters

Ubertesters

Ubertesters is a complete mobile app testing tool that lets you organize, execute, control and monitor your app beta testing process. It supports in-app bug editing, over-the-air (OTA) app distribution, real time monitoring and integration with external bug tracking system.
Price: Free for up to 5 users.

32. Android Layout Binder

Android Layout Binder

Android Layout Binder converts your XML layouts into a set of decelerations. You need to enter the prefix of your field, select the mode and enter the Layout XML.
Price: Free

31. Jsonstub

Jsonstub

Jsonstub allows you to fake (mockup) the back-end while you develop the front-end. All you need is your favorite JavaScript framework or mobile development environment to start building apps. It can be used simultaneously by those who work on the client and those who work on the services.
Price: Free

  1. Mobile Dev HQ

Mobile Dev HQ

It’s an SEO (Search engine optimization) for mobile apps. Their data provide the best keywords based on relevance, difficulty and search volume. You will be able to track your search ranking positions for specific keywords.
Price: Free for tracking up to 10 apps.

29. APKAnalyser

APKAnalyser

APKAnalyser is static and virtual analysis tool that can be used view app architecture, dependencies, API references and disassemble bytecodes in Android apps. It allows you to explore packages, classes, methods, fields, decode Android XML files and modify APK file.
Price: Free

28. GitEye

GitEye

GitEye (by CollabNet) combines simple and powerful graphical Git client with central visibility into essential developer tasks like agile planning, defect tracking, code reviews and build tools. You can integrate it with CloudForge, TeamForge, Jira, BugZilla, GitHub and more.
Price: Starts at $350 per month.

27. Push IO

Push IO

The Oracle Push Cloud Service is an enterprise class push notification platform designed to meet the needs of modern marketers and world’s best apps. It provides lightweight SDK, powerful APIs and Web Dashboard to target users based on geo-location, preferences and device metrics.
Price: As per the project.

26. LiveCode

Livecode

LiveCode is English-like language for developing Android and iPhone apps. Here you can develop live prototypes that use the full capabilities of mobile devices and deploy to whatever platform your customers need. Moreover, it is packed with numerous tutorials to help you along the way.
Price: Starts at $299 per year.

25. GENWI

GENWI

GENWI is smartphone and tablet publishing platform that allows you to create and manage your presence on all popular mobile devices. It delivers rich graphics, images, videos, audio, interaction and revenue generating capabilities for businesses like in-app subscription, coupons, ads etc.
Price: As per the project.

24. Applause

Applause

Applause is wild testing platform that provides the feedback from testers and users. It reports in-app bugs, automatic crashes and in-app user feedback. Moreover, the Applause SDK automatically keeps your testers up to date with the latest build of your app, ensuring they all are focused on the version that matters the most.
Price: As per the project.

23. BitBucket

BitBucket

BitBucket is a web-based hosting service for project that uses GIT OR MERCURIAL. It allows you to work as a team, pull requests, review codes and share unlimited private repositories.
Price: Free for 5 users.

22. App Icon Sizes

App Icon Sizes

At some stage of mobile app development process, you will need splash screens, icons and default Android graphics. This need is fulfilled by AppIconSizes. It generates all necessary files from single image and creates the correct folder structure which Android requires.
Price: Free (no ads, no watermarks)

21. Android Icon Generator

Android Icon Generator

This icon generator allows you to easily generate icons from existing source clipart, text and images. Here you can create launcher icons, notification icons, generic icons, action bar and tab icons.
Price: Free

20. IBM Mobile Push Notification

IBM Mobile Push Notification

IBM mobile push notification offers a flexible and easy to use environment for building notification campaigns which engage mobile app users at the optimal time and location. You can target communications according to your business rules, customer behavior, customer relationship management and current segmentation.
Price: Based on the project.

19. Spoon

Spoon

Spoon distributes the instrumentation tests execution and shows the results in a meaningful way. It is packed with a device view that outlines the results of each test one a single device and a test view which shows the results of a single test across all of the devices it was executed on.
Price: Free

18. Kendo UI

Kendo UI

Kendo UI includes everything for building mobile and web apps with HTML5 and JavaScript. Over 70 jQuery-based UI widgets are packed in one tool. Kendo also supports Angular JS integration, mobile controls, Bootstrap and offline data solution.
Price: $699

  1. Cenzic

Cenzic

Cenzic Mobile is a security service to protect the data on the latest online front. It uses Hailstorm technology to analyze mobile application and detect vulnerabilities in critical areas such as input validation authentication mechanism, session security and encryption usage.
Price: As per the project.

16. MyAppBuilder

myappbuilder

MyAppBuilder uses phone gap framework for creating apps using standardized web API’s of the platform you like. The apps are created using web technologies like JavaScript, HTML and CSS. You can build apps for author/publisher, real estate, restaurants, digital goods, bands, sports, news, car dealership, nonprofits, tickets, events and more.
Price: Starts at $9 per month.

15. Pubnub

Pubnub

Pubnub is super-fast cloud hosted messaging service for real time apps. Send and listen to events within your app using simple publish and subscribe API calls. You can stream, store, sync, protect and manage data to any device, anywhere.
Price: Free for up to 1 million messages per month.

14. SwebApps

SwebApps

SwebApps provides a platform to create web apps and native Android apps. It is built to handle small as well as large scale applications. You can add photos, videos, audio files, documents, event details and there are categories and subcategories for all organizational freaks.
Price: Starts at $19 per month.

13. Sencha Touch

Sencha Touch

Sencha Touch provides JavaScript & HTML framework and development tools to build complete touch based apps in a single integrated package. It gives designers the ability to prototype applications with pixel perfect clarity, and developers a perfect code editor and interactive charts.
Price: $3855

12. Appboy

Appboy

Appboy is a web tool that allows you to monitor and measure CRM, user engagement, analytics and more, in real time. You can create a relevant experience for each user and vary your outreach via in-app messages, push email and industry first news feed.
Price: Starts at $10 per month

11. ShoutEm

Shoutem

ShoutEm is simple and powerful mobile app creator that has everything you need to build amazing apps, without any coding skills. It is packed with drag-drop interface, CMS, analytics, monetization and publish/preview tools. Moreover, you get unlimited support, maintenance and free updates.
Price: Starts at $19.90 per month.

10. Fluid UI

Fluid UI

Fluid UI is web-based mobile prototyping tool that lets you rapidly assemble native looking mockups. You can select from 3500+ mobile, tablet and wearable widgets or upload your own image to get pixel perfect look. Moreover, you can preview/test your mockup directly in your browser and share it with clients and stakeholders.
Price: Starts at $10 per month.

9. Appcelerator

Appcelerator

Appcelerator is an open, cloud based enterprise platform creating, delivering and analyzing your mobile app. Write an app (all in JavaScript) and it will provide you live prototyping, code optimization and full automated testing to deliver high performance app.
Price: Free

8. PhoneGap

Phonegap

PhoneGap allows you to easily create apps using web technologies like CSS, HTML and JavaScript. You can develop locally and then see the changes instantly on mobile device with their cross platform app. Your app is compiled in the cloud.
Price: Free/Open Source

7. Proto

Proto

Proto allows you to build fully interactive high fidelity prototypes that look and work exactly your app should (No coding skills needed). With Proto, you can test the prototype on actual device and feel the app experience with rich animations, interactions and gestures.
Price: Starts at $24 per month.

6. Mobile Roadie

Mobile Roadie

Mobile Roadie is a CMS that helps you build customizable apps with ease and update them on the fly. This cloud platform supports geo-targeted marketing campaigns, user analytics, push notification, any time content updates and packed with various engagement tools.
Price: Starts at $149 per month.

5. Parse

parse

Parse is a complete mobile app platform that allows you to focus on creating unique apps (on any platform). It takes care of almost everything you apps need, from the core to analytics and push notification, localized documentation to crash reporting.
Price: Free for 1 concurrent job

4. Apiary

Apiary

Build beautiful and clean APIs with Apiary. It will save you a lot of time for back-end and front-end discussion. It is packed with some great features like instant API mock, collaborative design, integrated code samples, generated documentation, debugging and automated testing tools.
Price: Free for 1 user.

3. GameSalad Creator

GameSalad Creator

This is the fastest game creation engine (integrated with physics engine) that lets you design and test your own game (No coding skills required). The software has a visual drag-drop interface and a deep behavior library to make game designing process fast and easy. It also shows you real and vital stats of your game performance.
Price: Free

2. Appmakr

Appmakr

Appmakr provides the quickest way to create a mobile app for your blog, business or community group using drag drop feature (No coding skills required). You can easily add photos, videos, maps, social feeds and more. When done, post it on Google Play and start analyzing and monetizing your app.
Price: Free

1. Genymotion

Genymotion

We all know starting the emulator and running an app is a slow and tedious process. Genymotion is designed to solve this problem, by providing hardware accelerated Android emulator. It supports various Android API levels and work seamlessly with Android Studio. Genymotion uses x86 architecture virtualization and packed with 20 pre-configured devices.
Price: Free for personal use.

30 Amazing PHP Libraries for Programmers and Developers


PHP (Hypertext Preprocessor) is used as a general programming language for web development. It’s a server site scripting language that powers roughly 240 million websites. The PHP source code can be implemented with HTML code, or it can be used with various web frameworks, template engines and standalone graphical applications. Facebook, Wikipedia, WordPress are few popular websites that are built on PHP.

PHP Libraries allow programmers to take complete advantage of object oriented approach. PHP has many inbuilt library API, for example cURL. The best thing about PHP is it’s a free source where anyone can make his/her own library for others to use.
We have gathered few amazing PHP libraries which will help you do some cool stuff without putting much effort. Just import them to test and furnish your coding experience.

The aim is to introduce new and unknown stuff, that's why the list doesn't include popular libraries.

30. Goutte

Goutte

Goutte is used for scraping website and extracting data, licensed under MIT license. It offers a great API to crawl websites/blogs and extract data from HTML/XML resources.

29. GoogChart

GoogChart

GoogChart is a PHP class designed for creating and maintaining dynamic charts through Google charts. It doesn’t cover whole Google charts API but makes it very simple to use it.

28. GifCreator

GifCreator

The name says it all. It’s a PHP class that generates animated GIF from multiple images. You just need to provide images and their duration, that’s it. Moreover, the dimension and transparency of output are based on the first frame.

27. dBug

dBug

dBug is the PHP version of ColdFusion’s sfdump. It displays colored and well-structured tabular variable information. Stylesheet can be edited and table can be expanded/collapsed. dBug also has the ability to force certain types of outputs. For example, you can force an array type variable to be outputted as an object variable.

26. Alice

Alice

Alice allows you to generate hundreds of fake data (fixtures) instantly for testing purpose. You can produce complex data with constraints that can be read or edit easily. It lets you control fixture ranges, optional data, object value and unique constraints.

25. PHPGeo

phpgeo

PHPGeo is a simple library for measuring distance between two coordinates with high precision. It uses Haversine and Vincenty’s formula to calculate the distance. You can integrate this with any app related to maps or locations.

24. Geocoder

Geocoder

If you are planning to develop any geo aware application then you should take a look at Geocoder. It’s an extensible PHP library split into 2 parts: Provider and HttpAdapter. It also offers an abstraction layer for geocoding manipulation.

23. Purl

purl

Purl is an Object Oriented library for URL manipulation. You can create URL instances easily and chain methods together after creating the URL. The library supports path, fragment and query manipulation.

22. Snappy

Snappy

Snappy lets you generate snapshot, thumbnail and PDF from a URL or HTML page. This library uses the webkit based on wkhtmltoimage and wkhtmltopdf available for Windows, OSX and Linux.

21. ShellWrap

shellwrap

ShellWrap is a library that allows you to use powerful Unix/Linux tools within PHP. You can easily pipe commands together, use simple syntax and capture error as PHP exception. All arguments are properly escaped and paths to binaries are resolved automatically.

20. Unirest

unirest

Unirest is a collection of lightweight HTTP libraries which is ideal for numerous applications. Make PUT, DELETE, PATCH, GET and POST requests. It supports gzip, basic authentication, file upload, form parameters and custom body entities like timeout and default header for each request.

19. IniScan

iniScan

IniScan is a tool designed for scanning PHP INI files for security. It searches for common security errors and report back results. You can also request the scan files only that are above threshold.

18. PHP Captcha

PHP CAPTCHA

PHP Captcha can be used for generating audio and visual CAPTCHAs. It supports character rotation, font size selection, character set selection, random or custom background, optional display text and character shadow.

17. Ratchet

Ratchet

Ratchet is a loosely coupled PHP library that offers various tools to develop real time, bidirectional applications between servers and clients over WebSockets. There are many components available to easily add functionality. You can write your own chat application within minutes.

16. TCPDF

tcpdf

TCPDF is a PHP class (open source) for generating PDF documents. It supports all standard page formats, custom page format, UTF-8 unicode, PDF annotation including links, text rendering mode, font subsetting, text stretching & spacing, page compression, TrueTypeUnicode and OpenTypeUnicode.

15. Munee

Munee

Munee library can be used to compile CoffieScript, LESS, SCSS, resize image, minify JS & CSS, and cache assets on both server and client side, without changing the assets in template. Overall, this is a good option for achieving lightning fast requests and saving your bandwidth.

14. HTML Purifier

HTML Purifier

HTML purifier is an HTML filtering library developed for removing all malicious code. It can be used for protecting your code from XSS attacks. This library uses combination of robust whitelists, aggressive parsing and makes sure that the resulting markup is standards compliant.

13. Detector

detector

Detector is an open source library for detecting numerous information of users/visitors. It can help you to build accurate web analytics. It displays user agent, device type, browser used along with its HTML and CSS capabilities. It also tells whether the data is fetched by human or robot bot.

12. Whoops

Whoops

Whoops helps you to deal with errors and exception in a less painful way. It provides a great error interface that tells you details of errors & exception present in the code (with line highlight). Moreover, it supports JSON, XML, SOAP and AJAX.

11. Gaufrette

Gaufrette

Gaufrette provides a filesystem abstraction layer which permits you to develop your application without the need to know where and how media files will be stored. It also allows you to update file locations without altering the source code apart from the definition of filesystem.

10. Imagine

Imagine

Imagine is a rich object oriented library for image manipulation. It can handle various operations like open, save, create, resize, watermark, create collage, apply image reflection filter etc. Imagine’s coordinate system allows you to draw different shapes on images. The color class helps you to generate RGB value to apply colors to images. It also supports layer and animated GIF manipulation.

9. Idiorm

Idiorm

Idiorm is a lightweight object relational mapper and fluent query builder for PHP5, which is built on top of PDO. With it, you don’t need to write long and routine SQL. Moreover, it requires no XML configuration, no model classes and no code generation.

8. phpFastCache

phpFastCache

As the name suggests, it is the high performance object caching system. It is designed to speed up dynamic web applications by reducing database load. It supports multiple caching methods (period can be defined explicitly) including memcache, memcached, files, wincache, mpdo, pdo and apc. You don’t have to write your PHP caching class again whenever you change servers.

7. JpGraph

jpgraph

JpGraph is a PHP library for creating object oriented graphs. It has over 200 built in country flag, 400 named colors and supports advanced Gantt chart, multiple Y-axis, alpha blending and internal caching (with timeout). This library allows you to create line, bar, pie, map, stock, polar, radar, balloon and contour charts of any size.

  1. SEOstats

SEOstats

SEOstats is a powerful open source library that provides various SEO related metrics such as detailed backlink analysis, page authority, website trends, keyword, traffic stats, Alexa rank and much more. It gathers data from Alexa, Google, Moz, open site explorer, SEMRush, Facebook and Twitter.

5. PHP Parser

PHP parser

PHP parser written in PHP to simplify static code analysis and manipulation. It converts the PHP source code into an abstract syntax tree. The syntax tree helps you to easily analyze the code issues and errors. Moreover, you can turn a syntax tree back into PHP code. The example is shown in the image where the white portion represents simple code and black portion contains generated syntax tree.

  1. PHP Error

PHP Error

PHP Error library is used to transform default error messages into better ones with full syntax highlighting and code snippet. It fixes some error messages that are just plain wrong and works for AJAX too. Moreover, you can manually turn it off or on, run a specific section without error reporting and ignore selected files.

3. PHP-CPP

PHP-CPP

PHP-CPP is a C++ library which can be used to develop PHP extensions. It is packed with easy to use and well documented classes for building native extensions in PHP. This can speed up your program because code written in C++ executes faster than PHP.

2. Eden

Eden

Eden is a set of reusable components that works with almost all PHP framework and CMS. It covers components for autoloading, caching, file systems, web services, templating, i18n, payment gateway, shipping and cloud technologies. It works with all major web services including Google, Facebook, Yahoo, PayPal, Tumblr, foursquare and Amazon web services.

1. Locust

Locust

Locust is easy to use, user load testing tool. It can be used for figuring out how many concurrent users a system can handle. It allows you to write user test scenarios in Python. Locust has a great interface (HTML+JS) that displays relevant text details in real time.

25 Useful Python Frameworks for Developers


Python programming language integrates systems more efficiently. Whereas a framework is a collection of module/packages which allows developers to finish their job quickly, without having to handle low level details like sockets, protocol or process/thread management.
Well, there are a lot of frameworks out there to help you. We’ve picked a few of those to save your time and effort. This list includes both popular and unknown frameworks (in no particular order). Have a look…

25. Reahl

Reahl

Reahl allows you to build web applications purely in Python, using concepts familiar from GUI programming like reusable widgets and events. You can define input validation in one place, hide or grey out certain user interface elements in response to changing user rights and customize your system to display user interface elements differently depending on local language or user.

24. Itty.py

Itty-py

Itty.py is a small web framework that currently supports Routing, basic responses, HTTP status codes, current-types, header, redirect, file uploads, URL parameters and static media serving.

23. Pecan

Pecan

Pecan is a lean Python framework inspired by Pylons, CherryPy and TurboGears. It’s a very lightweight framework that offers an extensive feature set for creating HTTP based applications. Pecan includes object-dispatch for easy routing and support for REST-style controllers, JSON and extensible template language.

22. Libavg

Libavg

Libavg is a 3rd party library, written in C++ and scripted from Python. It allows programmers and designers to quickly develop media applications. It supports OpenGL, makes use of hardware acceleration and variety of display elements like text, images, camera output, videos and vector graphics.

21. Bobo

Bobo

Bobo is a lightweight framework for developing WSGI web applications. It includes functions like mapping URL to objects and calling objects to generate HTTP responses. It doesn’t have templating language, database integration layer, and other features that can be provided by application-specific libraries.

20. Zope2

Zope2

Zope2 is both a web framework and a general purpose application server. Since its release in 1998, Zope continued to grow and evolved into many different applications, frameworks, libraries and tools.

19. Grok

Grok

Grok is a powerful Python web framework, for both beginners and experts. It is built using Zope3 library and focuses on creating pluggable building blocks that you can use to build your application. Furthermore, it comes with a DRY approach, which makes it an excellent tool with convention over configuration structure.

18. Klein

Klein

Klein is a micro web framework for creating production ready web services with Python. It tries to do the right thing with what you return (in bytes). You can return a regular text, resource and renderable, either synchronously (via return) or asynchronously (via Deferred).

17. Morepath

Morepath

Morepath is Python WSGI micro framework, which uses model driven and flexible approach. It is extensible with a simple, coherent, universal extension and override mechanism supporting reusable code. It understands about hyperlinks and has all tools to develop REST web services.

16. Werkzeug

Werkzeug

Werkzeug is a WSGI utility library for Python, packed with powerful debugger, cache control header, full featured request and response objects, HTTP utilities to handle tags, file uploads, cookie handling, URL routing system and a few community-contributed add-on modules. It doesn’t enforce a specific template engine or database adapter.

15. wxPython

wxPython

wxPython is a cross platform GUI library written in C++. It allows you to easily create programs with a robust, highly functional graphical user interface. Along with standard dialog, it includes dockable windows, 2d path drawing API, support for various file formats, and both word processing and text editing widgets.

14. CubicWeb

CubicWeb

CubicWeb is a semantic web application framework that empowers developers to build web applications by reusing components and object oriented design principles. It features a query language, selection plus view mechanism, workflow, security, multiple databases, explicit data model etc.

13. Falcon

Falcon

The Falcon class instances are WSGI applications and can be run on any WSGI server (using Gunicorn). It won’t bottleneck your API’s performance under highly concurrent workloads. It also gives you a lot of freedom to customize and tune your implementation in order to create a project that stands out from the crowd.

12. Web.py

full stack and non full stack Python frameworks - web-py

Web.py is a simple and powerful web framework for python available in public domain. The aim is to build the ideal method to create web apps. Each part of Web.py is separated from other. Instead of exposing Python objects, it allows you to build HTTP responses.

11. Tornado

Tornado

Tornado is an asynchronous networking library and Python web server, developed at FriendFeed. It can scale to tens of thousands of open connections by using non-blocking network I/O. It runs on Python 3.4, 3.3, 3.2, 2.7 & 2.6 and requires the certifi package on all Python versions.

10. CherryPy

CherryPy

CherryPy is a minimalist Python web framework that allows developers to build web application in much the same way they would build any other object oriented Python program. It has inbuilt tools for caching, authorization, sessions, encoding, static content and more.

9. Wheezy Web

Wheezy Web

WheezyWeb is a lightweight, high performance and high concurrency WSGI framework with key features to build modern and efficient web. It supports routing, validation, content caching with dependency, AJAX+JSON, middleware and more.

8. Pyramid

Pyramid

Pyramid is simple, fast and reliable Python web framework (successor to the Pylons). It is designed to make real world application development more productive and more fun. It comes with numerous packages that integrate well and provide a lot of functionality you might need.

7. Web2py

Web2py

Web2y is full stack python framework for rapid development of fast, scalable, portable and secure data based driven web applications. It requires no installation, has no configurable file and can be run off a USD drive. Furthermore, it comes with inbuilt ticketing system to manage errors, caching system and flexible authentication system.

6. PyGUI

PyGUI

PyGUI allows you to develop a cross-platform GUI API, taking advantage of Python’s unique language features and data types. The aim is to interpose as little code as possible between Python application and the platform’s underlying GUI so the app display always reflects the native GUI of the platform.

5. Flask

Flask

Flask is a micro framework for Python based on Jinja2, Werkzeug and good intentions. It includes inbuilt development server and unit testing support. Also, it is fully Unicode enabled with RESTful request dispatching & WSGI compliance.

4. Bottle

Bottle

Bottle is a simple, fast and lightweight WSGI micro web framework for Python. It has no dependency other than Python Standard Library and distributed as a single file module. It offers request dispatching with URL parameter support, templates, key databases, inbuilt HTTP server and adapters for 3rd party server or template engines.

3. TurboGears

TurboGears

TurboGears is a rapid web development framework that allows you to create database driven and extendable applications within minutes. It is primarily designed to solve complex industrial strength problem. It is also packed with a transaction manager for multi-database deployment and SQLAlchemy that provides most robust object relational management systems.

2. Django

Django

Django is a high-level Python web framework for professionals. It makes it easier to build better web apps more quickly and with less line of codes. It takes care of much of the hassle of web development process, so you can focus on writing apps without needing to reinvent the wheel. Moreover, Django is fast, scalable and reassuringly secure.

1. Kivy

Kivy

Kivy is an open source community project for developing applications that make use of innovative user interface like multi-touch apps. It comes with over 20 highly extensible widgets, powerful graphic engine and a multi-touch mouse simulator. The framework is stable and has a well-documented API.

50+ Cool and Latest stuff for Web Designers | 2014


In a last few couple of years the number of websites on the internet has been increased at a tremendous rate. At present, there are more than 800 million websites. As with the increasing number of websites, the demand of web designers is also growing. But the job of a web designer is not that easy as once it was used to be.
This is the area where technology and working patterns moves very fast. A good designer must have to be updated about all latest stuffs available in the market. So, we have compiled a list for you that includes grid system, apps, framework, fonts, mobile app tools, blogging tools and some inspirational resources. Many of them are free or available at very low cost. Have a look…

1. Format

format

Format is the new online tool for creating stunning portfolios and showcases. Many responsive themes, pre-design flexible pages and a lot of customization options are available. It is free for first 14 days and after that you have to pay $5.75 per month.

2. Name Mesh

namemesh

Name mesh is the domain name search tool that includes more than 6 million words and over 20 generators. It also suggests various short, similar, fun and SEO related keywords.

3. Sitedrop

sitedrop

Sitedrop is for those who constantly work with large amount of file. Just connect it to Dropbox and pick the folder to turn into Sitedrop. Now you can manage it from desktop and receive feedback, files from clients or collaborators.

4. Kuoto Swiss

Kuoto Swiss

Kuoto Swiss is a CSS toolbox for Stylus. It provides a lot of functions, mixins and utilities to code faster.

5. Meeet

meeet

Meeet is website that connects developer and designer working on side projects. Just tell your idea and skills you need. Other developers will join your project if they find it interesting.

6. Cardboard

cardboard

Cardboard is the Smartphone virtual reality project by Google. It is about constructing a VR viewer from everyday items without spending much.

7. Tavern

tavern

Tavern is a private release repository of web product question and answers. It is space for designers to share their opinion and experience.

8. Focus

heyfocus

Focus is a Mac application to block distracting website. Internet is interesting, informative and a quite distracting place too. This app is really helpful if you want to concentrate on your own work rather than taking a snap on Facebook, Twitter, YouTube, Reddit etc.

9. Web Starter kit

Web Starter kit

Web Starter kit is a boilerplate and tooling for multi device development, by Google.  It ensures you are following the web fundamental guidelines out of the box.

10. Octicons

Octicons

Octicons is a collection of open source icon by Github. Just download and use them in your project.

11. Base

base

Base is a fast and light framework built for all devices. It is developed in SASS/LESS that helps you write structured and well organized code.

12. Clarke

Clarke

Clarke is caps only sans serif typeface with round edges. Full family (6 fonts) commercial use is available at $20.

13. Get Shit Done

get shit done

Get Shit Done is a set of basic elements like button, input, menu dropdown, label, transparent navigation, notification, typography, images, tooltips and more.

14. Design Meltdown

designmeltdown

Design Meltdown is a collection of interactive, inspiring and responsive designs. Checkout some fresh templates (500+)…

15. Pho Devstack 1.0

Pho Devstack 1

Pho Devstack is an automated workflow for front-end developer that includes tools for compiling, minifying, auto refreshing CSS prefixing and more.

16. Cody

cody

Cody is a set of HTML, CSS and JS snippets for your website. It includes responsive newsletter forms, icon filling effect, vertical navigation, 3d item quick view and much more.

17. Famo.us

famo

Fame.us is an open source Javascript framework that allows you to create smooth and complex user interface for any screen.

18. Splashbase

splashbase

Splashbase is a set of public domain HD images from around the web. You can browse, search and download them to use in your project.

19. CodeSnip

codesnip

With CodeSnip you can share your script privately for free. It saves all your work and lets you search easily and quickly with syntax highlighting.

20. Headstart

headstart

Headstart is easy to use automated front-end setup. It supports rudimentary templating, automatic refresh, no-class grid system, Uglyfication, Hinting, Concatenation, SVG optimization and more.

21. Scribbleton

scribbleton

Scribbleton is little personal wiki application where you can store anything like quick note, detailed checklist etc. The files live on your local machine, therefore no cloud required. Also, it supports multiple platform and shareability.

22. Frontenda

frontenda

Frontenda lets you create responsive template in minutes. The tool is packed with various features including easy drag-drop, visual less, JS, CSS, HTML editor and more.

23. Handsome Script

handsome-script

Handsome script is a modern script typeface with expressive flourishes and legal forms. Commercial license is available at $35.

24. Licon

licon

Licon is packed with a set of simple and useful icons built with pure CSS3. It has both SASS and LESS version, so it can be easily modified and merged into other projects.

25. Simple Sharing Button Generator

simple sharing

Simple sharing button generator is a web app for creating static sharing buttons (Facebook, G+, Twitter, Pinterest, LinkedIn, WordPress) with only HTML and CSS.

26. Bootsketch

bootsketch

Bootsketch is a Bootstrap 3 theme for wireframing web projects that includes sketch render to omit all “design feeling”. It has typography, forms, buttons, input groups, buttons, pagination, panel and more.

27. Startup Stock Photos

startupstockphotos

Startup Stock Photos is a collection of amazing photos related to office work and technology. All available at free.

28, Objecticons

Objecticons

Objecticons is a collaborative collection of emojis of everyday objects.

29. Awning Display

Awning Display

Awning Display approachable and easy to read font from a distance, inspired by an afternoon bike ride. It supports more than 35 languages and all punctuation marks. The commercial license is available at $25.

30. HomelessFonts

HomelessFonts

HomelessFonts is a set of typefaces based on the handwriting of homeless people.

31. Liber.io

liber

Liber.io allows you to create ebooks right from Google drive in 3 easy steps i.e Write, Import and Publish.

32. Webhook

webhook

Webhook is a tool to build custom and editable CMS for your website. It has no database, plugin and configuration files to manage. Moreover, it provides dozens of files to build your forms. It is free for first 14 days and after that you will be charged $25 per month.

33. Random

random

Random is compelling and expressive typeface that features more than 340+ automatic shuffling glyphs.

34. Odyssey

odyssey

Odyssey is the platform for journalist, designer and creator to craft interactive stories. Just pick a template (slide/scroll) and tell your own tale.

35. The Awesome Free Toolbox

awesome free toolbox

The awesome free toolbox is a set of amazing web design tools that includes images, templates and hosting.

36. Horizontes Script

horizontes-script

Horizontes script is relaxed and very natural typeface that costs you around $28.

37. AM Gaea

AM Gaea

AM Gaea is an experimental font with a strong personality while keeping readability at good level.

38. Yeo+Lab

yeo lab

Yeo+Lab is a static generator based on atomic design methodologies. It sets up a few optional workflow and front end dependencies.

39. Refills

refills

Refills is a set of prepackage pattern and component built on top of Bitter, Bourbon and Neat. It includes navigation, icon bullet points, side image, search tool, cards, typographic system, tabs, tables, grid items and much more.

40. Semplice

semplicelabs

Semplice is a brandable and customizable case study portfolio system based on WordPress that gives designer a wide option to explore their work. A single License is available at $69.

41. Crafted by love

crafted by love

Crafted by love is a showcase of beautiful web design that includes design for agency, blog, company, product, personal, even, resource and more.

42. Griddify

Griddify

Griddify is a small Photoshop panel to make guides and grids.

43. Please.JS

please

Please.JS is random color generator. You can generate pleasing colors based on another color.

44. Indicative

indicative

Indicative is an analytic tool to visualize your business. It measures events, user behind them, engagement, conversation and more.

45. Frame

frame

Frame is a free tool for creating high resolution product shots. Just upload+crop the image and you are done. You can now download or share the generated image.

46. Fontface Ninja

fontface ninja

Fontface Ninja is an extension for chrome and safari that allows you to find the name of the font (displayed on webpage) easily. Also you can hide pictures and commercials to focus more on content.

47. Pagekit

pagekit

Pagekit is a modern CMS for creating and sharing content. It gives you numerous tools to design a beautiful website.

48. Chevereto

chevereto

Chevereto is an image hosting script that lets you design beautiful image hosting website like Flickr but with no restriction at all. It comes with free lifetime updates and support, starting at $70.

49. Smallpdf

smallpdf

Smallpdf is an online tool that reduces the file size and converts images/excel/ppt/word into pdf. It also allows doing some basic task like merging, unlocking and splitting the pdf documents.

50. PatternBolt

PatternBolt

PatternBolt is a set of SVG pattern background packed in a single CSS or SCSS file. Just select the pattern, size, color and you are done.

51. Wireframe|cc

wireframe

Wireframe|cc is an online tool for wireframing website and app designs. It features limited palette, annotation with ease, minimal interface, smart suggestion and useful tips.

52. The Day’s Color

the days color

The day’s color is a set of inspiring, emotional and engaging palette.

25+ Flat UI Design and Kits for Developers


I think we all know what a flat design is. It has gained more popularity in the last couple of years. For those who are still unfamiliar; it is a combination of pleasant colors without any gradient and border radius, developed by Microsoft. This article is for developers and web designers who are looking for fresh design for their upcoming projects. We have complied a list of 25+ beautiful Flat UI designs that will definitely inspire you a lot. The list includes free as well as paid User Interface kits with different themes and layouts. Have a look…

1. Night Sky Admin

Night Sky Theme

Night Sky Admin is fully responsive mini UI kit. It is built on bootstrap 3 and has 50+ widgets, 14+ pages, 24+ PSD with multiple color option. Available at $18.

2. Eerste UI kit

eerste

Eerste is colorful, efficient and simple flat kit with numerous useful elements.

3. Delighted

delighted

Delighted is a flat dashboard based on Bootstarp 3 that comes with Ajax and Non Ajax version. It has 6 color variant, quick navigation with shift key, unique inbox, lockscreen, scattered draggable portlets and colorful chart. It will cost you $23.

4. Flat UI Kit-1

flat ui design by Riki Tanone

A beautiful free PSD kit by Riki Tanone with cool color palette

5. City break

city break

This UI kit will help you create layout primarily for hotel niche. However you can use the element in a creative way to make other cool designs.

6. Behance

behance

Behance flat ui kit is packed with calendar, menu, statistics, video player, radio icon, profile widget, job search menu and much more. And yes, it is free!

7. Metronic

metronics

Metronic is a responsive admin dashboard template, available at $27. It is packed with fully featured eCommerce template, one page parallax, unlimited layout option, 25 layered PSD files, 160+ template pages and 600+ UI components.

8. Flat User Interface Set

Flat User Interface Set

It’s a free UI set that includes ready to use elements like navigation menu, signup forms, calendar, social media, subscription box and more.

9. Flat + Transparent UI

Flat + Transparent UI

Another flat kit with transparent elements. All fields, buttons and graphics are scalable plus they are free to use.

10. Iriy Admin

iriy admin - Flat UI Design

Iriy Admin is a Bootstrap responsive template, available at $23. It is packed with font awesome 4.1, 10 background colors, various elements like charts, progress bar, tabs, tooltip, form validation, timepicker, responsive table and much more.

11. Metro UI kit

metro ui kit

Metro UI kit is available for free that includes elements like charts, calendar, icons, menu, search and account.

12. UI kit

ui kit by Abhimanyu Rana

UI kit with translucent background, by Abhimanyu Rana. The combination of buttons and tabs looks very nice with other elements.

13. Flat UI Kit-2

flat ui design by Devin

free PSD kit by Devin Schulz. It has simple color palette and includes menu, navigation bar, tag style, button, tab, search box and much more.

14. Flat

flat

Flat is fast, simple and awesome metro admin theme built on Bootstrap 3.1. It has retina display, unlimited colors, custom pages, fluid and fixed version. The theme is available at $19.

15. Red UI

red ui

It’s a flat style UI kit with useful elements like form, dropdown menu, timeline, progress bar and more. You can download the PSD file for free.

16. Metro

metro

Metro is a premium admin template with 400+ icons, unlimited colors, jquery plugins, event manager, data tables, flow charts, Zend framework, Bootstrap Bootbox and more. All in $20.

17. Flat UI Kit-3

kit by Zachary VanDeHey

This kit is quite mashy, still looks brilliant. Zachary VanDeHey did the nice job.

18. Melon

melon

Melon is a premium responsive admin template. It is packed with various helpful elements like sidebar search, project switcher, progress bars, alerts, tabs, labels, badges, nested list and much more. All in $21.

19. Flat Design UI Components

UI Components

This UI kit includes a set of beautiful component which can be used to create compelling website and application. All elements are editable and available in a single PSD file.

20. Drops

Drops

This is fully layered PSD file with flat UI. One time purchase ($5) you will get free updates in future.

21. Mint

mint

Mint is flat and responsive admin panel based on Bootstrap 3. The theme has 20 color variant and all elements can be customized easily. Regular license is available at $21.

22. Flat Stroke UI Kit

Flat Stroke UI Kit

This UI kit has graphs, forum, buttons, control, tooltip and more. All elements are editable and layered in vector based PSD file. Available at $8.

23. Start

start

Start is metro UI admin template based on windows 8 interface, available at $17. It has Swiss graphic design that features bold, minimal, high contrast and flat colors.

24. Human UI

human

Human UI comes with 3 color schemes i.e. blue, orange and green. Available for free in PSD format.

25. Flat UI kit-4

kit by Jan Dvořák

Yet another awesome kit with very useful elements. Jan Dvořák did a great job on search box, menu, navigation style, tab and stats.

26. UI/UX kit

uxui

This kit is packed with a variety of colors. It looks quite different but worth a try.

27. Metro Lab

metro lab

Metro Lab is a responsive admin template with 48 predefined pages, 500+ icons, 5 color theme, error page concept, lock screen and more. Regular license is available at $19. Moreover, it is packed with mega collection of UI Elements.