반응형
반응형

Furatto — A flat front-end framework

furatto

Homepage: http://icalialabs.github.io/furatto/index.html
GitHub: https://github.com/IcaliaLabs/furatto

 

Furatto v1.0.1

Furatto is a flat, fast and powerful front-end framework for rapid web development, created and maintained by Abraham Kuri from Icalia Labs. It is based on other frameworks as a start point, such as Twitter Bootstrap, Foundation.

To get started, checkout:

http://icalialabs.github.io/furatto/ !

Quick start

Three quick start options are available:

Bug tracker

Have a bug or a feature request? Please open a new issue. Before opening any issue, please search for existing issues and read the [Issue Guidelines].

Community

Keep track of new feautres, development issues and community news.

Compiling CSS and JavaScript

Furatto includes a makefile to compile all the Sass code and start working with the framework. Before getting started you need to add the necessary dependencies:

    $ gem install compass

More information about Compass

As furatto uses node.js to compile the assets, you need to add the locally:

    $ npm install

When you are done, you should be able to run the makefile provided:

build - make

We decided to switch from CodeKit as some people would not want to pay for it, and just use open source. 

반응형
반응형
12 Popular Responsive HTML5 Frameworks

 

Twitter Bootstrap

Twitter Bootstrap

Boostrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. It has almost everything you need to develop responsive sites and apps like 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and many more.

Skeleton

Skeleton

Skeleton is a simple boilerplate for HTML5 websites and mobile-friendly development. If you are you looking to create a responsive website quickly, you should look into this open source project.

Foundation

Foundation

Foundation by Zurb is the most advanced responsive front-end framework in the world. With this HTML5 framework, you can start building website for small devices first. Then, as devices get larger and larger, layer in more complexity. The flexiable grid can adapt to any size screen, from phones to TVs.

HTML5 KickStart

HTML5 KickStart

HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project.

SproutCore

SproutCore

SproutCore is an open-source front-end framework for building blazingly fast HTML5 apps. Semantic templates allow you to write HTML and CSS that update automatically when your models change-like magic. This framework will change the way you think about building applications and surprise you with how little code you have to write.

Montage

Montage

Montage is an HTML5 framework for building modern Web Apps. It helps you build scalable and maintainable HTML5 applications optimized for today’s and tomorrow’s range of connected devices.

HTML5 Boilerplate

HTML5 Boilerplate

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

Zebra

Zebra

Zebra is an HTML5 open source framework that brings fresh view and possibilities to develop WEB based Rich UI applications. The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI.

CreateJS

CreateJS

CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. These libraries are designed to work completely independently, or mixed and matched to suit your needs.

Less Framework

Less Framework

Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.

Groundwork

Groundwork

GroundworkCSS is an open-source, responsive front-end framework packed with HTML5, CSS and Javascript components that enables rapid prototyping and responsive design.

Gridless

Gridless

Gridless is an optionated HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography.

반응형
반응형

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

반응형

+ Recent posts