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

몸이 있어야 인간이다.
몸의 신비와 아름다움이 그 어떤 것과도
비교할 수 없을 만큼 고귀한 것이라면
몸의 어떤 부위도 다 존귀한 것이다.
몸의 생명력을 치유하기 위해서는
에너지가 순환할 수 있도록
기꺼이 허락해야 한다.


- 이병창의《몸의 심리학》중에서 -


* 몸의 치유!
그 핵심은 에너지 순환에 있습니다.
순환하지 못하면 이미 죽은 몸입니다.
깨끗한 피가 잘 돌아야 살아있는 몸입니다.
혈액, 에너지, 사랑의 기운이 막힘없이 돌아야
몸과 마음을 함께 잘 치유할 수 있습니다.
몸의 치유가 곧 마음의 치유입니다.

Comic.js: Cartoon style drawing for HTML5 Canvas and more

Javascript library that acts as plugin for Raphael.js, D3.js, SVG.js or as lib for the HTML5 Canvas, providing functions for cartoon style drawing.

Provides either methods for drawing comic style shapes (cEllipse, cLine, cRect, ...) or the magic method for cartoonizing an already existing SVG. When using the magic method or drawing on a canvas no further libraries are required.

Examples

Cartoonized D3 examples: D3 Cartoonized!

Cartoon R widget built by Kent Russell using comic.js: R Cartoonized!

Raphael.js, D3.js, SVG.js, Canvas,

using "magic": on images, on drawings

.

Plyr is a simple HTML5 media player that offers WebVTT captions. It’s lightweight, accessible, and customizable, and works with all modern browsers.

Checkout the demo.

Why?

We wanted a lightweight, accessible and customisable media player that just supports modern browsers. Sure, there are many other players out there but we wanted to keep things simple, using the right elements for the job.

Features

• Accessible - full support for VTT captions and screen readers.
• Lightweight - just 8KB minified and gzipped.
• Customisable - make the player look how you want with the markup you want.
• Semantic - uses the right elements. <input type="range"> for volume and <progress> for progress and well, <button>s for buttons. There's no <span> or <a href="#"> button hacks.
• Responsive - as you'd expect these days.
• Audio & Video - support for both formats.
• Embedded Video - support for YouTube (Vimeo soon).
• API - toggle playback, volume, seeking, and more.
• Fullscreen - supports native fullscreen with fallback to "full window" modes.
• i18n support - support for internationalization of controls.
• No dependencies - written in vanilla JavaScript, no jQuery required.

Oh and yes, it works with Bootstrap.

.

Gridlex: Flexbox grid system

Gridlex is a simple flexbox grid system. There are three different ways to use it: the basic way where you add a class; the precise, cell-by-cell way; or the automatic, where you just tell it how many cells you want in the grid.

Gridlex

Just a Flexbox Grid System

v. 2.0.5

The concept is simple: you need to wrap your .col in a .grid.

What can we expect?

• Basically each column is the same width as every other cell in the grid.
• But you can add sizing classes to individual columns.
• For responsive designs, you can add classes based on media-queries.
• Top, bottom, or middle. For the grid. And for the columns.
• Grids can be nested. Always. Directly in a column.

Less, Sass, CSS?

I just wanna use it in my page!

To use Gridlex out of the box, call the gridlex.css or gridlex.min.css file in your project :

.