반응형

다만 한 가지,
꼭 명심해야 할 것이 있습니다.
슬픔이 우리를 송두리째 삼키도록 내버려 두지는
말아야 합니다. 슬픔의 어느 순간에서든, 제아무리
큰 슬픔이든 이것만은 잊지 말아야 합니다.
그렇지 않으면 슬픔이 우리를 내모는 대로
휩쓸린 채, 슬픔을 이겨내는 일은
더더욱 멀어질 테니까 말입니다.


- 그랜저 웨스트버그의《굿바이 슬픔》중에서 -


* 어렵고 힘든 시기입니다.
어떤 이에게는 견딜 수 없는 슬픔의 시간이기도 합니다.
누구에게나 갑작스레 찾아오는 이 '예기치 않은 손님'을
어떻게 맞이하고 어떻게 잘 떠나보내야 하는지가
늘 우리 모두의 커다란 숙제이기도 합니다.
찾아온 슬픔을 잘 떠나보내는 것!
그것이 자기 인생을 더 풍요롭고
아름답게 만드는 비결입니다.

반응형

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

인생 마라톤  (0) 2013.02.25
고마워...  (0) 2013.02.23
젊은 친구  (0) 2013.02.21
슬픔의 다음 단계  (0) 2013.02.20
내면의 어린아이  (0) 2013.02.19
반응형

인생의 삼고(三苦)는 고독, 고생, 고통이다.
이 세 가지 모두 감내하기란 쉽지 않다.
하지만 그런 만큼 이 보다 인생을 더 크게 발전시키는 것도 드물다.
그런 의미에서 삼고는 인생의 삼고(三高)다.
고독하지 않으면 몰입할 수 없으며,
고생하지 않으면 대가가 될 수 없고,
고통이 없으면 삶의 의미를 깨닫기 힘들기 때문이다.
-유영만, ‘니체는 나체다.’에서

 

알버트 아인슈타인의 고독 예찬을 함께 보내드립니다.
“고독은 젊은 날에는 고통스럽다.
하지만 좀 더 성숙하면 고독은 즐거운 일이 된다.
나는 시골에서 고독하게 생활했는데,
고요한 삶의 단조로움이
창의적 사고에 자극이 된다는 것을 깨달았다.”

반응형
반응형

"야망은 하나의 씨앗이다. 모든 고귀함은 그로부터 싹튼다" - Thomas D. English -

"Ambition is the germ from which all growth of nobleness proceeds."

반응형
반응형

 

60+ Responsive Web Design Tutorial Roundup – Spoil Your Mobile visitors!

by Lars on February 19, 2013

responsive-web-design-tutorial

Time to learn responsive web design and development techniques? In this huge collection, I am sure you will find the responsive web design tutorial you need to get started!

With more than 1 billion mobile Internet users, the demand for building professional and user-friendly mobile websites is exploding right now. Up to date statistics show that close to 12% of internet users are browsing from mobile devices and the number is constantly growing. This leaves us with no doubt about investing time and money into spoiling mobile visitors on our website.

Many web designers use responsive frameworks as the foundation in their web project to leverage the many hours of work, experience and maturity experts put into many of them. It is also a popular trend to take offset in a responsive website HTML5 template or a WordPress theme with a build in responsive layout.

Ethan Marcotte started the responsive web design trend back in May 2010. He wrote an article about the need for a more flexible approach to web design, “Responsive Web Design,” for A List Apart. Today most new websites are responsive somehow, but the responsive behavior vary a lot. Some websites and templates have several designs that are perfectly adapted to specific view port sizes, while many still only have one layout for pc screens and one for small mobile devices. The effort required to do it right should not be underestimated. Checking a few well-written responsive web design tutorials is a good start to learn and find inspiration.

Please take time to leave a comment and share this resource with co-workers that you think need to learn about responsive web design.

 

Responsive Column Layouts – MORE INFO

responsive-column-design

In this tutorial you will learn a very simple CSS trick to create a responsive column layout using nth-of-type pseudo class.

Responsive Web Design using CSS3 - MORE INFO

resposive-web-design-tutorial-1

This responsive web design tutorial explain you how to use CSS 3 @media property (known as media queries) and working with Internet Explorer using Modernizr.

CSS Only Responsive Layout With Smooth Transitions – MORE INFO

css-responsive

A tutorial on how to create a 100% width and height smooth scrolling layout with CSS only.

Responsive Design With CSS3 Media Queries – MORE INFO

css3-with-media-design-queries

This responsive web design tutorial will show you how to create a cross-browser responsive design with HTML5 & CSS3 media queries.

Responsive Pricing Tables Using :target for Small Screens – MORE INFO

responsive-target

In this tutorial you will learn how to make a fluid pricing table, then alter the way it’s displayed at different viewport sizes using media queries.

Creating a CSS3 Responsive Menu – MORE INFO

creating-css3-responsive-menu

This tutorial aims to provide step by step instructions to enable you to create a responsive navigation menu that adapts to varying screen sizes, with the help of CSS media queries.

Create a Responsive Web Design Template – MORE INFO

create-reponsive-web-design-template

In this tutorial, you will learn how to make a (very simple looking) web template that is responsive from desktop size down to mobile version.

Responsive Design in 3 Steps – MORE INFO

responsive-design-in-3-steps

In this tutorial you will learn how to do the basic logic of responsive design and media queries in 3 steps (assuming you have the basic CSS knowledge)

Responsive Data Tables – MORE INFO

responsive-data-tables

This tutorial will show you how to create and format a responsive data table.

Turn Any Site Into a Responsive Site – MORE INFO

turn-responsive

This tutorial will teach you some techniques on how to take your current site and turn it into a mobile friendly one, with little effort.

Typography Responsive Web Design – MORE INFO

typography-responsive-web-design

This tutorial will be discussing typography vis a vis responsive web design. Our focus will be on typography strictly in relation to responsive web design only.

Responsive Menu Concepts – MORE INFO

responsive-menu-concepts

This tutorial will teach you four concepts on how to handle navigation menus for small screens.

CSS Effect: Space Image Out to Match Text Height – MORE INFO

spacing-out

This responsive website tutorial will teach you how to properly space out images to match text height.

Scalable Navigation Patterns in Responsive Web Design – MORE INFO

scalable-navigation-patterns-responsive

This tutorial focuses on how to deal with deep navigation in the landscape of a templated environment.

Building a Responsive Layout with Skeleton: jQuery Plugins – MORE INFO

building-layout

In this tutorial you will learn various jQuery plugins to utitlize in order to pull Twitter and Flickr feeds to a page, plus a responsive slider plugin for our features area at the top.

Responsive Resume – MORE INFO

reponsive-resume

This tutorial will teach you how to create a mobile responsive resume to attract new projects.

Techniques for Gracefully Degrading Media Queries – MORE INFO

broken-media

This tutorial will teach you how to implement CSS Media Queries for mobile web.

CSS Elastic Videos – MORE INFO

css-elastic-videos

In this responsive web design tutorial, you will learn how to make embedded videos elastic (responsive) to browsers.

Build a Responsive Filterable Portfolio with CSS3 Twists – MORE INFO

responsive-portfolio

This tutorial will teach you how to inherent visual appeals of filterable portfolios using straight-forward markup, CSS3 and a little bit of jQuery.

How to Build a Responsive Thumbnail Gallery – MORE INFO

responsive-thumbnail-gallery

In this tutorial you will learn how to build a responsive thumbnail gallery.

Responsive Content Navigator With CSS3 – MORE INFO

responsive-content-navigator

This tutorial will show you how to create a content navigator with CSS only.

Responsive Coming Soon HTML5 Page Tutorial – MORE INFO

responsive-html-5

In this tutorial we’ll create a coming soon template, 100% responsive, that will help you keep your users informed while you are building a new website.

Convert Menu to Dropdown – MORE INFO

convert-menu-to-dropdown

This tutorial will teach you how to convert your regular row of links into a drop down menu.

Build Responsive Site Week Designing Responsively Part 1 – MORE INFO

build-responsive-in-a-week

This tutorial will teach you the basics of creating a responsive website for mobile devices.

Create a Responsive Web Design with Media Queries – MORE INFO

responsive-web-design

In this tutorial how to convert a previous WordPress theme design into a responsive layout, while taking into consideration the design’s original grid structure.

Beginner’s Guide to Responsive Web Design – MORE INFO

beginners-responsive

This tutorial is intended both for beginners and advanced web designers in creating mobile responsive websites.

Designing for a Responsive Web – MORE INFO

designing-responsive-web

In this tutorial, you will learn the do’s and don’ts of designing websites for mobile responsiveness.

CSS Responsive Navigation Menu – MORE INFO

css-responsive-navigation

This tutorial will teach you how make a responsive toggle on hover menu which is more user friendly.

Build a Responsive, Mobile-Friendly Web Page With Skeleton – MORE INFO

built-with-skeleton

In this tutorial you will learn how to use a boilerplate called Skeleton to take the headaches out of designing and building a responsive web page.

How to Use CSS3 Orientation Media Queries – MORE INFO

css3-orientation

This tutorial will focus on the orientation of media queries and also demonstrate on how to use it.

Adaptive Layout Media Queries – MORE INFO

adaptive-layout

This tutorial will teach you how to create a beautiful website employing adaptive layouts and optimized for the latest mobile devices.

Responsive Images Experimenting with Context Aware Image Sizing – MORE INFO

responsive-images

This tutorial will teach you how to deliver optimized, contextual image sizes for responsive layouts that utilize dramatically different image sizes at different resolutions.

Responsive Web Design: A Visual Guide – MORE INFO

responsive-design-visual

This tutorial shows how to build a mobile responsive site thru a video presentation. It covers all the basic things needed to get you started.

Elements of Responsive Web Design – MORE INFO

elements-design

In this tutorial, an in depth discussion of the elements of web design is presented.

Responsive Web Nav – MORE INFO

response-nav

This tutorial walk you through on how to build a simple navigation from the ground using the CSS3 media queries and jQuery to display it in a small screen size like the smartphones properly.

User Opt-out Responsive Web Design – MORE INFO

user-opt-out-responsive-design

Responsive Design – MORE INFO

responsive-design

This tutorial is going to walk you through how to create an adaptive web experience that’s designed mobile-first

How to Use CSS3 Media Queries to Create a Mobile Version of Your Website – MORE INFO

mobile-version

In this tutorial, you will learn how to convert an existing website into a mobile responsive website.

Handling Typography Responsive Design – MORE INFO

typography-responsive

This tutorial covers how to effectively format font types to be responsive as well.

The Sparkbox Responsive Design Process – MORE INFO

sparkbox

A graphic tutorial about responsive web design process.

Big Menus, Small Screens: Responsive, Multi Level Navigation – MORE INFO

big-menu-small-screen

In this responsive website tutorial to responsive navigation, you will learn how to use an approach that can accommodate large, multi-level navigation menus using media queries and jQuery, whilst trying to keep markup simple and external resources minimal.

Responsive Horizontal Layout – MORE INFO

responsive-layout

This tutorial will show you how to create a horizontal layout with several content panels.

Responsive Web Design – MORE INFO

responsive-web

This responsive web design tutorial aims to show how to create a responsive design of a web page adaptable to different screen resolutions, and providing a concrete example.

Optimizing your emails for mobile devices With the @media query – MORE INFO

mobile-devices

A quick tutorial on how to properly handle emails using the @media query.

Fluidgrids – MORE INFO

fluidgrids

This tutorial pretty much discusses how to make grids fluid and resize according to the browser’s window.

Responsive Design – MORE INFO

bootstrap

This tutorial is about how to apply responsive design feature into your web layout.

Creating Responsive Stylish with CSS3 and HTML5 – MORE INFO

responsive-form

This tutorial provides a basic introduction on how to make responsive sites using HTML5 and CSS3.

5 Useful CSS Tricks for responsive Design – MORE INFO

useful-css

A tutorial of 5 most commonly used CSS tricks along with sample cases for coding responsive designs. They are simple CSS properties such as min-width, max-width, overflow, and relative value — but these properties play an important part in responsive design.

Responsive Web Design – MORE INFO

responsive-web-design

Working with Fluid Images in Dreamweaver CS6 – MORE INFO

dreamweaver-cs6

In this tutorial, you will see how to manage fluid images integrated within the website using Dreamweaver CS6.

반응형
반응형

No module named django.core 완전...

 

Django는 아직 Python 2 버전대만 지원하나보다. 계속 에러.

Python 2 버전으로 다시 설치하고 해봐야지.

Django 1.4.3 , Python 2.7.3 으로 설치해봐야겠다.

 

 

C:\>cd django

 

C:\django>python django-admin.py --version
Traceback (most recent call last):
  File "django-admin.py", line 2, in <module>
    from django.core import management
ImportError: No module named 'django.core'

 

C:\django>

 

반응형
반응형

나의 유일한 경쟁자는 어제의 나다.
눈을 뜨면 어제 살았던 삶보다
더 가슴 벅차고 열정적인 하루를 살려고 노력한다.
연습실에 들어서며 어제 한 연습보다
더 강도 높은 연습을 한번, 1분이라도 더 하기로 마음먹는다.
어제를 넘어선 오늘을 사는 것, 이것이 내 삶의 모토다.
-강수진, ‘나는 내일을 기다리지 않는다.’에서

자기 자신과 경쟁하는 사람은
다른 사람을 시기할 시간도,
다른 사람과 비교해서 자괴감에 빠지거나
자책할 시간도 없습니다.
남이 아닌 어제의 자신과 경쟁할 때
승자와 패자가 나뉘지 않고,
모두가 행복한 성공의 길로 들어설 수 있습니다.

반응형
반응형

친구라면 나이가 비슷한 사람들로
한정되기 쉽습니다. 그런 내게 요즈음 두세 명의
세대가 다른 친구들이 생겼는데, 젊은 친구가 있어서
좋은 점을 알게 되었습니다. 젊은 사람들이 어떤 것에
흥미를 갖는지 알게 되었고, 말투나 표현하는 방법이
다른 것도 재미있고, 그런 차이 하나하나가
화젯거리를 제공해 주었습니다.
젊게 살고 싶다면 젊은 친구들과
즐겁게 교제하는 것도 좋은 방법입니다.


- 오오하시 시즈코의《멋진 당신에게》중에서 -


* '젊은 친구'는 나이로만 구분되는 것은 아닙니다.
나이가 어려도 이미 늙은이가 된 사람이 있고,
백발이 성성해도 청년의 기백으로 사는
사람이 있습니다. 육체는 늙어도
마음만이라도 젊게 살아야
진짜 '젊은 친구'입니다.

반응형

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

고마워...  (0) 2013.02.23
'굿바이 슬픔'  (0) 2013.02.22
슬픔의 다음 단계  (0) 2013.02.20
내면의 어린아이  (0) 2013.02.19
사랑할수록  (0) 2013.02.18
반응형

로봇에 대한 꿈은 아직도 진행형이다.

 

 ㅠ

반응형

+ Recent posts