【iPhone】パノラマ写真は自動合成で作れる「AutoStitch」 / KOMOREBI || blog
これまで食べログ用にパノラマ写真撮るときは、 「Pano 」をつかってせっせと撮影してたんですが、どーやらその苦労も要らないパノラマアプリがあるのを知ったので試してみた。 つかったのは 「 AutoStitch 」。 これは「Pano 」のように撮影しながらつなげていくのではなくて、先に何かしらのカメラアプリで撮影しておくのが大前提。 ってことで、すばやく撮影できる「EasyCamera 」で四隅を30%ほど重なるようにして複数撮影。 撮れたら、「 AutoStitch 」を立ち上げて、「カメラロール」に入っている写真をタップで選択。 すると、下の画面に選択された写真が呼び出されていくので、分かりやすい。 枚数としては2～20枚までいけるそうなので、360度撮影も20枚までに収めればできるはず。 選択し終わったら、「 AutoStitch 」の「貼り付け」ボタンを押すと・・・ あとは自動的
CSS: Map Pop - Mike’s Experiments
Mike’s Experiments - CSS: Map Pop An image map can be very useful but normally employs JavaScript. Not this time. This experiment uses a single unordered list and a pair of spans to create such a map, with CSS pop-ups providing more information about the mapped hot-spots. This is CSS put to the test. Get the XHTML, CSS, source. Go to back to the Mike’s Experiments index. Popsville Community Map Us
Stu Nicholls | CSS PLAY | CSS scrolling image map
CSS DEMOS › A scrolling image map Date : 9th October 2007 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Instructions Horizontally scroll the image above to see the Seattle skyline. There are ten 'hotspots' indicated by a white rectangle. Just click on any of these hotspots to see a larger image to the right and a small piece of information in
75 (Really) Useful JavaScript Techniques | Developer's Toolbox | Smashing Magazine
In this two-part overview, we feature some of the most useful JavaScript and jQuery libraries which could be just the right solutions for your common problems. We hope that this overview will help you find or rediscover some tools that you could use in your next projects. If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was c
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 6 | コリス
テキストにグロッシー・ネオン・グラス・リベット・グラフィティ・グランジ・ポップ・グラデーションなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
CSS Decorative Gallery - Web Designer Wall
Did you like my previous CSS tutorial on how to create gradient text effects? I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple
[JS]背景やテキストの色を少しずつ変更するスクリプト -fader.js
leigeberのエントリーから、背景やテキストやボーダーの色を、指定色から指定色に少しずつ変更するスクリプトの紹介です。 JavaScript Color Fading Script デモページ デモには、下記の4つがあります。 ホバーすると、背景の色をフェード。 クリックすると、背景の色をフェード。 ホバーすると、テキストの色をフェード。 ホバーすると、ボーダーの色をフェード。 fader.jsの動作環境は、IE6/IE7, Firefox, Opera and Safariとなっており、jQueryやPrototypeなどの他のスクリプトに依存せずに動作する軽量(約2KB）のスクリプトです。 実装も簡単で、「fader.js」を外部スクリプトとして配置し、下記のように指定します。 <textarea name="code" class="html" cols="60" rows="5
52 Cool Photoshop Illustrator Effects and Tutorials | The Jotform Blog
It’s always fun to experiment different techniques and learn how to work with various aspects of Adobe Photoshop to spice up boring pictures and make them into works of arts and masterpieces. So, if you’re interested in learning some new skills, whether you’re a beginner, intermediate or advanced user, these Photoshop and Illustrator tutorials are for you. Below you will find an incredible amount
CSS Gradient Text Effect
Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Saf
SimpleBits | CSS Photo Zoom
View photo Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec dapibus. Nunc hendrerit urna sed nisl. In hac habitasse platea dictumst. Phasellus augue enim, adipiscing a, sagittis ut, pharetra pretium, neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent non est quis arcu aliquet lacinia. Donec feugiat neque eu neque. Vivamus en
stu nicholls | CSS PLaY | cross browser multi page photo gallery
CSS DEMOS › Cross Browser Multi-Page Photograph Gallery Date : Pre 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information Based on the look of Suckerfish HoverLightbox, this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version does not use javascript but is pure CSS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe - Design Center 細かいディティールのマスクを作る
[CSS]スタイルシートで実装するLightbox風エフェクト -CSS Light Box
slowlysinking.com is available for purchase - Sedo.com
http://photoshoptutorials.ws/photoshop-tutorials/photo-effects/digital-star-effect/final-results.html
Photoshop ドロップシャドウいろいろ - DesignWalker
紙をモチーフにデザインしたウェブサイト25選 | コリス
Hoverbox Image Gallery
http://ntt.cc/2008/04/08/over-21-beautiful-javascript-and-ajax-based-solutions-to-our-gallery-requirements.html