반응형

Phalcon — Fastest PHP web framework

phalcon

반응형
반응형

16 Best HTML5 Frameworks for Rapid Development

 

Link : http://codegeekz.com/best-html5-frameworks/

 

HTML5 is popular language amongst web designers because it is being supported by the most of the modern browsers like Firefox 6, Google Chrome, IE9 etc.. HTML5 provides numerous new features and capabilities that were things of fantasy with previous versions of HTML. Web pages will now be more semantic with the use of structure specific tags. Visual elements like rounded corners are now built in, and so is the ability to create drag and drop interactivity.

In this article I have generated a list of best HTML5 frameworks that will simplify your development process and speed up your coding. Following HTML5 frameworks are best in my concern, If you are aware of any other useful HTML5 framework, please do let us know by posting comments. We would love to hear from you. I hope you will find this list handy and useful for your development needs.

If you like the article you might be interested in other article on 10 Best HTML5 Tools and Best HTML5 Editors.

1. Iio Engine

iioengine
iio Engine is an open source framework for creating HTML5 applications with JavaScript and canvas. The framework is lightweight (45kb) and packed with a debugging system+ cross-platform deployment engine. It doesn’t require any JS frameworks and can work side-by-side with Box2D.

Source

2. Zoey

Zoey
It is a HTML5-CSS3-powered framework for creating mobile apps, built on top of Zepto.js and weights only 6kb (gzipped). Zoey has the UI components like navigation, lists, buttons, control groups, forms and grids. The framework is compatible with iOS + Android and comes with an app skeleton that covers all the features.

Source

3. Lime JS

limejs
It is a HTML5 game framework for building games that’ll feel native and work fast in modern touchscreens and desktop browsers. LimeJS is created with Closure Library built by Google and comes with functions/classes to control the timeline, events, shapes and animations. Also, the framework has full support of sprite sheets (you can collect all images inside a single file).

Source

4. Jo

jo
Jo is an open source mobile application framework that is based on HTML5 . It enables you to create for multiple platforms like webOS, iOS, Android, Symbian, Safari, Chrome and Dashboard Widgets. The framework is small in size, ~8kb, without any dependencies and compatible with many other JS frameworks. Jo is also compatible with PhoneGap and makes possible to create native apps besides web apps.

Source

5. Lungo.js

lungo
Lungo.jS is first mobile framework that is includes features of HTML5, CSS3, and JavaScript. Lungo.js helps developers to create iOS, Android, Blackberry and WebOS platform based applications. This framework is designed to take advantage of the features of current mobile devices and it captures events like swipe, tap double tap. It doesn’t use images, everything is available in vector, and you can directly distribute your apps to “Mobile Stores” or in websites.

Source

6. 52 Framework

52-framework
52 Framework is most popular HTML5-CSS3 based frame work among designers and developers. The support for all modern browsers with IE6 makes this framework most distinctive and useful framework in its category.

Source

7. Junior

junior
Junior is a HTML5 front-end framework for creating mobile apps that look and behave like native. It uses CSS3 transitions for a slick performance, supports swipable carousels and includes various UI components (from Ratchet). The framework uses Zepto (which is nice for jQuery fans as it has a jQuery-like syntax) and has integration with backbone.js views + routers.

Source

8. Sencha Touch

sencha touch
Sencha Touch, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch is the only framework that enables developers to build powerful apps that work on iOS, Android, BlackBerry, Windows Phone, and more.

Source

9. Gridless

gridless
Gridless is an optionated HTML5 CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography. It works on DBY (don’t bore yourself) approach and allows developers to use CSS normalization, beautiful typography, a well organized folder structure, IE bug fixes and other nice tricks for their websites.

Source

10. Cartagen

Cartagen
Cartagen lets you make beautiful, customized maps with a simple stylesheet. Maps are styled with Geographic Style Sheets (GSS), GSS is a scripting language as well making Cartagen an idea framework for loan modification mapping dynamic data. Cartagen is vector mapping, client side HTML 5 framework for rendering maps in native HTML5 applications.

Source

11. Baker

baker
Baker is a HTML5 eBook framework to publish interactive books and magazines on iPad and iPhone using simply open web standards. In order to use the Baker, developer has to design HTML5 pages with a fixed
width of 768 px.

Source

12. Joshfire

joshfire
Joshfire is an open source multi device development frameworks which assists developers to develop web applications that can run on multiple devices. It uses standards like HTML5 and JavaScript and allows developers to quickly integrate native and dedicated web apps for browsers, Node.JS, desktops, smart phones, smart TVs and connected objects.

Source

13. Sprout Core

SproutCore
Sprout core is an open source HTML5 Framework used to rapidly build up innovative web applications. With sprout care developers can build rich, interactive applications with less code.

Source

14. ReposiveAeon

responsive-aeon
ResponsiveAeon is a HTML5/CSS3-powered framework for creating responsive layouts very quickly. It has a grid system that is based on 12 columns with 1104px width in total and offers a very easy to understand usage with only 3 basic classes.

Source

15. Foundation

foundation-3
Foundation 3 is built on ZURB’s 14 years of experience at building sites and apps for the Web. It is built with Sass, a powerful CSS preprocessor, which allows us to much more quickly develop Foundation itself, as well as sites built with it. You can use the Sass or straight CSS version of Foundation.

Source

16. G5 Framework

g5 framework
G5 is lightweight frontend Framework which only includes those features which actually require to build up beautiful websites. It was started as personal project; G5 helps to speed up work flow by reusing the similar and best coding techniques. As G5 states that it includes only those features which are necessary for web development it still holds a bunch of features such as Base CSS, Php active class, smooth scroll to top, base Seo, Sticky Footer, Clean organization etc.

Source

 

반응형
반응형

Top 10 Cool JavaScript Framework for Mobile touch screen platforms

 

http://www.inspirefirst.com/2013/04/18/top-10-cool-javascript-framework-mobile-touch-screen-platforms/

 

 

The demand for mobile app development has shot up in recent years. This is owing to the emergence of myriads of smart phones and tablets that people are using for web access. A lot of such devices are touch screen based and that explains why mobile app developers are resorting to applications and frameworks that enable touch based mobile app creation simpler. However, this is not exactly a cakewalk and given the fact developers need to stay updated with prevalent trends and user needs, it can take a toll on creativity.

Mobile app and website development is done using JavaScript most of the times. This is because of the fact it is compatible with major OS and platforms and does not require complex coding. For a mobile developer it is important to know widely used and effective JavaScript frameworks that can be used to develop versatile apps and cutting edge responsive mobile websites.

Hammer.js
Hammer.js is a widely used light framework which offers support for popular touch screen gestures like pinch. Drag, swipe, double tap and rotate. It can be used in mobile OS environments including BlackBerry, Android, Windows Mobile and iOS.

FastClick
FastClick is a useful library that eliminates the usual 300ms delay existing between a finger tap and initiation of a click event in all mobile browsers. As a result, users get an experience of speedier web browsing on their devices. It offers support for mobile web browsers like Mobile Safari, Chrome, Android Browser and Opera Mobile.

jQueryUI
jQueryUI is ideal for those developers who deal with apps built on jQuery JS Library for themes, widget, interaction and visual effect creation. With this framework you can make interactive online mobile apps within short time span.

Swipe
Swipe is a very useful touch slider, which supports swiping and offers fast response. It has hardly any alternative.

JQUERY.PEP.JS
JQUERY.PEP.JS is a plug-in with small footprint that enables kinetic-dragging in desktop and mobiles. It makes use of animate functions of jQuery and CSS animations to allow users add kinetic drag functionality in HTML5 enabled devices. It also has support for stopping, starting and dragging events.

FooTable
FooTable is a capable jQuery plug-in that is used to make HTML tables on handled devices like tablets and touch screen based smart phones. It allows developers to make the tables appear neat no matter how much data is put in the columns. With this framework, you can convert HTML tables in responsive and expandable tables.

Quo JS i
Quo JS is a JaveScript library that enables developers to pass through HTML documents, deal with Ajax interactions and handle events for efficient mobile web development. With this library, you can generate cross-browser code easily.

TinyNav.js
TinyNav.js is a small sized jQuery plug-in that enables changing <ol> and <ul> navigations to select dropdowns in small screen devices.

Pointer.js
Pointer.js is ideal if you want to unify mouse and touch based events. This is essential because lots of mainstream computers are going to be driven by touch inputs in near future.

Jo
Jo enables developers to create web apps as well as native mobile apps with same coding. This can prove to be a real timesaver. It runs on Chrome OS, BlackBerry, Android and iOS. It is Open Source and requires no usage or licensing cost. This framework has UI elements like web form widget and popup widget. The former can be used to make log in screens and the latter is useful for offering users extra information when they click any interface element.

These are the major touch screen specific JavaScript frameworks developers can benefit from. However, there are other popular apps like Sencha Touch that you can try.

반응형
반응형

http://codevisually.com/galleria-a-responsive-image-gallery-framework-in-javascript/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+CodeVisually+%28CodeVisually%29&utm_content=FaceBook

 

Galleria — A responsive JS image gallery framework

Galleria is a responsive image gallery framework built in JavaScript. It makes it simple to create attractive image galleries for the web adn mobile. It doesn’t require programming skills, makes it easy to pull content from several sources (including Flickr, Picasa, and YouTube), and is free without any restrictions. You can even create tailored themes for your projects on a single core.

galleria

반응형
반응형

30 jQuery UI Framework Plugins

http://designmodo.com/jquery-ui-framework-plugins/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+designmodo+%28Designmodo%29

jQuery, is it a popular buzzword or an effective JavaScript, what to say and how to define it? Yes, they both add values to the word jQuery. It is a popular JavaScript and a rocking word in the web industry nowadays. jQuery is being used by 40% of the websites nowadays. And, its demand is getting more and more because of its updated and feature content plugins. The functional boundaries are constantly getting pushed forward by the jQuery plugins because of the actual release of new plugins every now and then.

The web designer face the biggest challenge in their life about how to satisfy the customers with their websites and do you say it is not that much tough to make it possible? You can’t because you might have experienced the same. This popular JavaScript library is in the list of most commonly used script libraries that too by most popular websites.

It is needless to say that jQuery plugins increases performance and attractiveness of a blog. So since beginning we have been contributing informative articles about jQuery. We have previously published jQuery scrolling plugins, jQuery plugins for Responsive websites, jQuey plugins and coding techniques and many more. If you are a newbie you may find this guide to jQuery very helpful. In order to help you to find some of the freshest jQuery plugins, we have rounded up a list of 30 amazing jQuery plugins.

turnjs

This JavaScript library will make your web content look like a real time book. It has developed for HTML 5 applications. And, you can expect this to go well with other gadgets like tablets and even Smartphones. It’s a very less space occupying plugin, say something around 15 kilobytes.

dd Slick

It is one another small size JavaScript plugin which will let the users to create a dropdown box in their web pages and the thing is it not only allows the texts as dropdown lists, but also it lets you include images too.

Sparklines

You want to depict some graphs in your web pages? Here you go with this JavaScript plugin. Sparklines will let you create small inline charts. The input data for the charts should be provided through JavaScript or using inline in the HTML.

Slidesjs

As the name suggests, this query will provide you a way for creating a simple slideshow. The slideshow will contain all features like a normal one say the auto play, slide transition effects, fade etc.

Zoomy

Here again the name suggests the functionality of the plugin. This plugin will let you magnify the picture easily and quickly. You should be ready with two copies of the same pictures that you want to zoom.

Spritely

This jQuery plugin deals with creating animation characters and background animations using java script and HTML. It is one another light weight and simple jQuery. Make your website more animated and lively with the help of this plugin.

Hover intent

It’s a plugin where the main goal is to work based on the web user’s intent. It is similar to that of the function of jQuery’s built-in-hover functionality, but expresses some difference in terms of mouse movement.

gMap

You wish to embed the Google maps in your website? Make it possible using this plugin. You can customize it as per your needs and again, the size of this plugin is too small.

Jeditable

A plugin used for editing the contents. This functionality requires very few lines of JavaScript code.

prettyPhoto

If you want to support not only images, but also videos, flash and other image formats, then this plugin will be more useful for you. Almost all of the web browsers will accept this plugin and the setup is too simple.

Ajax fancy captcha

A big challenge for all web owners is to protect their website from bots and spams. And, this plugin helps you with that by providing you the way for creating captcha.

Star Rating plugin

As the name suggests, this plugin is for providing ways to create a rating functionality in your website. You can simply turn out your radio boxes into star ratings with very simple code.

Pagination

When you have so many pages in your website, there you will find this plugin very useful. The users can be easily navigated through pages, if you use this plugin to include page numbers on your website.

Tablesorter 2.0

This plugin will let you sort the tables, if you have any in your website in a sortable format. It is possible to sort even linked data in the table using this plugin.

Fullcalendar

It’s a plugin for developing full customized and useful drag-drop calendar. You can easily customize this calendar as per your needs and requirements. You can use your own feed format for the data for calendar.

Date picker

Selecting particular date ranges is possible with this jQuery plugin. It will provide you a standard form of input field. You will get either a popup or inline calendar with this plugin.

jLy1

Shortened URLs are really useful. Sharing your favourite links to others goes easier with the help of shortened URLs. And, that’s become possible with the help of lLy1 jQuery plugin.

Tocify

You could have seen table of contents in book front page. And, this became more common nowadays in websites too. And, the same can be achieved using this jQuery plugin. It makes user to navigate to the particular content topic or page that they wish to access.

Noty

Create warnings, ideas, errors, alert messages etc. using this plugin. It will be useful for almost all of the website owners because displaying error or warning messages is more needed now for user’s support and convenience.

jScrollbar

Do you have to more content in your website and want to add a customized scrollbar to your webpage? Just get it done through this plugin.

idTabs

You can add tabs to your website using this plugin. You will find similar type of plugins a lot, but this will be more useful and flexible.

Progress bar plugin

The name itself explains that this plugin is used to indicate the progress status of either loading your website or a particular topic or whatever progressing stages it is.

Color picker

The color picker which you will generally see available in photoshop or any photo editors can be added to you website using this jQuery plugin.

qTip

A tooltip plugin, more user friendly and at the same time more feature rich will have lots and lots of useful features. You will get tips in speech bubble format, rounded corner edges format etc.

jqGrid

This plugin will let you insert grids in your webpages or in a particular place in your website. It is possible to toggle between front and back of the webpage.

Kendo UI

Its programming interface, MVVM framework, Data Source, internationalization and many other features makes it the most desirable jQuery plugins for web developers.

Shadow

You can create shadow and drop shadows for images using this jQuery plugin. Such kind of shadow appearing images will generally look appealing and attractive.

Calx

This plugin will be helpful for creating calculation form using JavaScripts. This is the initially released version and lots of development has been made recently.

BackToTop

This phrase you could have seen in almost all of the websites. You may be at the bottom of the website and you can suddenly reach the top using the button ‘Back to Top’.

Autosize

This plugin allows automatic resizing of the text based on the text area space and height. When used this plugin, the text area will grow when the input length grows.

Conclusion

jQuery’s success and popularity is all because of the web development community globally and everyone deserves the full credit for it. It continues to grow more and it is more thriving. Just get informed about all jQueries and be a successful web developer!



Source: http://designmodo.com/jquery-ui-framework-plugins/#ixzz2LxmU3odk

반응형
반응형

반응형
반응형

Spring보다 쉽고 빠른 웹 개발
 - 파이썬3 기반 웹프레임워크 (Pylatte)

 └ http://www.pylatte.org/


 └ http://pypi.python.org/pypi/Pylatte

 └ http://www.facebook.com/pylatte

 └ https://github.com/rucifer1217/pylatte

 └ http://code.google.com/p/pylatte/

 └ http://code.google.com/p/pylatte/source/browse/pylatte_git/

 └ http://rucifer.tistory.com/category/Programing/Python

 └ http://wiki.python.org/moin/WebFrameworks

반응형
반응형

Compass is an open-source CSS Authoring Framework.


Why designers love Compass.

  1. Experience cleaner markup without presentational classes.
  2. It’s chock full of the web’s best reusable patterns.
  3. It makes creating sprites a breeze.
  4. Compass mixins make CSS3 easy.
  5. Create beautiful typographic rhythms.
  6. Download and create extensions with ease.

Compass uses Sass.

Sass is an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more. Sass generates well formatted CSS and makes your stylesheets easier to organize and maintain.


반응형

+ Recent posts