10 Responsive jQuery Slider Plugins

슬라이드 플러그인

http://designreflect.com/responsive-jquery-slider-plugins/

Sliders are common on blogs for a long time. But now sliders can be seen on any type of website. With the trend of responsive web design, you also need to make slider of your website or blog responsive so that it also adapts itself according to the resolution of the screen.

Its not that much difficult to make a website responsive but its always better to make use of scripts written by other developers to save your time. To help you out with responsive sliders, I have hand picked 10 best responsive jQuery slider plugins available on internet.

10 Responsive jQuery Slider Plugins

Flexslider

Flexslider is the most widely used and fully responsive jQuery slider. Flexslider is easy to use and is supported in all major browsers.

Flexslider

WOW Slider

WOW Slider is a responsive jQuery image slider with stunning visual effects and tons of professionally made templates.

WOW Slider

ResponsiveSlides.js – Responsive jQuery Slider

ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using list items inside <ul>. It works with wide range of browsers including all IE versions from IE6 and up.

ResponsiveSlides.js

wmuSlider – A jQuery responsive slider

wmuSlider

CSS3 Slideshow with Parallax Effect

CSS3 Slideshow with Parallax Effect

Blueberry

Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

Blueberry

Camera Slideshow

Camera Slideshow

Elastic Image Slideshow

Elastic image slideshow is a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and you can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option.

Elastic Image Slideshow

Fullscreen Slit Slider

Fullscreen Slit Slider

UnoSlider

UnoSlider is an advanced image and content slider which is built with responsive design and mobile devices in mind.

UnoSlider

6 jQuery Plugins for Book Like Page Flip Effect

책 같은 페이지 전환효과 플러그인

http://designreflect.com/jquery-plugins-for-book-like-page-flip-effect/

jQuery when combined with modern web technologies can do wonders. It can be used to achieve most of the realistic effects. At most of the times, web developers develop the effects that are inspired by the real world examples. One of such effects is book like page flip effect. Page flip is very much popular among web developers.

Book like page flip effect can make your web layout look like a book with turning pages like real books. You don’t need to dive into the jQuery to write your own code to achieve this effect. You can choose from any of the following jQuery plugins to add a book like page flip effect on your web layout.

Here are 6 Page Flip jQuery Plugins for book like effect.

Turn.js

turn.js makes your content look like a real book or magazine using all the advantages of HTML5. The plugin works on most of the devices including Android, iPad, iPod and iPhone.

Turn.js

Booklet

Booklet is a jQuery powered plugin for a flipbook style layout. The plugin provides many options to customize it as per your needs. You can change the speed, starting page, shadows, reading direction and more.

The plugin has the option to turn pages using keyboard’s previous-next buttons or manually. Keyboard navigation makes it really easy to use this plugin.

Booklet

BookBlock

BookBlock is a jQuery plugin that is used to create book like layout with a page-flip navigation. The plugin can be used to flip any type of content like text or images.

BookBlock

jFlip

jFlip plugin builds an image gallery made as a book. You can flip the book pages to view the next or previous image clicking or dragging the animated corners shown when hovering on the gallery area.

jFlip

Notebook Page Flip

Notebook Page Flip is a customized version of the Booklet jQuery plugin. This plugin shows latest blog posts in a book style layout with a page flip navigation.

Notebook Page Flip

imBookFlip

The imBookFlip plugin can load a book in an iframe or directly on the page. The book’s pages can be set to turn when manually clicked only, begin auto flip as soon as the page loads or begin auto flip when first page (front cover is clicked).

imBookFlip

NT-R590-PS55S삼성센스 윈도우7 노트북을 가지고 있는데요.

삼성 830 Series SSD (MZ-7PC128B/KR) SSD 하드 설치 가능할까요? 설치하려면 별도의 작업이 필요한가요?

------------------------------------------------------------------------------------------------------------

해당 모델에서 지원 가능한 사양은 다음과 같습니다.
■ HDD
9.5 mmH,63.5mm(노트북용 HDD), SATA2, 640GB

보통 SATA 하드가 장착된 제품은 커넥터가 같아서 SSD 연결이 가능합니다.

다만, 제품 업그레이드시 제품에 대한 개별적인 호환성 문제에 대한 가능성은 언제든

있을 수 있으므로, 구매시 구매처에서 장치 호환 여부 확인 후 구매해 주시기 바랍니다.

더불어 말씀 주신 830 Series SSD  HDD 및 장착 가능한 SSD HDD 모델에 대해

테스트된 내용이 없는 관계로 정착 가능한 모델에 대해 안내가 어려운 점 양해 부탁드립니다.

일반 하드에 비해 SSD는 그 크기가 7mm 정도로 약 2.5mm의 유격이 발생할 수 있습니다.

그러나 SSD 장착시 양 옆이 고정되어 떨림이 없다면 그 유격은 무시 하셔도 됩니다.

만약 SSD 장착시 흔들림이 있다면 하드의 떨림을 방지할 수 있도록 고무 등으로 고정시켜

주시기 바랍니다.

■ HDD 업그레이드 방법(참고)

* 시스템을 분해하기 전에 반드시 어댑터 및 배터리를 분리한 다음 진행하여야 합니다.

* 시스템 업그레이드는 반드시 지정 서비스 센터를 이용하여야 하며, 전문 대리점 등을

통하여  업그레이드가 가능 합니다.

이클립스 세로 편집 단축키 

Alt + Shift + A

에디트플러스 세로 편집 단축키

Alt + C

URI는 그것이 텍스트의 한 페이지나, 비디오 또는 사운드 클립이든, 정지 화상이든 동영상이든, 또는 프로그램이든 상관없이, 이러한 콘텐츠 들 중 어느 하나를 인식하기 위한 수단이다. 가장 보편적인 형태의 URI가 바로, 웹페이지 주소 즉, URL인데, 이는 URI의 특별한 형태이자 부분집합이라 할 수 있다. URI는 대체로 다음과 같이 설명할 수 있다.

    자원에 접근하기 위해 사용되는 절차
    어떤 자원을 가지고 있는 특정한 컴퓨터
    컴퓨터 상의 특정 자원의 이름 (파일 이름)

예를 들어 아래의 URI는 웹프로토콜 애플리케이션인 HTTP를 사용하여 액세스될 수 있는 파일을 인식하며, 그 파일은 유일한 인터넷 주소로 사상될 수 있는 www.w3.org라는 이름을 가진 컴퓨터에 존재한다.

    http://www.w3.org/Icons/WWW/w3c_main.gif

컴퓨터의 디렉토리 구조에서, 그 파일은 "/Icons/WWW/w3c_main.gif"에 위치해 있다. FTP 주소와 전자우편 주소들을 인식하는 문자열들도 역시 URI이다 (그리고 HTTP 주소처럼, 이것들도 URL이라고 불리는 URI의 부분집합이다). URI의 또다른 종류 중 하나는 URN이다. URN은 "제도적인 영속성"을 갖는 URI의 한 형태로서, 그것의 정확한 위치는 때로 변할 수 있지만, 일부 에이전시가 그것을 찾을 수 있다는 것을 의미한다. 

The What, Why and How of Data URIs in Web Design

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/the-what-why-and-how-of-data-uris-in-web-design/

http://www.mobilexweb.com/

iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more

The new main version of the Apple’s iOS is with us, along with the new iPhone 5 and the iPod Touch fifth generation. As every big change, lot of new stuff is available for HTML5 developers and -as always- no much official information is available.

Quick review

I’m going to divide this post in two parts: iPhone 5 and iOS 6 new stuff.

On iPhone 5:

• New screen size
• New simulator
• What you need to do
• Problems

New features on iOS 6:

• File uploads and camera access with Media Capture and File API
• Web Audio API
• Smart App Banners for native app integration
• CSS 3 Filters
• CSS 3 Cross Fade
• CSS Partial Image support
• Full screen support
• Animation Timing API
• Multi-resolution image support
• Passbook coupons and passes delivery
• Storage APIs and web app changes
• Web View changes for native web apps
• Debugging with Remote Web Inspector
• Faster JavaScript engine and other news

Device detection

At the time of this writing there are no iPhone 5 on the street yet. However, as far as every test I could check, there is no way to detect iPhone 5 server-side. The user agent only specifies an iPhone with iOS 6, and the same exact user agent is being used for iPhone 4S with iOS 6 and iPhone 5.

Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A403 Safari/8536.25

Therefore, the only way to detect the presence of a 4″ iPhone device is to use JavaScript and/or media queries, client-side. If you need to know server-side, you can plant a cookie from client-side for next load. Remember that these devices have 1136 pixels height, but in terms of CSS pixels (independent resolution pixels) we are talking about 568 pixels-heightas these devices have a pixel ratio of 2.

isPhone4inches = (window.screen.height==568);

Using CSS Media Queries and Responsive Web Design techniques,we can detect the iPhone 5 using: