반응형

CSS Modal — Pure CSS modal windows

 

http://drublic.github.io/css-modal/

 

 

CSS Modal lets you build modal windows entirely in CSS, without any JavaScript necessary. It works with all screen sizes, and can even be used as a Sass plugin.

css modals

 

Homepage: http://drublic.github.io/css-modal/
GitHub: https://github.com/drublic/css-modal

 

Built with pure CSS

CSS Modal is built out of pure CSS. JavaScript is only for sugar. This makes them perfectly accessible.

Optimized for mobile

The modals are designed using responsive web design methods. They work on all screen sizes from a small mobile phone up to high resolution screens.

Use as Sass plugin

You can use CSS Modal as Sass plugin and apply it to your custom classes. No need to understand all the code.

A few other advantages: accessible, cross-browser, media-adaptive, small and fast!

 

 

반응형
반응형
http://youtu.be/CFYJpRPo3UU

 

반응형
반응형

 한 시대가 부흥하는 것은 인물이 있기 때문이요.
쇠퇴하는 것은 유능한 보좌가 없기 때문이다.
세상에 완전한 인물은 없다.
적합한 자리에 기용해 인재로 키워야한다.
전능한 사람도 없다.
적당한 일을 맡겨 능력을 키워야한다.
단점을 버리고 장점을 취하는 것이
인재를 구하는 가장 기본적인 원칙이다.
그래야 탐욕스런 사람이든 청렴한 사람이든
다 쓸 수가 있다.
-강희맹

 

1447년 세종 6년에 당시 18세였던 강희맹이 과거 시험장에서
세종이 출제한 인재활용에 관한 문제에 답한 내용이라 합니다.
작은 흙과 물을 가리지 않고 받아들이기 때문에
태산과 대양이 만들어집니다.
나와 다른 것, 좋은 것과 나쁜 것을 포용할 줄 아는 사람이
인재를 제대로 활용하는 큰 그릇이라 하겠습니다.

반응형
반응형



삶은 당신에게
온갖 종류의 흙더미를 집어던진다.
우물에서 나오는 비결은 흙을 떨어뜨려
그것을 밟고 올라오는 것이다. 모든 문제들이
오히려 디딤돌이 되는 것이다. 포기하지만
않는다면 우리는 아무리 깊은 우물에서도
빠져나올 수 있다. 흙을 떨어뜨리고
그것을 밟고 올라설 수만
있다면 말이다.


- 마벨 카츠의《호오포노포노, 평화에 이르는 가장 쉬운 길》중에서 -


* 로마의 시저는
나룻배를 연결해 라인강을 건넜고
알렉산더 대왕은 흙으로 바다를 메워 한 섬나라를
정복했습니다. 나룻배와 흙더미가 '새로운 역사'의
디딤돌이 된 것입니다. 그 역사에 대한 평가는
엇갈리지만, 우리 인생의 앞을 가로막는
그 어떤 난관도 길은 있습니다.
찾으면 반드시 보입니다.

반응형

'생활의 발견 > 아침편지' 카테고리의 다른 글

하루살이, 천년살이  (0) 2013.05.23
걱정하고 계시나요?  (0) 2013.05.22
소망적 사고  (0) 2013.05.20
내 마음 닿는 그곳에  (0) 2013.05.18
'100 퍼센트 내 책임'  (0) 2013.05.17
반응형

Free PSD Responsive Web Templates

Post image of Free PSD Responsive Web Templates

 

 

What is Responsive Web Design (RWD)? Responsive Web Design is the answer to the easy accessibility which is both efficient and profitable. In cases where a site cannot be viewed on laptop and desktop systems or on tablets and Smartphone, all of which happen to come in wide range of screen sizes and resolutions, that it almost comes to the same as to it not being viewed at all. When it comes to dealing about this issue of accessibility, which is against the whole idea of having the presence of the internet and giving rise to various issues, it becomes imperative that we come up with effective solutions.

Responsive website development is easier then ever. Responsive Web Design is making the web design more powerful in different areas. Fast, Secure, Responsive, Interactive and beautiful. Responsive Web Design have many features that allow developers and designers to create apps and websites with the functionality, speed, performance, and experience of desktop applications.

As we know Responsive Web Designing are more popular day by day and designers are looking for Responsive Web Templates for their web project. So here we are put to gathered a fresh collection of Free Responsive Web Templates with PSD Files which can use for both personal and commercial projects.

You may be interested in the following modern trends related articles as well.

Free Responsive Web Templates with PSD

Today we’re gathered a list of Free PSD Templates for Responsive Web Design. Let’s take a quick look at some amazing new trend web templates to keep in mind when designing your next web project.

Prechu – Responsive PSD Template free

Prechu is a beautiful responsive website template, the download version included two designs version for desktop and mobile. The design is well crafted moden stylish template, you can use it for almost any purposes.

Free PSD Responsive Web Templates 2013

Source

Responsive HTML5/CSS3 Website Template

Free responsive HTML5/CSS3 template. This template is a good example of Responsive Web Design. You can use it absolutely free of charge.

Free PSD Web Templates 2013

Source

Parallelism Responsive Html5 Theme

Free PSD Web Templates 2013

Source

Zeni Responsive HTML 5 Portfolio Template

Zeni works great for creative’s portfolio, blog and corporative and business sites. We’re working on a WordPress version, stay tuned!

Free PSD Web Templates 2013

Source

FlexApp – Responsive Website Template For Your Mobile App

FlexApp is a free, fully responsive website template for marketing your mobile application. The design uses CSS3 to scale the content proportionally to whatever device is being used. Give it a try by resizing your browser!

Free PSD Web Templates 2013

Source

Liguid Gem – A fully responsive HTML portfolio template

Liquid Gem utilises CSS media queries and percentage layouts to give a completely responsive design. It also includes an image carousel, a fully working PHP contact form and a sample work page.

Free PSD Web Templates 2013

Source

Serendipity – Free Responsive HTML Template

Serendipity comeup with the HTML version of our fully responsive premium WordPress theme. (Free for only personal use.) If you are not feeling good about HTML and would like to have the theme with an admin panel along with gallery featuring Tumblr-like lightbox, working contact form and font/color/background options, WordPress version of Serendipity is what you are looking for.

Free PSD Web Templates 2013

Source

Proximet – Free responsive website template

Proximet is a free HTML5 /CSS3 Responsive Template. It is compatible with Major Browsers, Smartphones and Tablets. Just resize the browser window to see it in action! It is based on 960 grid and elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). And it is responsive. Designed by Ana.

Free PSD Web Templates 2013

Source

Folder – Responsive Showcase Perfect for Creatives and Designers

Folder is a responsive HTML 5 template that adapts to any devices and browser sizes. Perfect for creatives showcase and business. Its retro and minimal design gives importance to the content and gives a friendly air to the visitors.

Free PSD Web Templates 2013

Source

Legend – Free Responsive Bootstrap Template

Legend is multi-purpose responsive one page template built on Twitter Bootstrap. You can use this template as a landing page, online portfolio for creative folks or even as a business theme.

Free PSD Web Templates 2013

Source

Codester – Free Responsive Bootstrap Template

Codester is an awesome responsive Bootstrap template released for free. It is basically a portfolio template for creative people like designers, photographers, graphics artists and more. But with some basic customization you can actually transform this template into your desired website. Codester comes with complete customizable package including latest JavaScript, Scaffolding, Base CSS and Components.

Free PSD Web Templates 2013

Source

Verti – Responsive Html5 Theme

This is Verti, a free and fully responsive HTML5 site template by HTML5 Up! It’s built on 5grid, which means it’s easy to customize and works very nicely on mobile devices (try it for yourself — size the window down and hit reload). Like everything else at HTML5 Up!, Verti is released under the Creative Commons Attribution license, so feel free to use it for pretty much anything you want (be it a personal project or a commercial venture), just don’t forget to credit us!

Free PSD Web Templates 2013

Source

Brownie – Free Responsive HTML5 Portfolio / Business Website Template

Created by using the latest HTML5 and CSS3 techniques, Brownie is a simple and clean Free Responsive HTML5 portfolio and business website template.

Free PSD Web Templates 2013

Source

It Fits – Free HTML5 CSS3 Responsive Template

Its an HTML5 CSS3 Responsive Template, with 5 pages excluding 404 page. This template has something not just merely HTML5 new tags, it’s coded using WAI-ARIA roles for enhanced quality. Uses very less images, taking benefits from CSS3 features. Even icons are fonts – hmm super fast page loading.

Free PSD Web Templates 2013

Source

Dopetrope – Responsive Html5 Theme

Dopetrope a free, fully responsive HTML5 site template by AJ for HTML5 Up! It’s released for free under the CCA license so feel free to use it for any personal or commercial project

Free PSD Web Templates 2013

Source

Madison – Responsive Html5 Theme

Free PSD Web Templates 2013

Source

반응형
반응형

조사대상의 3분의 2에 해당하는
100명중 67명이 스스로 목표를 세웠다.
그러나 목표를 세운 67명 중에서 10명만이
목표 달성에 필요한 현실적인 계획을 세웠다.
그리고 그 10명중 단 2명만이 중도에서 포기하지 않고
끝까지 목표를 달성했다.
-그레그 헤리스 목사

 

괴테는 ‘생각은 쉽고 행동은 어렵다.
그런데 생각을 행동으로 옮기는 일은
세상에서 가장 어려운 일이다.’고 했습니다.
세상에서 가장 먼 거리는
‘머리에서 손’까지라는 말도 있습니다.
‘천천히 가는 것을 걱정하지 말고
제자리 서 있는 것을 걱정하라.’는
중국 속담을 좇아 일단 행동으로 옮겨보는
습관을 가져보는 것이 좋겠습니다.

반응형
반응형




소망적 사고는
우리가 정보를 해석하는 데
영향을 미치며 매우 광범위하게 발생한다.
자기가 원하는 것은 일어날 것이라고 생각하는
것이다. 소망적 사고는 우리로 하여금 스스로
바라는 결과가 좀 더 잘 일어날 것이라고
생각하게끔 한다.


- J.에드워드 루소의《이기는 결정》중에서 -


* 소망적 사고의 반대말은 절망적 사고입니다.
어떤 일이든 절망적으로 생각하면 실제 상황도
절망적으로 흘러갑니다. 같은 조건, 같은 상황인데도
희망적으로 생각하면 좋은 상황으로 바뀝니다.
절망적 사고는 절망과 불행을 낳고,
소망적 사고는 희망과 행복을
낳습니다. 생각에 따라
운명이 갈립니다.

반응형

'생활의 발견 > 아침편지' 카테고리의 다른 글

걱정하고 계시나요?  (0) 2013.05.22
디딤돌  (0) 2013.05.21
내 마음 닿는 그곳에  (0) 2013.05.18
'100 퍼센트 내 책임'  (0) 2013.05.17
처음엔 걷지도 못했다  (0) 2013.05.16
반응형

사람이 자신의 발목을 잡고 있는 불리한 조건들을 뛰어넘기 위해 애쓰는 것보다 아름다운 것은 없다 - 카프카 -

반응형

+ Recent posts