긍정적 사고, 음식의 절제, 규칙적인 운동

긍정은 치유 과정에
활기찬 에너지를 제공하는데,
타인으로부터 긍정이 아닌 부정을 당했을 때는
마음의 상처가 깊어진다. 하지만 이렇게 말하고 싶다.
타인으로부터 긍정의 말이 나오길 기다릴 필요 없이
스스로를 긍정하면 되지 않는가?
자기 자신에 대한 긍정과 칭찬은
영혼 깊이 울림이 전해진다.


- 셰퍼드 코미나스의《치유의 글쓰기》중에서 -


* 사람은 서로 에너지를 주고받으며 삽니다.
전염력도 강합니다. 내가 먼저 긍정 에너지를 보내면
주변 사람도 긍정 에너지를 갖게 되고, 반대로 부정 에너지를
보내면 옆 사람도 부정 에너지를 갖게 됩니다. 자기 안에서
긍정 에너지가 끊임없이 샘솟도록 노력해야 합니다.
그래야, 자신의 근본적 치유가 가능하고
동시에 남도 치유할 수 있습니다.

40 Best Free HTML5 Tutorials For Web Designing

http://inspiretrends.com/best-free-html5-tutorials/

http://inspiretrends.com/best-free-html5-tutorials/2/

range of mobile devices can be challenging

Growing Thumbnails Portfolio

In this tutorial, Learn making a portfolio with HTML5, jQuery and CSS3 that features an interesting growing effect.

HTML5 Unleashed: Tips, Tricks and Techniques

In this tutorial, you will get basic guidelines, tips about templates

Create a Stylish Contact Form with HTML5 & CSS3

You can learn about create your own stylish contact using HTML5 and CSS3.

Create Vector Masks using the HTML5 Canvas

In this tutorial we will look at how to use the canvas tag and clipping to create images that aren’t so rectangular.

HTML5 File Uploads with jQuery

The tutorial is showing a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on the server, but you could improve it any way you like.

Create a Grid Based Web Design in HTML5 & CSS3

Follow this step by step walkthrough of the making of a sleek website design for an eyewear brand in HTML5 and CSS3.

Designing a Blog with HTML5

In this tutorial, you can learn about designing a blog with HTML5 step by step.

How to Build Cross-Browser HTML5 Forms

In this tutorial, we’re going to take a look at how to serve HTML5 forms to modern browsers, while compensating for older browsers by using a mix of Webforms2, Modernizr, jQuery UI and assorted jQuery Plugins.

Implementing HTML5 Drag and Drop

One of the new features in HTML5 is native drag and drop. Surprisingly, Internet Explorer has had support for this since version 5.5; in fact, the HTML5 implementation is based on IE’s support.

Coding a CSS3 & HTML5 One-Page Website Template

We are making a HTML5 web template, using some of the new features brought by CSS3 and jQuery, with the scroll To plug-in.

HTML5 and CSS3 Without Guilt

How to Make an HTML5 iPhone App

I’ll show you how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.

Design & Code a Cool iPhone App Website in HTML5

In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.

Have a Field Day with HTML5 Forms

how to style a beautiful HTML5 form using some advanced CSS and latest CSS3 techniques

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3.

HTML5 Canvas Element Guide

You get a firm fundamental understanding of canvas in preparation for creating something interesting and powerful with this unique HTML5 element.

Bouncing a Ball Around with HTML5 and JavaScript

This guide will explore the use of HTML5′s <canvas> element through a fun example: bouncing a blue ball around.

Blowing up HTML5 video and mapping it into 3D space

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers

Code a Vibrant Professional Web Design with HTML5/CSS3

We will use HTML5 and CSS3, as a proof of concept and as a way for you to learn these upcoming W3C standards through practice. We will also use the 960 Grid System to speed up development time.

Simple Website Layout Tutorial Using HTML 5 and CSS 3

How to Draw with HTML 5 Canvas

Among the set of goodies in the HTML 5 specification is Canvas which is a way to programmatically draw using JavaScript.

The video element

The <video> element is brand new in HTML 5 and allows you to, get this, play a movie in your website! The data of this element is supposed to be video but it might also have audio or images associated with it.

Building a live news blogging system in php

This tutorial help you for learning of building a live news, blogging system and their functions.

Combining Modern CSS3 and HTML5 Techniques

Just because some techniques don’t work in decade old browsers doesn’t mean that you shouldn’t be learning everything you can!

webOS HTML5 Database Storage Tutorial

If you haven’t been able to find any tutorials on HTML5′s storage capability, This tutorial will help you!

The Official Guide to HTML5 Boilerplate

How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery

The popup bar was only tested in Chrome and Safari and may not work in other browsers.

An HTML5 Slideshow with Canvas & jQuery

You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics.

Designing Search Boxes with HTML5 and CSS3

Here, with the help of three simple examples, allow me to show how to code search boxes with HTML & CSS and how to spice things up with a bit of Javascript.

Rethinking Forms in HTML5

While there are many changes for the better in the HTML5 specification, there is no better bang for the buck for the data driven website than the transformation of forms.

HTML 5 Tutorial for Web Developers: The Video Element

HTML5 Apps: Positioning with Geolocation

In this tutorial you will learn the geolocation capabilities of HTML5 and the basic principles needed to take advantage of them in your next HTML5 app!

How to Make All Browsers Render HTML5 Correctly — Even IE6!

In this tutorial, we’ll create a common layout using some of HTML 5′s new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer.

Coding Up a Web Design Concept into HTML & CSS

The design features a clean grey background, but with splashes of vibrant colour in the header, and throughout the page with links and buttons taking bright colour swatches from the main illustration.

HTML5 Visual Cheat Sheet

HTML 5 Visual Cheat Sheet is an useful cheat sheet for web designers and developers designed by me.

HTML5 Canvas Experiment

How to Create a Drop-down Nav Menu

In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.

너무 빨리 무엇을 이루려 하지 마라.
조그만 이익에 너무 연연하지 마라.
무리하게 빨리 무엇인가를 이루려 하면
목표에 도달하지 못할 것이다.
조그만 이익에 연연하면 큰일을 이루지 못할 것이다.
(無慾速 欲速則不達 見小利 則 大事不成)
-공자

마음이 급하게 되면 무리한 목표 수립,
원칙과 기본 무시가 뒤따를 가능성이 높습니다.
이 경우 목표 달성이 된다 하더라도
사상누각에 불과해 곧 무너지게 되어 있습니다.
빨리하고자 하면 원하는 목표에 도달하지 못한다는
욕속부달(欲速不達)의 지혜를 새겨봅니다.

남에게
보이기 위해서
내가 사는 게 아닙니다.
내 인생이 남에게 보여주기 위해 있는 것도 아닙니다.
남이 나를 어떻게 생각할까를 먼저 생각하는 것보다
내가 나를 어떻게 생각하는가를
먼저 생각해야 합니다.


- 정호승의《내 인생에 힘이 되어준 한마디》중에서 -


* 맞습니다.
내 인생 내가 삽니다.
어느 한 순간도 남이 대신 살아주지 못합니다.
내가 먼저 건강하게 잘 살아야 남도 살릴 수 있습니다.
그러나 혼자서만 잘 살면 의미가 없습니다.
옆사람과 더불어 함께 잘 살아야
나도 잘 살 수 있습니다.

답을 찾지 마라. 인생에 정답은 없다.
모든 선택에는 정답과 오답이 공존한다.
지혜로운 사람들은 선택한 다음에
그걸 정답으로 만들어내는 것이고,
어리석은 사람들은 그걸 선택하고
후회하면서 오답으로 만든다.
-박웅현, ‘여덟단어’에서

내 선택이 정답이 아닐 수도 있다고 생각하는 순간
약해지기 시작합니다.
어떤 문제에 직면했을 때
내가 할 수 있는 가장 현명한 판단을 신중하게 하고 나서
과감하게 셔터를 내리고,
바보처럼 단순하게 쭈욱 밀고 감으로써
내 선택을 정답으로 만들어가는 게 필요합니다.

http://codegeekz.com/best-jquery-chart-libraries-for-building-interactive-charts/

1. Chart.js : Charting Library with HTML5 Canvas

Chart.js is an impressive JavaScript charting library that is built on top of HTML5 canvas. It currently supports 6 chart types (line, bar, radar, pie, column and polar area) and all this comes in a standalone, less than 5kb package. Colors, fonts, borders and their sizes can all be customized. Also, optionally, charts can be loaded with an animation.

Source

2. xCharts : For Building Data-Driven Charts

xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.

Since xCharts use SVG, we are able to accomplish most of our styling of xCharts directly through CSS. This means you have quite a bit of control to handle the visualization however you want. The best way to style charts is to start with the included stylesheet, or use your browser’s element inspector to see each elements CSS class selectors that are available to use.

Source

3. Sigma.js : Draw Graphs Using HTML5 Canvas Element

Sigma.js is a free and open-source JavaScript library to draw graphs, using the HTML5 canvas element. It has been especially designed to share interactive network maps on a Web page or to explore dynamically a network database. It is distributed under the MIT License.

Source

4. HighCharts

Highcharts is a charting library written in pure HTML5/JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.

Source

5. Fusion Charts

The FusionCharts jQuery plugin helps you add interactive JavaScript charts and graphs to your web, mobile and enterprise applications. It combines the delight and comprehensiveness of FusionCharts Suite XT with the easy-to-use jQuery syntax.

Source

6. Flot : Attractive JavaScript Plotting for jQuery

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features. Some key features of plot is turning series on/off, zooming, interacting with the data points and it integrates a simple tooltip feature.

Source

7. JS Charts : Free JavaScript Charts

JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML, JSON or JavaScript Array and your chart is ready!

Source

8. jQuery Sparklines

This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript. The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7, 8 & 9 as well as iOS and Android.

Source

9. Morris.js : Draw Time-Series Line Graphs

Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy. Morris.js started life as the code that powered the graphs on howmanyleft.co.uk. Now it’s been open-sourced for the whole world to extend and enjoy.

Source

10. jQuery OrgChart

jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display.

Source

11. jgPlot

jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features like rotated axis text, automatic trend line computation, tooltips and data point highlighting, sensible defaults for ease of use and many more.

Source

12. Grafico

Grafico is a javascript charting library built with Raphaël and Prototype.js. The library provides a wide array of graphs and stays with the guidelines laid out by Stephen Few and Edward Tufte. Grafico provides pretty charts that effectively communicate their information.

Source

13. GraphUp

GraphUp is a very flexible and lightweight jQuery (v1.4+) plugin to spice up your data tables. It visualizes the values using color, bar charts and bubbles.

Source

14. dygraphs

dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them. You can mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom back out. Change the number and hit enter to adjust the averaging period.

Source

15. jsPlumb jQuery Plugin

jsPlumb jQuery plugin provides a means for a developer to visually connect elements on their web page, in much the same way you might have seen on Yahoo Pipes. jsPlumb allows you to connect elements on the screen with “plumbing”, using a Canvas element when supported, and Google’s Explorer Canvas script to support older browsers. Full transparent support for jQuery dragging is included, the API is super simple, and the compressed version of the script is just 10.5K.

Source

Best jQuery Chart Libraries for Building Interactive Charts Code Geekz.mht