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

EQuality(이퀄리티) - Monster(몬스터)

클라우드 정리 - 블로터넷

http://www.bloter.net/archives/165249

10년쯤 전이던가. 워드프로세서 자격증 1급 필기시험에 합격하고 실기시험을 앞두고 있을 때다. 이 때만 해도 워드프로세서 예상 기출문제는 3.5인치 플로피 디스켓에 담겨 나왔다. 문제를 다 풀고 디스켓에 저장할 때마다 행여 불상사가 일어나 지금까지 한 작업이 헛수고가 되진 않을까 노심초사하곤 했다.

이젠 이런 풍경을 시험장에서 찾아볼 수 없다. 3.5인치 디스켓은 사라진 지 오래다. USB메모리나 플래시 메모리 같은 휴대용 저장장치도 널렸고, e메일이나 메신저 등 컴퓨터에 저장된 콘텐츠를 옮길 수 있는 방법도 다양해졌다. 최근에는 ‘클라우드 스토리지’라는 녀석도 등장해 디스켓 자리를 대신하고 있다.

클라우드 스토리지는 네트워크 기반의 저장 기능을 제공하는 서비스를 말한다. 쉽게 말해 인터넷에서 사용할 수 있는 하드디스크 드라이브(HDD)다. 우리 주변에서 흔히 들을 수 있는 아이클라우드, N드라이브, 유클라우드가 모두 클라우드 스토리지 서비스 일종이다.

사용법도 쉽다. 웹브라우저나 전용 응용프로그램(앱)으로 클라우드 스토리지 서비스에 접속하면 된다. 컴퓨터나 태블릿PC, 스마트폰이 인터넷에만 연결돼 있으면, 언제 어디서나 다양한 파일을 저장하고 공유할 수 있다. 컴퓨터에서 저장한 파일을 태블릿PC나 스마트폰에서도 볼 수 있다.

게다가 일부 서비스는 무료로 이용할 수 있다. 디스켓이나 CD, USB메모리를 사는 비용보다 훨씬 저렴하다.

무료니까 저장 공간이 적은 건 아닐까. 미리 걱정하지 말자. 서비스마다 차이는 있겠지만 적게는 2GB에서 많게는 1TB까지 무료 저장 공간을 제공한다. 더구나 클라우드 스토리지의 기능은 단순히 파일을 보관하는 ‘저장’에서 그치지 않는다. 일부 클라우드 스토리지 서비스는 문서 편집이나 동영상 스트리밍 기능도 제공한다.

국내에는 유클라우드, T클라우드, U+박스, N드라이브, 다음클라우드 같은 클라우드 스토리지 서비스가 있다. 이 중 유클라우드, U+박스, N드라이브, 다음클라우드는 클라우드 스토리지 내에서 바로 음악을 재생할 수 있는 ‘음악 스트리밍’ 기능을 제공한다. 음악을 듣기 위해 따로 음악 파일을 내려받을 필요가 없다.

U+박스, N드라이브, 다음클라우드는 한 단계 더 나아가 클라우드 스토리지 내에서 동영상 파일도 실시간으로 재생해 준다. 모바일에서 이 클라우드 스토리지 서비스를 이용할 때도 동영상 시청을 위해 파일을 내려받을 필요가 없다. 클라우드 스토리지에서 바로 재생하면, 동영상 내려받는 시간을 아낄 수 있다.

T클라우드는 주소록 데이터를 백업할 수 있는 게 특징이다. 주로 스마트폰에서 연락처 백업을 위해 유용하게 쓸 수 있다. 백업한 연락처는 PC에서 따로 정리할 수 있다. 저장과 공유 기능을 함께 제공하는 클라우드 스토리지의 능력 덕이다.

동영상이나 음악 스트리밍 서비스를 제공하는 국내 클라우드 스토리지 서비스와 달리, 해외 클라우드 스토리지 서비스는 문서 보기와 편집 기능에 주로 신경썼다. 구글드라이브와 드롭박스, 메가클라우드, 박스, 스카이드라이브는 클라우드 스토리지 내에서 문서를 볼 수 있다. 이 중 구글드라이브와 박스, 스카이드라이브는 문서 편집 기능까지 제공한다. 클라우드 스토리지에 문서 파일을 저장할 수도 있지만, 간단한 문서는 바로 만들어 클라우드 스토리지에 저장할 수 있다.

리눅스 운영체제에 대한 지원도 돋보인다. 드롭박스, 메가클라우드, 우분투원, 카피는 리눅스 운영체제를 지원한다. 국내 서비스 가운데 다음클라우드만 리눅스 운영체제를 지원하는 것과 비교되는 모습이다.

꾸지람 뒤에 격려는 소나기 뒤에 나오는 태양 같은 것

 - 요한 볼프강 폰 괴테 -

.

Best Free jQuery Form Plugins to Improve User Experience

Link : http://blog.teamtreehouse.com/best-free-jquery-form-plugins-to-improve-user-experience

Webpage forms are quite commonplace for a number of different purposes. Some examples include user registration, e-commerce checkouts, profile settings, or even contact forms. Input fields are much easier to style with modern CSS3 techniques – but what about improving the overall user experience?

In this post I want to showcase a number of free open source jQuery plugins to help developers create easier web forms. Visitors want to fill out forms quickly and without much hesitation. You don’t want too many flashy page elements distracting from the task at hand. Think of these additional features more like guidelines to help users fill out forms concerning unique or unfamiliar content.

jQuery Autotab

Auto-tabbing is a nifty feature which could be developed from scratch. If you would rather save time then check out this great plugin to streamline that functionality. jQuery Autotab will detect when a field has hit its maximum length and automatically move onto the next defined element in the form list.

All of the inputs are built using a long selector string in jQuery where you separate each field by commas. I would love to see this plugin work dynamically based on each field’s tabindex attribute, instead of manually defining each element. There are also cool filters you can utilize for different inputs such as numeric telephone numbers or alphanumeric street addresses. Grab a copy from the official Github repo to see how this plugin works in action.

Pickadate.js

A little while ago I wrote an article detailing various date picker plugins for jQuery. The list includes a number of great choices but I miss one great solution named pickadate.js. This is a free open source plugin to use in any website project which just so happens to support mobile responsive web browsers. Pickadate allows users to pick not just a date, but also a specific time or range of times which need to be passed into the form.

Try skimming my other article if you have the time just to see what else is out there. I really love toying with pickadate.js because of the support for almost every mobile device. This doesn’t completely sell the plugin on its own, but also consider the beautiful interface which is very intuitive for first-time users. If you need a quick jQuery plugin for date selection I would suggest starting from here and branching out as you have the opportunity.

Progression.js

Have you ever seen guided forms which follow the user along to each input field? These can be created manually through hidden text elements or tooltips. But you may also choose to include a plugin such as Progression which can work in a similar manner.

This open source project allows developers to easily incorporate guided form fields without much setup. There are a number of parameter options which you can pass to adjust the width, animation style, and interface colors. Check out the online documentation to understand a bit more about how this works. I feel Progression.js is a simple way to get users engrossed with the process of filling out each field, and hopefully completing your form in its entirety.

Selectize.js

Anyone who has built web forms will recognize the ever-familiar select menu. This is a dropdown box which contains a number of options with different values, where some values are put together into option groups. Selectize.js is a free plugin which customizes your select menus to work with a more native user interface.

You have the choice of using a standard select menu with more customized design features – even where users can enter their own values into the select menu. Additionally Selectize.js allows you to turn select fields into tag-based input boxes. You’ll find these in many social networking sites like Tumblr where the already-existing tags appear in the list, and users are allowed to enter in new tags as well.

Selectize isn’t perfect for every form but it does provide a lot of circumstantial value. Tag-based inputs are tough to come around. This open source jQuery plugin offers all that functionality and even more for customizing the design of your select menus.

iCheck

This is one of my favorite plugins because of the many different templates you can choose from right out of the box. iCheck allows developers to style radio buttons and checkboxes within forms. There are different skins like Flat, Square, or Polaris which you can initiate along with the plugin. It is also possible to change the color scheme on each of these skins.

iCheck offers a tremendous amount of control to developers who want easily customized checkboxes & radios. There are different color-based stylesheets which you also need to include depending on which skin you are using. In regards to simplicity and ease-of-use, iCheck wins my approval every time.

Colpick

Color pickers are another fairly obscure user interface feature which are vitally important to certain web applications. There are a number of great solutions built with jQuery and I certainly couldn’t include all of them. Colpick is open source which you can download right from Github. The color picker UI is designed almost identical to Photoshop which is great for a majority of your technical users.

But even for people who have never used Adobe software before, this color picker plugin is fairly straightforward. I don’t think anyone would struggle for too long before figuring out how it works. The design is created entirely in JS/CSS and it is even supported in legacy browsers such as IE7/IE8. The latest edits are about a month old as of writing this article, so I’m sure we can expect future updates and bug fixes as time goes on.

jQuery Switchbutton

Apple iOS users must be familiar with the ON/OFF switch inputs you find on application settings pages. Many jQuery plugins(among other libraries) have been written to duplicate this effect on the web. For a natural jQuery effect Switchbutton is a really great choice. It offers plenty of custom options for changing the label text, trigger button, and how the input checkbox should pass values into the form.

You can also change up the design to look more like classic iOS, the newer iOS 5/6/7 rounded switch, or a minified version with no text. Check out the live plugin demo page to get an idea of how these switches work in a browser. This plugin is most beneficial when trying to improve user experience without re-designing large segments of the page.

Passy

Rating user password strength has been a popular choice for almost any website registration form. Sometimes you may feel that users are turned off by this functionality and find it annoying. But it can really help people determine if their password choice is complex enough to fend off brute-force hackers.

I really like Passy for jQuery because it has this dynamic strength rating system built-in alongside the functionality to generate random password strings. When initializing the plugin you can choose how many characters should be used for any new password, which characters are allowed(or disallowed) and where the new dynamic password should appear on the page. It’s an easygoing plugin without much hassle to help users rate their chosen password or generate a new one if they prefer more security.

Nod

This final example is a plugin built for validating input fields. Each form typically has a number of fields with minimum requirements such as the length of a username or e-mail address. Nod is a jQuery plugin for validating any type of input you can possibly think about. Check out the live demo example to get an idea of how this validation can work in the real world.

The large metrics table on the plugin’s website will outline some of the choices you have when validating input content. There is also another table filled with options which let you choose between how the errors are handled and when the plugin should check for validation. Nod is simply one of the most conclusive jQuery plugins for basic frontend validation and it works perfectly in any type of common web form. Also check out the official Github repo if you want to learn more about the plugin’s development.

[서울톡톡] 그야말로 캠핑장이 대세다. 자연을 느끼면서 가족끼리 저렴하게 여행할 수 있다는 점이 많은 이들을 캠핑의 세계로 끌어들이고 있다. 특히 서울의 캠핑장은 저렴하고 시설이 좋아 예약 시작 5분 이내에 마감될 정도로 인기가 높다. 때문에 마음잡고 캠핑장을 예약하려 했다가 포기하는 이들이 수두룩하다. 그래서 서울톡톡에서 캠핑 고수들을 따라잡을 수 있는 몇 가지 요령들을 소개한다. 그 첫 번째로 서울시에서 운영하는 캠핑장과 캠핑장별 예약 시기 등을 안내한다. 참고로 서울의 모든 캠핑장은 서울의 공원 홈페이지(parks.seoul.go.kr)에서 예약할 수 있다. 예약일에 맞춰 바로 예약하기 위해선 미리 홈페이지에 회원가입을 해 두는 것이 좋다.

· 예약 오픈일 : 매달 15일 오후 2시
· 문의 : 02-300-5571

노을캠핑장은 도심에서 개구리, 맹꽁이 소리를 들을 수 있고, 시골의 정취를 느낄 수 있는 서울의 대표적인 가족 캠핑장이다. 2010년 5월 개장하여 현재까지 이용객이 꾸준히 늘어나고 있다. 캠핑장 주변에는 자연소재의 놀이터와 누에생태 체험장, 반딧불이 서식처와 남녀노소 누구나 즐길 수 있는 파크골프장이 있어 가족들이 다함께 다양한 체험을 할 수 있다.

노을캠핑장은 A구역에서 G구역에 걸쳐 120개의 구역이 있으며, 전 구역에 화덕과 테이블이 설치되어 있고 E구역 20개소를 제외한 100개 구역에서는 전기사용(최대1KW)도 가능하다.

노을캠핑장 이용료는 1박2일 기준으로 전기를 사용하는 A~D, F·G구역은 13,000원, 전기를 사용하지 않는 E구역은 10,000원으로 1구역 1가족 기준으로 최대 6인까지 이용가능하다.

주차장에서 맹꽁이전기차를 이용하면 접근이 편리하며 오는 7월 15일(월) 오후 2시에 8월분 캠핑장 예약을 선착순으로 접수하니 5분 마감으로 유명한 노을공원캠핑장 예약을 위해 지금부터 마음의 준비를 해보자.