http://smashinghub.com/40-free-and-fresh-jquery-plugins-and-tutorials.htm

40+ Free and Fresh jQuery Plugins and Tutorials

Quake Slider

( Demo | Download )

A simple jQuery plugin for creating appealing and functional sliders for your websites.

Freetile.js

( Demo | Download )

This jQuery plugin lets you organize your content in a dynamic and responsive layout so that you can optimally use the screen space.

Raccordion

( Demo | Download )

Raccordion is a multipurpose responsive accordion plugin that can adjust accordingly with the size of browser width.

3D Flipping Circle with CSS3 and jQuery

( Demo | Download )

This tutorial helps you learn how to create 3D flipping circles with CSS3 3D transforms and shadows/gradients and jQuery.

jQuery Animated Bar Plugin: jqBar

( Demo | Download )

This plugin will let you create animated vertical and horizontal bars so that you create beautiful bar charts and present your data with some visual effects.

Mini Help System with jQuery

( Demo | Download )

This tutorial takes you through the process of creating a mini help system by means of jQuery.

Make a Google Powered Shopping Search Website

( Demo | Download )

With this tutorial, you can learn how to make Google powered shopping search website by using jQuery and PHP.

How to Make a Mac OSX-like Animated Folder with CSS3

( Demo | Download )

This is a short tutorial on using CSS3, 3D transforms, gradient and box shadows to create a Mac OSX like animation folder.

Create a Beautiful Password Strength Meter

( Demo | Download )

Create an appealing password strength meter with the help of this tutorial. The new Complexify jQuery plugin is used in this tutorial.

How to Build a ToDo Application with Web SQL and jQuery

( Demo | Download )

Follow this tutorial and build a ToDo application with Web SQL and jQuery. This tutorial will help you understand transactions and let you get started with Web SQl.

Responsive Carousel

( Demo | Download )

This carousel script lets you work with mouse, touch friendly devices and keyboard. It includes slide/drag transition that can be applied by adding a data attribute.

iosSlider

( Demo | Download )

With this jQuery plugin, you can create a responsive, customizable and cross-browser content slider.

jQuery Interactive Cycle Slides Plugin: jQSlid

( Demo | Download )

This is another jQuery plugin for parallel sliding that can be used anywhere where sliding functionality is required.

gridster.js

( Demo | Download )

Create intuitive drag able layouts with this plugin that allows you dynamically add and remove elements from the grid.

tiltShift.js

( Demo | Download )

This jQuery plugin is designed to replicate the tilt-shift effect by using CSS3 image filters.

stickyMojo

( Demo | Download )

This plugin is compatible with Firefox, Chrome, Safari and IE8+, stickyMojo is a fast, lightweight and flexible sticky sidebar plugin.

Complexify

( Demo | Download )

This jQuery plugin is designed so that your users can correctly estimate the quality of their password.

jQuery Vector Maps

( Demo | Download )

With this jQuery plugin, you can render vector maps easily as it uses resizable Scalable Vector Graphics (SVG).

FrameWarp

( Demo | Download )

This jQuery plugin helps you display pages in a neat overlay.

Swatch Book with CSS3 and jQuery

( Demo | Download )

In this tutorial, you will learn creating a swatch book by using CSS transforms and transitions and jQuery plugin as well.

Triple Panel Image Slider

( Demo | Download )

This tutorial will walk you through the process of creating triple panel image slider with a 3D look.

Fullscreen Slit Slider with jQuery and CSS3

( Demo | Download )

Now, you can learn how to create a full screen slideshow by using jQuery and CSS animations.

Build a Filterable Portfolio Using jQuery Isotope

( Demo | Download )

Here, you will see how to see jQuery Isotope plugin to create a filterable portfolio.

Vertical Showcase Slider with jQuery and CSS Transitions

( Demo | Download )

Follow this tutorial to create a vertical showcase slider with jQuery and CSS transitions. You can create a full screen slider that can move its section in opposite directions.

Fullscreen Video Slideshow with Bigvideo.js

( Demo | Download )

This tutorial is about creating a full screen video slideshow by using a jQuery plugin called BigVideo.js that is mostly used for big background video.

Custom DropDown List Styling

( Demo | Download )

With this tutorial, you can learn how to create a custom drop down list styling for various purposes.

3D Thumbnail Hover Effects

( Demo | Download )

Follow this tutorial if you want to learn how to create 3D thumbnail hover effect with the help of CSS 3D transforms and jQuery.

Creative Web Typography Styles

( Demo | Download )

In this tutorial, the process of creating web typography styles with several CSS techniques and lettering.js.

Create a Parallax Scrolling Website Using Stellar.js

( Demo | Download )

Learn the use of parallax scrolling effects with this tutorial that uses Stellar.js and of course with some imagination.

Responsive, Multi-Level Navigation

( Demo | Download )

By using media queries and jQuery, you can accommodate large, multi-level navigation menus while keeping external resources minimal and markup simple.

Adding a jQuery Countdown to Our “Coming Soon” Page

( Demo | Download )

Give your countdown timer some functionality to make your Coming Soon page look appealing.

Create a Customized HTML5 Audio Player

( Demo | Download )

This tutorial will walk you through the process of creating a customized HTML5 audio player.

Make a jQuery Count Up Timer

( Demo | Download )

This tutorial helps you learn creating jQuery count up timer.

Make A Simple AJAX Note Taking App

( Demo | Download )

If you want to create an AJAX note taking app, then you should follow this tutorial that will teach you how to use PHP and jQuery to create a simple AJAX interaction.

Bild a simple weather webapp

( Demo | Download )

Here, you will be shown how to use HTML5 geolocation API and Yahoo API along with jQuery to build an amazing weather app.

Growing Thumbnails Portfolio

( Demo | Download )

Follow this tutorial to see how you can use HTML5, jQuery and CSS3 to create growing thumbnail portfolio.

How to grab Dribbble feed with jQuery and CSS3

( Demo | Download )

With this tutorial, you will be taught to grab dribbble’s API and integrate them with your designs.

Custom Login Form Styling

( Demo | Download )

A simple and easy to follow tutorial on creating custom login form styling by using CSS and HTML5.

Slicebox Revised

( Demo | Download )

With this improved version of jQuery plugin, you can create 3D image slider.

Photo Booth Strips with Lightbox

( Demo | Download )

Here is a tutorial on creating neat and scrollable booth strips with Lightbox 2, and later you will also be learnt how to make them responsive and touch friendly.

A Content Flip Plugin

( Demo | Download )

This jQuery plugin can be used to create booklet-like components in order to create a page flip navigation.

Timeline Portfolio

( Demo | Download )

This is another jQuery plugin for showing a chronological series of events. With this plugin, you can easily embed al kind of media and therefore it is perfect for a portfolio.

Making a Page Flip Magazine with turn.js

( Demo | Download )

Another jQuery plugin called turn.js that is used to create a page flip effect is used in this tutorial along with PHP, CSS3 and jQuery to create a page flip magazine.

많은 사람들이 가지고 있는 가장 큰 문제는
자신을 충분히 믿지 않는다는 것이다.
우리는 우리의 힘을 깨닫지 못한다.
사람은 원래 노예가 아니라 정복자처럼 행동하도록 만들어졌다.
즉 실패가 아닌 성공을 하도록 만들어졌다.
자기 경시는 하나의 범죄이다.
-프랭크 월워스

‘큰 꿈을 꾸십시오. 절대로 도중에 포기하지 마십시오.
부정적인 말이나 생각으로 자기 자신의
위대한 잠재력을 죽이는 일이 있어서는 안됩니다.
여러분에게는 오늘만 있는 것이 아니라
내일이 기다리고 있습니다.’(스티븐 스필버그)

남에게
신세를 진다는 것은 어려운 일이다.
사람이란 늘 누군가 다른 사람들에게
무언의 신세를 지며 살아가게 되어 있고
또 그런 면에서는 늘 자기도 누군가에게
신세를 지우며 사는 것이다. 하지만
그것이 '의식된 신세'가 되면
이야기는 달라진다. 그것은
갚아야 될 부채가 되기
때문이다.


- 김명인의《내면 산책자의 시간》중에서 -


* 사람은 홀로 살 수 없습니다.
다른 사람과 더불어 서로 돕고 기대며 삽니다.
서로 늘 신세를 지고 사는 것이 우리의 삶입니다.
중요한 것은 자신이 진 그 신세를 잊지 않고
어떻게 갚으며 사느냐, 하는 것입니다.
신세도 당당히 지고, 당당히 갚는 것,
갚을 때는 더 크고 좋은 것으로,
더 아름다운 것으로 갚는 것,
당당한 삶의 길입니다.

2013년 첫 수영강습

수영장 바닥도 새로 칠하고.

강사도 바뀌었구나.

나만 저질체력 그대로~

오리발 강습날.

자유형 4

오리발/스노클 착용

자유형 발차기 4

자유형 스트로크 4

자유형 8

잠영 1

배/평 4

배영킥 1

접영 4

잠영 1

접영 무호흡 2

자유형 4

뭔가 피곤하군 ㅋㅋㅋ

좋은 생각과 말과 행동은
뇌의 앞쪽에 자리한 전두엽을 긍정적으로 자극한다.
전두엽이 자극을 받을수록 뇌는 더 긍정적이고 이타적으로
사고하고 움직였다. 좋은 생각을 더 많이 퍼트리려고 노력하고
더 좋은 말을 쓰려고 하며, 모두에게 이로운 일을 하려고
모색한다. 그래서 "거짓말을 하지 말라"거나 "선하게
행동하라", "바르게 생각하라" 등의 가르침들은
뇌과학으로도 증명할 수 있는 사실들이다.


- 이노우에 히로유키의《생각만 하는 사람 생각을 실현하는 사람》중에서 -


* 좋은 것을 품고 살면 좋은 삶을 살게 된다고 합니다.
그럼에도 불구하고 사람들은 좋은 생각만 하며 살지 못하는 것
같습니다. 왜일까요? 누구에게나 똑같이 주어지는 기쁨과 슬픔,
만족과 불만족, 그 중 어느 것을 마음에 품느냐에 따라 행복과
불행이 갈립니다. 좋은 것은 나쁜 것으로 바꿀 수 있으나
나쁜 것은 좋은 것으로 바꾸기가 어렵습니다.
그러기에 항상 좋은 생각을 하여 뇌를
자극하기에 힘써야 하겠습니다.
그러면 좋은 삶으로
이어지게 됩니다.