반응형
반응형

40+ Seriously Creative 404 File Not Found Pages

 

http://creativecan.com/2013/04/creative-404-file-not-found-pages/

 

404 에러 페이지를 각 사이트의 특성에 맞게 디자인한 것들 중 좋은 것들.

 

404-south-park

When a requested page is not found and it typically means there is a link with a broken URL somewhere. In this case, it is best practice for a website to show a 404 page to the visitor. The 404 – page not found error is common and every Internet user get it now and then. Reason is that most websites change regularly, while external links remain the same. It is hard if not impossible to maintain external links and require a lot of work so the best thing you can do is to make 301 permanent redirects when you change an URL for a page. In WordPress you can automate this using plugins like Redirection. This plugin detect changes and create redirects to avoid links to be broken.

Even if you maintain your links like this you cannot avoid situation where a visitor types in a wrong URLs or clicks on a broken links to your website. It is possible to look into website stats, find typical 404 pages, and then redirect these to meaningful pages. Still you can expect some visitors to hit your 404, probably every day, and I am sure you want to give them the best experience and try to keep them on the site. Therefore, it is a good idea to have a fun illustration and some options for the visitors to move on into your site.

In this article, I am sharing some really creative examples of how 404 pages can be designed. Check them out and use them as inspiration for your own site.

TattooSales – MORE INFO

tattoosales-404-page-not-found

Suspended Animations – MORE INFO

suspsneded

Be Right Back – MORE INFO

will-be-right-back

Funned – MORE INFO

funned

Seecoy – MORE INFO

seecoy

Twurn – MORE INFO

twurn

Fuelly – MORE INFO

fuelly

Huml – MORE INFO

huml

GDZLLA – MORE INFO

gdzlla

Lileks – MORE INFO

lileks

b3ta – MORE INFO

b3ta

Deviantart – MORE INFO

deviantart

Abduzeedo – MORE INFO

abduzeedo

Scar.atspace – MORE INFO

scar-atspace

Dilbert – MORE INFO

dilbert

CSS – Tricks – MORE INFO

css-tricks

CSS Remix – MORE INFO

css-remix

Geek Squad – MORE INFO

geeksquad

Amorphia Apparel – MORE INFO

amorphia-apparel

Open Ended Adventure – MORE INFO

open-ended-adventure

Pattern Tap – MORE INFO

pattern-tap

Urban Outfitters – MORE INFO

urban-outfitters

D20srd – MORE INFO

d20srd

The Web Motel – MORE INFO

the-web-motel

Soocial – MORE INFO

soocial

Blizzard – MORE INFO

blizzard

Home Star Runner – MORE INFO

home-star-runner

South Park Studios – MORE INFO

south-park-studios

I Folder Links – MORE INFO

i-folder-links

Henrik Hedegard – MORE INFO

henrik-hedegard

Limp Fish – MORE INFO

limp-fish

Tele2 – MORE INFO

tele2

Klaus – MORE INFO

klaus

Kidmondo – MORE INFO

kidmondo

DDZ – MORE INFO

ddz-net

Agens – MORE INFO

agens

Ferdaze – MORE INFO

ferdaze

Lark News – MORE INFO

lark-news

Cuoma – MORE INFO

couma

Club Penguin – MORE INFO

club-penguin

Github – MORE INFO

github

 

 

 

반응형
반응형

jquery를 이용한 이미지 360 회전 플러그인

 

http://creativecan.com/2013/04/jquery-360-image-rotation-plugins/

 

With a jQuery 360 image rotation plugin, you can make stunning product presentations that make visitors say wow.

Having a website that stands out is crucial for many businesses especially if their primary goal is to create a selling or present a product. Some of the more popular techniques are using jquery slider and carousel plugins to feature your images online as this adds a dynamic flow to an otherwise static page.

However, one of the newer techniques that really helps you bring your products to live is jQuery 360 image rotation plugins. This type of plugin gives you the ability to rotate the images 360 degrees making it possible for customers to study all the details of the products. In addition, you can use jQuery zoom plugins to allow visitors to investigate details in high-resolution images. I found this collection at Tripwire Magazine you may find useful.

I have rounded up more than 15 of the coolest jQuery 360 image rotation plugins for you to easily browse through and find the right one for your website. Please leave a comment letting me know if you use 360 image rotation or if you would consider it. Help us spread this article on Facebook and Twitter if you know of anyone who would benefit from using 360 image rotation on their website. Enjoy!

360° Panoramic Viewer – MORE INFO / DEMO

360-panoramic-viewer

A panorama is a wide-angle view made from a series of images combined together using special software. It offers a very realistic experience, giving the sensation that the user is right there on the location. The plugin manipulates such a panorama and uses jQuery to rotate, add hotspots and integrate it on mobile, touchpads and desktop browsers.

360 panorama for jQuery – MORE INFO / DEMO

three-sixty

A jQuery plugin for displaying your images in a 360 degree panoramic view. Allows several options on how to control the animation, rotation speed and parameter direction.

Expo360° – 360° Product Viewer – MORE INFO / DEMO

expo-360

Opposite to existing 360° viewers available online, this viewer doesn’t use Flash and offers great interaction on mobile devices such as iPad and iPhone. What makes it even more unique is the extensive set of configurations possible. It allows you to create a look and feel that will match your online presence perfectly.

SpriteSpin- MORE INFO / DEMO

sprite-spin

Spritespin is a jQuery plugin that is able to play sprite image animations. It takes an array of images or a stiched sprite sheet and plays them frame by frame like a flip book. The aim of this plugin is to provide a 360 degree view of some kind of product. There is no flash needed. Everything is done with javascript and the jQuery framework.

360 jQuery Image Slider – MORE INFO / DEMO

360-jquery-image-slider

AJAX-ZOOM – 360/3D Spin & Zoom JavaScript Player  – MORE INFO

ajax-zoom

AJAX-ZOOM is a unique tool to present 360° product images on the web. Users can rotate the VR 360 object, also on Z-axis (3D multirow). Additionally deep zoom on every frame (the sprite contains a set of single images of the same object). The adoption of image tiles technology (image pyramid) allows the usage of high resolution images without compression. It has full support for touch devices and works great on iPad (without Flash plugin). Pinch zoom (with two fingers) is implemented too.

360 Image Slider – MORE INFO

360-image-slider

Using JS, CSS and a pre-rendered image sequence a 360 view image slider was created which enables the user to drag and spin the 3D object around its y-axis using simple mouse or touch events.

Dopeless Rotate jQuery Plugin 360 Degrees Product Viewer – MORE INFO / DEMO

dopeless-rotate-jquery-plugin-360

Dopeless Rotate is Jquery plugin for 360 degree product visualisation.

Reel – MORE INFO / DEMO

reel

Reel 1.2.1 is an established jQuery plugin which takes an ordinary image tag and transforms it into a gorgeous interactive 360° object movie, panorama or stop-motion animation.

WordPress 360° Image Slider – MORE INFO / DEMO

wordpress-360-image-slider

The WP 360º Image Slider is a highly configurable plugin that adds slider functionality to your posts or pages.

View3D Javascript – MORE INFO / DEMO

view3d-javascript

Viewer3D is a small jQuery plugin for displaying a 360° view of a sequences of images or panorama. It is simple, lightweight, no flash needed, no extra css need, fast and compatible with all major browsers and touches devices. It has been tested on Android browsers, Ipad browser, IE 6,7,8,9 , Firefox, Chrome, Safari and Opera.

Mini 360 Viewer – MORE INFO / DEMO

mini-360-viewer

This JavaScript jQuery plugin can use any number of sliders. it includes a control bar, main drag and rotate area and a rotation toggle button.

jQuery Image Cube – MORE INFO / DEMO

jquery-cube-image

A jQuery plugin that sets a division to rotate between images (or other things) as if they were on the faces of a cube.

360 Degrees Viewer – WordPress Plugin – MORE INFO / DEMO

360-degrees-viewer

This viewer uses a list of images to simulate a 360 degrees object rotation or object animation.
The multiple interaction methods makes is usable even on touch devices.

j360 – MORE INFO

j360

j360 is a jQuery plugin designed to display 360 view of product using a set of images. Compatible with iPhone, iPod, iPad, Google Android devices.

Picture 360 Rotation – MORE INFO / DEMO

picture-360-rotation

반응형
반응형

살아 보니까 내가 주는 친절과 사랑은 밑지는 적이 없다.
소중한 사람을 만나는 것은 1분이 걸리고
그와 사귀는 것은 한 시간이 걸리고
그를 사랑하게 되는 것은 하루가 걸리지만,
그를 잊어버리는 것은 일생이 걸린다는 말이 있다.
그러니 남의 마음속에
좋은 기억으로 남는 것만큼 보장된 투자는 없다.
-장영희, ‘살아온 기적, 살아갈 기적’에서

아마존 창업자 제프 베조스는
어렸을 때 할아버지가 말씀해 주신
“똑똑한 사람이 되는 것보다 친절한 사람이 되는 게 힘들다는 걸
너도 언젠가는 깨닫게 될거다.”라는 경구를
가슴에 새기며 살았다 합니다.
사람들은 시간이 흘러,
나이가 들어갈수록 재능을 갖춘 사람 보다
친절한 사람을 존경하고 따르게 됩니다.

반응형
반응형
산길을 등산하는 사람들은
'산길의 마법'이라는 걸 믿는다고들 얘기한다.
일이 가장 암울하거나 꼬여 있을 때
뭔가 운수 좋은 일이 일어나
당신이 순항하도록
돕는다는 것이다.


- 빌 브라이슨의《나를 부르는 숲》중에서 -


* 산길에는
마법의 장소가 있습니다.
아무도 모르는 병원도 있고 약국도 있습니다.
지치면 쉴 수 있는 나만의 쉼터, 매달리고
간구해야 할 때 엎드릴 수 있는 나만의
기도와 명상의 바위도 있습니다.
그 마법의 장소를 다녀오면
모든 것이 좋아집니다.

반응형

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

존경받고, 건강해지려면  (0) 2013.04.08
첼로를 연주할 때 . 몰입  (0) 2013.04.06
가난한 사람보다 더 가난한 사람  (0) 2013.04.04
"당신이 필요해요"  (0) 2013.04.03
한계점  (0) 2013.04.02
반응형

이번 주는 한번의 결석도 없이 수영장 출석.

어제 아반티 엑셀 핀을 착용해서 인지 허리가 묵직하다.

6시 입수

자유형 4

배영킥 2

배영 4

한바퀴 걷고.

평영 4

스타트 4

스타트 접영 6

스타트 평영 6

스타트 자유형 6

스타트 접영 50m 2

 

마치고 평영 1

 

오늘 새로운 수경이 도착하겠구나 ㅋㅋㅋ

 

반응형

'운동일지 > 수영' 카테고리의 다른 글

2013.04.12 수영일지  (0) 2013.04.12
2013.04.11 수영일지  (0) 2013.04.11
2013.04.04 수영일지  (0) 2013.04.04
2013.04.03 수영일지  (0) 2013.04.03
2013.04.02 수영일지  (0) 2013.04.02
반응형
눈물과 땀은 모두 짜지만, 서로 다른 결과를 낳는다. 눈물은 동정심을 낳고, 땀은 변화를 낳는다. - 제시 잭슨 -

Both tears and sweat are salty, but they render a different result. Tears will get you sympathy; sweat wii get you change. - Jese Jackson -

 

반응형

+ Recent posts