반응형
반응형
Why Does Angular.js Rock?

 

http://angular-tips.com/blog/2013/08/why-does-angular-dot-js-rock/

 

 

 

 

반응형

'프로그래밍 > Web' 카테고리의 다른 글

[HTML] HTML.js: Enjoy working with the DOM  (0) 2013.08.16
PSD.rb: Read and write PSD files with Ruby  (0) 2013.08.14
git - 간편 안내서  (0) 2013.08.12
[ASP] ASP - Request.ServerVariables  (0) 2013.07.31
[Erlang] Erlang & Aptana Install  (0) 2013.07.31
반응형

11 Javascript ToolKit For Creating Charts and Graphs

 

http://inspiretrends.com/11-javascript-toolkit-for-creating-charts-and-graphs/

 

This article is basically your guide to the most popular and an effective JavaScript toolkit for creating charts and graphs. We will give you an overview of what these toolkits can actually do for you. If you are a developer, I am sure you have find yourself repeating some old cold again and again. If this happens with you more than often, toolkits are absolutely perfect for you. This article is basically intended to help JavaScript developers so that they can make their work a lot simpler.

These toolkits will definitely simplify your work when it comes to development and that too in a lot of ways. These toolkits are also known as frameworks and some call them libraries however, name doesn’t really matter. The best part is that they are meant to ease the tasks of a developer and make things productive. Let us now take a look at the JavaScript Toolkit for creating charts and graphs.

FusionCharts Suite XT – JavaScript Charts for the Grown-ups

Demo || Download
fusioncharts_range-of-charts
FusionCharts Suite XT gives you delightful JavaScript charts that work across devices and platforms. It’s the most comprehensive solution out there with 90+ chart types, complete with interactive features like tool-tips, drill-down, zoom, scroll, and more. It comes with comprehensive docs, and readymade demos, allowing you to create your first chart in under 15 minutes.

Aristochart

DEMO || Download

Aristochart-Sophisticated-and-simplified-static-Javascript-2D-line-charts

Aristochart is definitely one of the best toolkits available for creating charts and graphics. The best thing is that is can be customized and is very flexible line charting library. Your focus can remain on aesthetic and Aristochart can take care of the backend data. It also offers a wide range of themes for your selection.

Morris.Js – Pretty Time-Series Line Graphs

DEMO || Download

Morris

Morris.js is one of the most effective JavaScript toolkits. It is basically a library that controls the graphs. Morris.js is a simple API and it is for drawling line, bar, area and of course donut charts. You will find how convenient this is after using it.

JKit : JQuery Based UI Toolkit

DEMO || Download

jKit-jQuery-based-UI-Toolkit

JKit, is definitely an easy to use toolkit. It is a cross platform and jQuery based toolkit. Although its small in size but will offer you all the needed features. It makes life simple and removes complications from the development process.

D3.Js – JQuery 3D Plugin

DEMO || Download

D3.js-jQuery-3D-Plugin

if you are looking to manipulate documents according to data, D3.js JavaScript’s library is the best option for you. It will help you in bringing your data to life with the help of HTML, SVG and CSS. The best thing is that it does not tie you to proprietary framework.

Rickshaw – JavaScript toolkit for creating interactive time series graphs

DEMO || Download

Rickshaw-JavaScript-toolkit-for-creating-interactive-time-series-graphs

if you are looking to create interactive graphs, Rickshaw will provide you with all the needed elements. Since it is all based on d3 underneath, you will be able to draw graphs with SVG and styles with CSS. You can also customize your own techniques and the best thing is that it is free and open source.

sDashboard – Simple & light weight Dashboard framework in jQuery

DEMO || Download

sDashboard-Simple-light-weight-Dashboard-framework-in-jQuery

sDashboard is basically a jQuery plugin and it converts assorted objects into a dashboard. Every object that has been converted will be rendered as a widget and a developer can drag it. This plug-in has built in support for interpreting datatable’s and flotr3 charts. It also offers a lot of other features that can simplify your life.

Highcharts – Interactive JavaScript charts for your webpage

DEMO || Download

Highcharts---Interactive-JavaScript-charts-for-your-webpage

This is basically a charting library and is written totally in pure JavaScript. This will offer you interactive charts for your website. Highcharts supports most of the chart types and it includes line, spline, column, bar and a lot more.

jqPlot – A Versatile and Expandable jQuery Plotting Plugin

DEMO || Download

jqPlot---A-Versatile-and-Expandable-jQuery-Plotting-Plugin

jqPlot is basically a charting plugin and it creates some beautiful pie, line and bar charts. It has a lot of features and offers wide variety of chart styles, offers customizable formatting and a lot more. It has been tested on all famous browsers such IE 7 and onwards, Firefox, safari and Opera.

jQuery Spidergraph Plugin – Dynamic, interactive spidergraphs in HTML5

DEMO || Download

Query-Spidergraph-Plugin-Dynamic,-interactive-spidergraphs-in-HTML5

Looking to create spidergraphs in HTML5? Well, your search ends with jQuery Spidergraph. This is basically a plain and easy to use module and it helps developers in creating goodlooking and attractive spidergraphs. Other features includes, illustrating scaled quantitative data for several subjective attributes and overlaying multiple data.

Dygraphs JavaScript Visualization Library

DEMO || Download

dygraphs-JavaScript-Visualization-Library

Producing interactive, zoomable charts is not an easy task. However, dygraphs can definitely help you in doing this. It is basically an open source JavaScript library that proves to be benficial. It is basically designed to display slid data and users can obviously explore the data in order to interpret it.

MAKE PRETTY CHARTS FOR YOUR APP WITH JQUERY AND XCHARTS

DEMO || Download

I have always believed that charts are a great way to present data in a less complicated way. Creating a professional admin panle won’t be easy without charts. Also, setting them up is a tricky job, isn’t it? However, libraries such as xCharts are making lives a lot easier. You can use it for building some pretty AJAX-powered charts so what are you waiting for? Go ahead, explore it and live a simple, less complicated life.

반응형
반응형
git - 간편 안내서

 

http://rogerdudler.github.io/git-guide/index.ko.html

 

 

 

반응형
반응형

16 Free jQuery Data And Time Plugins

 

Check this list of 16 free jQuery Data and Time Plugins and pick the ones you like the best. Here goes the list..

JQuery Age

Demo || Download

JQuery Age

This one is a really cool jQuery plugin that has the ability of formatting and tracking dates and times as human readable text.

FLIPCLOCK.JS – JQUERY PLUGIN TIMER, CLOCK, COUNTDOWN WITH FLIP EFFECT

Demo || Download

FlipClock-js-jQuery-Plugin-Timer-Clock-Countdown-with-Flip-Effect

This one is a really easy to use plugin that helps you create a nice looking clock / timer / countdown with flip effect. It is customizable and has a proper extendible API. It can be used as a clock, a timer, a countdown with an amazing flip effect. It is themeable using pure CSS and has a clean syntax. Overall it is a really cool plugin.

TimeTo – jQuery plugin timer countdown digital clock

Demo || Download

TimeTo - jQuery plugin timer countdown digital clock

TimeTo is a simple, elegant yet very efficient plugin which allows creating a countdown digital clock easily and quickly. It’s countdown include days, hours, minutes and seconds.

Webshims – polyfills jQuery with many HTML5 features

Demo || Download

Webshims – polyfills jQuery with many HTML5 features

Webshims is a modular capability-based polyfill loading library that extends jQuery with HTML5 features offer some amazing features. It allows for HTML5 audio/video/track implementation, basic CSS support, geolocation, and localStorage/sessionStorage.

jQuery Plugin Date Picker & Date Range Selector

Demo || Download

jQuery Plugin Date Picker & Date Range Selector

This one is a really cool date picker and date range selector plugin and offers scrollable months instead of paged. It allows date dragging, range shifting by dragging, selecting month or week etc. It also boasts support for popups, various date formats, setting holidays or disabled days, defining minimum range and custom scrollbar etc.

PICKADATE.JS – JQUERY PLUGIN THAT CREATES A RESPONSIVE AND MOBILE FRIENDLY DATE SELECTION WIDGET

Demo || Download

Pickadate.js-jQuery-plugin

It is a sophisticated yet easy-to-use responsive date selection widget. Its customization is possible with CSS. On the whole it is a handy and effective widget.

JQuery Countdown

Demo || Download

jQuery-Countdown

JQuery Countdown plugin allows setting a div or span for showing a countdown to a certain time. It is highly-customizable and provides various different options.

Colorful Clock With CSS & JQuery

Demo || Download

Colorful Clock With CSS & JQuery

As the name suggests, this jQuery plugin allows creating a bright, colorful and lively jQuery & CSS clock. It is quite interesting and lets you track those precious last seconds of an event etc.

HTML CLOCKS USING JAVASCRIPT AND CSS ROTATION

Demo || Download

HTML CLOCKS USING JAVASCRIPT AND CSS ROTATION

It is a really cool clock with some really cool effects and an awesome look. It does not have any Adobe Flash files, rather work on <div> and <img> tags and functions by rotating them though JavaScript using CSS transform property.

Jqtimeline – Customizable JQuery Timeline Plugin

Demo || Download

jqtimeline-Customizable-jQuery-Timeline-Plugin

This interesting timeline is quite user-friendly and highly customizable. This simple plugin allows creating a timeline for some specific events. Adding or removing events on the go is very easy.

JQRangeSlider, JQDateRangeSlider & JQEditRangeSlider

Demo || Download

jQRangeSlider-jQDateRangeSlider-jQEditRangeSlider

This JavaScript slider selector supports dates and is especially really suitable for touch devices as it enhances the user experience.

Moment.Js : JavaScript Date Library

Demo || Download

Moment-js-JavaScript-Date-library

Moment.Js is a beautiful and really amazing yet a lightweight JavaScript date library that lets you parse, validate, manipulate, and format dates easily and quickly.

JQuery Mobile Date Navigation Plugin

Demo || Download

jQuery-Mobile-Date-Navigation-Plugin

As the name suggests, this plugin is perfect for mobile devices. It offers navigation between date range, either by a set range such as week, month and year.

JQUERY.PAYMENT

Demo || Download

jQuery.payment

jQuery Payments is a nice library which can help you create credit card forms, validate inputs and format numbers. It makes the checkout process a lot easier and better.

CODROPS

Demo || Download

CODROPS

Modern browsers support Scalable Vector Graphics (SVG) file format very well. The most amazing feature of this file type is that it is totally scalable to any size and has the ability to look good on any resolution or screen density without deterioration in quality. CODROPS lets you handle those files easily and quickly and allows for animation and interaction using CSS and JavaScript.

Minical – Lightweight Datepicker Plugin

Demo || Download

minical-Lightweight-Datepicker-Plugin

Minical, as the name hints, is a very minimalistic and lightweight datepicker Plugin that allows for easy customization. It boasts full keyboard support and its value is changeable from the date format defined in the plugin.

 

반응형
반응형

Top 10 Most Gorgeous Website Builders from 2013

 

WebStartToday.com

2

They say the devil is in the details, and nobody knows it better than WebStartToday. Business websites are its specialty and it comes prepared with an arsenal of over 1000 templates to match even the newest and eccentric fields and domains, from limo service to night clubs. Yes, websites for everyone, but that doesn’t mean this will kill originality. WebStartToday knows that in the near future everyone will have a website, and to this end it makes it possible to have different customization for the same template. That’s how the thousand templates multiply exponentially. All you need to do in the end is put your text instead of the dummy text and you’re done.

Cubender

3

Cubender is another web builder focused on stores and business, but not exclusively. It’s very versatile and it combines the ease of use with thoroughness. Features include e-commerce, SEO optimization, mobile integration, Google Analytics and many more. The service is not free, but a demo is included. In 14 days you can test and build your website and then choose a package, which – considering the service quality – comes at a bargain, starting at $9.95 per month.

Wix

4

You’ve probably heard of Wix, as it’s been around for quite a while. It’s a balanced web builder, not too fancy and not too simple either, good for beginners in the sense that it makes suggestions based on the business domains you choose. Another nice aspect is that it doesn’t rush you to buy a package. With its free unlimited demo, you can take your time and build your site, and when you are ready, choose your plan.

Webydo

5

What makes Webydo different from other web builders is its focus on the needs of designers. Since designers work with multiple clients, meaning they are creating multiple websites, Webydo has an awesome CMS that they can take advantage of. Designers can focus on the website and the design of it, while still give their clients control over elements of their choosing. This way, the clients will not interfere with the design and the designer can focus on the appearance. Standard DIY site builders do not always fit the needs of designers because they start to lose control of how the site looks. However with Webydo, there are no limiting templates – everything is fully customizable, making each website created on Webydo unique. Some tools used on the platform are grid generators, smart guides and snapping, layers window, text caption, form generators and more.

Webzai

6

Webzai is one of the easiest to use and straightforward web builders. You can either use the templates or start from scratch and build everything yourself. The drag and drop menu allows you to modify anything in real time and contains everything a designer might need. SEO optimization and cloud hosting are included. Alongside the free package, there are three more premium options, priced at $6, $11, and $20 respectively.

MadeFreshly

7

Without registering, MadeFreshly takes you right in front of your virtual shelf, where you start adding your products. You’ve guessed it, it’s an online store web builder. For customization, it offers a few templates, not numerous but well done, and some of them are free. Without a premium plan your sales are pretty limited, i.e. one picture per product and only three pages per site, but the good news is that the plans are priced at $11.99, $19.99 and $34.99 respectively, and include promotion service, mobile support and Google Analytics, and, unlike many other web builders, you can actually have your own custom domain name.

Aircus

8

Aircus is a revolutionary among revolutionaries. Unlike its other brethren, it is a neat and simple web builder, preferring mature and elegant designs without too much complication, and big letter fonts that are easy to read. That doesn’t make it unprofessional – style is its forte, but not for the over-sophisticated. If you want a site built right now and don’t have the time to go through thousands of templates, you might wanna take a look at Aircus. And since it started on the vibe of quickness, why not be revolutionary all the way and be available from any phone or tablet? That’s right, with Aircus you can build your site in a few easy steps no matter where you are.

Ucoz

9

uCoz website builder is a reliable SaaS (software as a service) platform offering the best cloud hosting solutions. It’s not just a site constructor, but it’s a powerful infrastructure enabling you to create, maintain, publish and optimize your website easily.

uCoz is loved for its beneficial free package. Some of the features you can get on this constructor for free are as follows:

  • Unlimited traffic.
  • Extended statistics.
  • User group management.
  • Knowledgeable, timely technical support.
  • Ability to attach your own domain name.
  • Custom email and many more.

uCoz is an absolutely risk-free platform: you can explore its feature set as long as you need without any fees. But once you feel you’re ready to build your website – you may opt for one of their paid subscriptions (starting with $3.09).

Kopage

10

Kopage is a quick, complete and user friendly service with a lot of elements available ranging from slideshows to videos and galleries, even HTML.But what’s really convenient about it is that you can have it installed automatically in Cpanel. If your hosting service doesn’t have the option yet, you can always ask them to do it for you. Kopage is completely free for usual users, charging only the hosting companies.

반응형
반응형

서버구입 없이 RoR, Nodejs, Django, Go 개발 및 Publishing 을 경험해 볼 수 있는 웹기반 '무료' 서버입니다.

 

https://www.nitrous.io/

 

Nitrous.IO - Develop in the Cloud

 

 

반응형

+ Recent posts