5시 기상. 5시 10분 기상.

준비하고, 춥다.

택시타고 은평청소년 수련관으로~

넘 일찍 왔나?

1년만이라 중급레인에서 간단히 몸풀기로 6시 35분까지만.

자유형 3

평영스트로크 자유형킥 3

자유형 4

평영 2

킥판잡고 자/평/접/배 각 1

땀난다. ㅎㅎㅎ

How to create QR code reader in HTML5 website

javascript QRCode scanner

https://github.com/LazarSoft

How to Turn jQuery Accordion into CSS3 Accordion

http://css.dzone.com/articles/how-turn-jquery-accordion-css3

Have you ever used ordinary accordion plugins in your projects? I would believe so! Most of them use javascript to work (or jQuery). Usually we use such plugins (accordions) to build a promo with images, a little photo gallery, or in case we have to build an advertisement with a list of product features. We did some research and came to the conclusion that sometimes we don’t need to use any script in order to build accordions. We can just use the power of CSS3. We can handle the OnClick event and use custom animation.

download sources

I prepared three versions with accordions. For the first demonstration we use jQuery to build an accordion. I selected liteAccordion jQuery plugin (http://nicolahibbert.com/demo/liteAccordion/) as an accordion plugin for out test purposes. See how it works:

Live Demo

That’s all, our own CSS3-based accordion is complete! You can check it in action:

CSS3 accordion demo

But that’s not all for today, as a bonus, I prepared a third demo for you with an animated accordion.

animated accordion demo

In order to do it I recommend disable onclick behavior, and apply new animation:

Conclusion

Now that is all for today. We have just created three different demos: the first one with jQuery, the second and the third – with pure CSS3. I hope that you like it. Good luck!

INTERFACE SKETCH http://interfacesketch.tumblr.com/

스케치, http://enva.to/uxlzdf에 스케치를 얻을 수 있도록 인쇄 서식 파일의 전체 더미 인터페이스

Free sketch templates for web, mobile and tablet.

If you're designing a website or app, these simple templates are designed to help you sketch your ideas on paper.

How to use

Download a template. Print it out. Start sketching! You can print in colour or black-and-white; on laser or inkjet printer. All templates are in PDF (portable document format). Some of the templates contain a grid of dots to help with alignment when you sketch. These dots do not represent the pixel dimensions of the device or browser.

Printing tip

Some templates contain pages in landscape and portrait sizes. To print these templates correctly, look for the checkbox option in your print dialog box that states auto-rotate (in some PDF readers, it may say auto-rotate and center). Make sure this option is selected; this will ensure that pages are printed in their correct orientation.

The templates (in PDF)

These templates are hosted on Google Docs. When you click a link below, a preview of the template will open in your browser. To save the template to your computer as a PDF file, press Ctrl+S or click the File menu and then choose Download.

Web browser

• A4 (5.8 MB)
• US Letter (5.5 MB)

iPad

• A4 (221 KB)
• US Letter (222 KB)

iPhone 4

• A4 (711 KB)
• US Letter (692 KB)

iPhone 5

• A4 (871 KB)
• US Letter (956 KB)

Nexus 7 tablet

• A4 (918 KB)
• US Letter (729 KB)

Android phone

• A4 (944 KB)
• US Letter (904 KB)

Windows 8 phone

• A4 (1.5 MB)
• US Letter (2 MB)

Feature phone

• A4 (185 KB)
• US Letter (179 KB)

Comments or feedback to: interface.sketch at gmail.com

하이패스 단말기 구매 - 무선하이패스 HI-9100 DONGLE/건전지타입/자가발급단말기

자가발급이 가능하다고 해서, 신한 하이패스 발급 후 단말기 구매.

지금까지 쓴 도로비가 얼마인데, 이제야 하이패스를 하다니.