반응형
반응형

“이 부분을 손봤고, 저 부분도 약간 다듬었고,
여긴 약간 부드럽게 만들어 근육이 잘 드러나게 했죠.
입 모양에 약간 표정을 살렸고,
갈빗대는 약간 더 힘이 느껴지게 바꿨습니다.”
미켈란젤로의 상세한 설명에 방문자가 물었다.
“하지만 이건 어디까지나 사소한 부분이잖소.”
미켈란젤로가 말했다. “완벽함은 결국 사소한 부분에서 나옵니다.
하지만 완벽함은 결코 사소한 문제가 아니죠.”
-데스코 CEO 테리 리히, ‘위대한 조직을 만드는 10가지 절대 법칙’에서

 

빈센트 반 고흐 역시
‘위대한 성과는 소소한 일들이 모여
점차 이루어진 것이다’고 말했습니다.
원래 인간의 삶은 사소한 것들로 이뤄집니다.
그러나 그 사소한 것들이 모이고 모여 인격을 만들고
더 나가서는 국격(國格)을 만들기도 합니다.

 

반응형
반응형
시냇물과 바다에
목소리를 주셨듯
늘 푸른 호수에
소리를 주신다면
머문 것 같으되
멈추지 않는 그대의 노래
밤새워 밤새워
부르게 하리


- 고창영의 시집《힘든줄 모르고 가는 먼길》에 실린
시〈호수〉(전문)에서 -

* 여보.
그대가 잠들어 내는
숨소리가 오늘따라 노래로 들립니다.
호수처럼 멈춘 듯 멈추지 않는 그대의 노래.
그대가 부르는 사랑 노래에 따라 흥얼대다
나도 모르게 같은 호수 소리를 내며
달콤한 잠에 빠져 듭니다.
밤새 합창을 합니다.

 

반응형

'아침편지' 카테고리의 다른 글

누군가  (0) 2013.05.08
'병자'와 '힐러'  (0) 2013.05.07
사랑 협상  (0) 2013.05.04
쉽고 명확하게!  (0) 2013.05.03
기억집중의 기술  (0) 2013.05.02
반응형

부모가 자녀의 인생에 남겨줄 수 있는 최고의 유산은 좋은 습관이다.

그리고 그 못지않게 가장 중요하고 가장 강력한 것이 하나 더 있다면 그것은 아마도 따뜻한 추억일 것이다.

 - 존 스미스 -

반응형
반응형
"인간관계에는
일정한 공식이 없어.
양쪽 모두가 공간을 넉넉히 가지면서
넘치는 사랑으로 협상을 벌여야 하는게
바로 인간관계라네.
두 사람이
무엇을 원하는지,
무엇이 필요한지,
무엇을 할 수 있으며
또 각자의 삶이 어떤지에 대해서 말이야."


- 미치 앨봄의《모리와 함께한 화요일》중에서 -


* 오래전...
그러니까 10년도 넘었네요.
'아마동'(아침편지 마라톤 동아리) 달리기에서 만난
친구가 전철에서 건네준 '모리와 함께한 화요일'.
지금은 어디서 어떻게 살고 있는지...?
오늘처럼 찬란한 봄에,
안부를 묻고 싶어 지네요.
반응형

'아침편지' 카테고리의 다른 글

'병자'와 '힐러'  (0) 2013.05.07
밤새 부르는 사랑 노래  (0) 2013.05.06
쉽고 명확하게!  (0) 2013.05.03
기억집중의 기술  (0) 2013.05.02
한숨의 크기  (0) 2013.05.01
반응형

adaptive - 적응

responsive - 반응

interactive - 대화형

 

RESPONSIVE WEB DESIGN (RWD)

 

ADAPTIVE WEB DESIGN (AWD)


http://www.junowebdesign.com/responsive-vs-adaptive-web-design/

 

반응형 보다는 적응형이 좋다는 얘기.

반응형은 모든걸 다 load해야 하는 반면, 적응형은 Device에 따라서 보여줄것만 load 하기 때문에 로딩속도나 사용자 경험 측면에서 더 낳다.

 

In case you haven’t noticed, mobile web design has arrived. With mobile traffic now accounting for around 12.5% (and rising) of all website visitors it’s high time you started putting effective mobile design at the top of your to-do list, because if you fail to do so you’ll be missing out on a huge sector of the market. And we mean huge. According to recent statistics 9 out of 10 mobile searches result in some action and over half the time that action is a purchase—mobile users are falling over themselves to buy something from you, so if you want to get those sales you need to make sure you’re giving visitors what they want.

And what they want is a site that works on their chosen device. Sounds simple enough but it’s surprising how many companies get it wrong—they don’t have an effective strategy in place and instead expect customers to use the desktop layout on their mobile, and that will easily send them elsewhere—so it’s time you considered the options and embraced the brand new world of mobile design. In that world there are two main options to choose from, responsive web design and adaptive, and here’s a quick run-through of each:

 

RESPONSIVE WEB DESIGN (RWD)

In this method you’re running the website from one content management system but it simply adapts and readjusts according to the dimensions of the device it’s being viewed on. The content stays the same but the layout changes—it might be in 3 columns on a desktop and 1 on a smartphone, for example—with it automatically adjusting and wrapping around columns to suit the screen. This method is quick and easy to implement but there are a few drawbacks, namely that the user doesn’t get a fully-optimised experience—searchers behave differently when using mobile devices and regular websites will take far too long to load on a smaller screen, damaging the overall experience. That’s where adaptive web design comes in.

 

ADAPTIVE WEB DESIGN (AWD)

This offers all the benefits of responsive design without the drawbacks, and this relatively new concept is rapidly gaining popularity. In this form of design not only does the content adapt to the size of the screen but it takes into account the capabilities of the device as well, offering a much better user experience as the whole design will be based on context. Certain elements will change depending on whether the user’s got a touch screen or a traditional mouse and keyboard arrangement and different layouts will be offered for tablets and mobiles, and images and videos can be edited or even completely removed to speed up the loading times of a page.

 

Adaptive web design enhances the user experience in a way that RWD can’t match to offer total usability and a more customer-focused result, but of course, the method that’s right for you will depend on your business, your budget and the type of content you provide. Either one of them could be perfect for your needs, so as long as you choose one you can be confident you’re hitting the mobile web design mark to give customers what they’re looking for.

 

Totally unique designer chairs from Juno Interiors
Take the hassle out of moving home with crate rental from Juno Crates

 

 

반응형
반응형

http://www.bosweb.com.au/bosweb-blog/responsive-website-design-the-new-black

 

Responsive Web Design is the latest buzzword in the web design & development community, but what is it exactly?

To put it simply, Responsive Web Design is an approach used when developing a website that ensures it scales onto any device that is used to view it and responds to the users behaviour.

The central idea of Responsive Web Design is that a website can use the same HTML/CSS/Javascript to serve a number of different devices with varying screen sizes/resolutions and automatically adjust to fit correctly. For example if you've ever browsed the web on a mobile device or tablet you will have noticed that when viewing some websites they appear tiny and you have to zoom in to read the content. Responsive Web Design aims to conquer this by ultimately using the available space and scaling content to fit.

How is this achieved?

Responsive Web Design uses a number of techniques to adjust and adapt to the screen size/resolution of the devices that are being used:

  • CSS Media Queries: Media Queries allow multiple layouts to be built within the same HTML document by selectively serving CSS Styles/Stylesheets based on the features of the device that is being used to view it. These features may include window/screen size, orientation and available colour output range. Basically it allows a layout to be specifically tailored to a range of devices without having to modify the HTML content behind it.

  • Flexible Layouts: When developing the HTML for a Responsive site Flexible Layouts are normally used to structure the elements of a page into modular components. This separation allows for independent scaling and movement of the components and the content within them. Using CSS Media Queries the layout of these components can be adjusted to fit the screen size of the device being used to view a website. Commonly on Desktop browsers page components are positioned into multiple columns sitting next to each other, whereas Tablet and Mobile device layouts would adjust the page components to stack on top of each other.

  • Responsive Images: Responsive Images are used in conjunction with CSS Media Queries and a Fluid Grid Layout, they scale and move automatically according to the layout that a device is using. This allows one version of an image to be used in multiple layouts, no extra loading is required. These are most commonly controlled through the "max-width : 100%" CSS rule.

Benefits of Responsive Web Design

  • Responsive Web Design negates the need for separate device templates and content duplication, one set of HTML/CSS/Javascript can be used to serve multiple layouts to devices and switch accordingly.

  • A website is not locked down to a specific screen resolution, rather it shifts and adapts to the screen that it is being viewed at.

  • No messy redirects are needed to switch between desktop and device layouts.

  • Improved SEO; your desktop/device content is served from the same URL.

  • Enhanced User Experience as the layout of a website has been tailored to suit the viewer.

Leveraging Device Features

The User Experience of a website can also be improved by utilising the native features of the users device in conjunction with Responsive Web Design. These features differ per device, the most common are listed below:

  • Phone: Utilising the phone feature of a device allows a user to dial a specified number straight from a website's content, no application switching necessary.

  • Email: Similarly to the phone feature, the email feature of a device allows a user to click a specified email address in content of a website, this will normally then open the email client of the device to send a new email to the specified email address.

  • Map: If you want to point a user to an address within a website the map feature can be used, this allows a link to be inserted into the website content and when it is clicked the devices default mapping program will open and show the provided address.

  • Location: The location function allows a device's browser to detect and find the geographic location of a user. This is particularly useful in providing proximity based searches.

Useful Links

반응형

+ Recent posts