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

오늘은 조금 일찍.

5시 35분에 나왔다.

사우나에 좀 앉아있다가 6시 입수

체조하고

자유형 4

오리발 착용

배영킥 4

배영(1 스트로크 3 킥) 4

배영 4

접영(한팔/양팔) 2

접영 2

접영(2 스트로크 1 호흡) 2

한바퀴 걷고.

자유형 1분 인터벌 10

자유형 50초 인터벌 5

자유형 2

오리발 벗고

자유형/평영 2

마무리

오리발 신고 잠영 4

"행복은 깊이 느끼고, 단순하게 즐기고, 자유롭게 사고하고, 삶에 도전하고, 남에게 필요한 사람이 되는 능력에서 나온다." - 스톰 제임슨 -

Happiness comes of the capacity to feel deeply,
to enjoy simply, to think freely, to risk life, to be needed.

더 나은 웹 사이트를 만드는 데 도움을 줄 수있는 25 웹 개발 자원

25 Web development resources to help you create better websites

http://www.developerdrive.com/2013/03/25-web-development-resources-to-help-you-create-better-websites/

25 Web development resources to help you create better websites Developer Drive.mht

#1. Columnal

The Columnal CSS grid system is a “remix” of a couple others with some custom code thrown in. The elastic grid system is borrowed from cssgrid.net, while some code inspiration (and the idea for subcolumns) are taken from 960.gs.

#2. Initializr

Initializr is here to kick-start the development of your new projects. It generates templates based on HTML5 Boilerplate by allowing you to choose which parts you want or don’t want from it. A responsive template has also been added to start from a basic design instead of a blank page.

#3. Button CSS3 UI

This new CSS3 Framework buttons is perfect for your websites, blogs and web projects.
It’s now possible to integrate custom buttons easy to use and understand.

#4. Bootstrap v.2.0 from Twitter

A 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and even a web-based Customizer to make Bootstrap your own.Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well.

#5. Normalize.css

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing. Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset.

#6. Adobe Edge Free Web Fonts

Edge Web Fonts gives you access to a vast web font library made possible by contributions from Adobe, Google, and designers around the world. The fonts are served by Typekit, so you can be sure of high performance and stability. Plus, it’s free!

#7. dabblet – A Playground for Testing CSS and HTML

dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won’t have to add any prefixes in your CSS code. You can save your work in Github gists, embed it in other websites and share it with others.

#8. CSS3 Shapes

CSS3 Shapes provide a list of mainly geometric shapes you can perform using CSS3. Whether you need a circle, triangle or some other shape I am sure you will find something useful here.

#9. Mobile Boilerplate

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

#10. CSS3 Patterns Gallery

CSS3 Patterns Gallery offers exactly what the title says, a large selection of CSS3 patterns. On the front page you will see all the different patterns, then when you click on one it will give you the code needed to recreate this pattern on your site.

#11. Modernizr

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Modernizr runs quickly on page load to detect features; it then creates a JavaScript object with the results, and adds classes to the html element for you to key your CSS on. Modernizr supports dozens of tests, and optionally includes YepNope.js for conditional loading of external .js and .css resources.

#12. The Semantic Grid System

Set column and gutter widths, choose the number of columns, and switch between pixels and percentages. All without any .grid_x classes in your markup. Oh, and did we mention it’s responsive? Runs on LESS, SCSS, or Stylus.

#13. Moqups – HTML5 App For Creating Wireframes

Moqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes depending on how you like to call them. If you ever wanted to create a wireframe of a website then this is the program that will help you do exactly that.

#14. Sencha CSS3 Animator & HTML5 Animations

Captivate your audience. Engage your customers. Standards-based CSS3 animation has never been so easy. With the power of Sencha Animator, use CSS3 animations to build the next generation rich-media ads. Animate text and images with smooth transitions, design buttons with gradients, and embed analytics. All backed by the strength of web standards. It does cost $99 but it is really worth it.

#15. Css2Less – CSS to LessCSS converter

This tool has been thought for front-end developers who are tired of working with CSS. Here you can quickly convert your old CSS files to fresh new LESS files. As easy as copy/paste. You can also convert files locally by install the css2less RubyGems.

#16. prefixMyCSS

You can now use powerful CSS3 techniques, and don’t waste your time writing each properties. First, write your code for your loved browser. Then, come here, paste your CSS code in the first block, and prefix! All vendor prefixes are added to your code. You can safely replace your old code.

#17. RWD Grid

rwdgrid is just another Grid system based on popular 960grid , which is responsive and ranges from mobile, tablet, laptops and wide screen displays. Naming convention of this grid system is similar to 960 grid system, where underscore is replaced by hyphen (increases readabilty).rwdgrid is having different Grid system made for 1200px+ Displays, 960px+ Displays, 720px+ Displays and Mobile screens.

#18. Foundation

The most advanced responsive front-end framework in the world. Foundation is made by ZURB, a product design company in Campbell, California. They have more than 15 years of experience building web products, services and websites into this framework.

Foundation is a rock-solid, responsive framework for rapidly prototyping and iterating into production code. It includes a 12-column, future-friendly grid and tons of great tools and elements that’ll get you up and running in no time.

#19. CSS Lint

CSS Lint helps point out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency. The rules are all pluggable, so you can easily write your own or omit ones you don’t want.

#20. Buzz

Buzz is a small but powerful Javascript library that allows you to easily take advantage of the new HTML5 audio element. It degrades silently on non-modern browsers.

#21. HTML Email Boilerplate

This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc

#22. Mozilla Thimble

Thimble makes it ridiculously simple to create your own web pages. Write and edit HTML and CSS right in your browser. Instantly preview your work. Then host and share your finished pages with a single click. Easy, huh?

#23. Fluid Baseline Grid

#24. Sprite Cow

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css.

Automated spritesheet generators are pretty cool, but I prefer the control over optimisation and compression you get by making them manually. However, copying all the positions & sizes from graphics apps wasted a ton of my time, so the guys behind Sprite Cow made this!

#25. holmes.css

holmes.css is useful for checking the quality of your code (up to W3C HTML5 standards), nitpicking over ensuring markup is valid and semantic and accessility guidelines are met, and when you are tasked to fix up and debug an old, OLD website. It has a simple implementation and a mostly unobtrusive effect on your page. Not recommended for live enviroments.

APTANA에서 FTP 셋팅하기

[Window] - [Show view] - [Remote] 를 선택하면 Remote 탐색기가 열린다.

Remote 탐색기에서 지구모양으로 생긴 아이콘(Add New FTP Site...)을 선택하면 아래의 그림처럼

 FTP 등록 팝업이 나온다.

 정보 잘 입력하고, [Test] 버튼 눌러서 로그인 잘 되는지 테스트한 다음 사용하면 된다.

녹이란 본디 쇠에서 나온 것인데 결국 쇠를 잡아 먹는구나!

참, 많은 생각을 하게 하는 구절이다.

간절하지 않으면 꿈꾸지 마라.
간절히 바라면 반드시 이루어진다.
하지만 그 간절함은 분명하지 않으면 안 된다.
막연한 간절함이 아닌 '반드시 이렇게 하고 싶다',
'이렇게 되지 않으면 안 된다'라는 의지와 다짐이
분명한 간절함, 먹고 자는 것을 잊을 정도로
간절하게 바라면, 어느 순간 불현듯
자기도 모르게 놀라운 힘을
발휘한다.


- 이나모리 가즈오의《왜 일하는가》중에서 -


* 간절함은
소중할 때 나옵니다.
너무도 값지고 귀해서
바라보기조차 어려울 때 옵니다.
간절하면 꿈꾸게 되고, 꿈꾸면 보이기 시작합니다.
먹고 자는 것도 잊는 간절함으로 손을 내밀 때는
그 손을 잡아주어야 합니다. 맞잡아주는
그 손에 놀라운 힘이 있습니다.
하늘도 움직입니다.