Design Works - デザインワークス姉妹ブログ・DesignDevelopのデザインをリニューアルいたしました。 Designworksの新ドメインでの運用・リニューアルのご報告はさせて頂きましたが、Designworksのリニューアルとともに、姉妹ブログとして運用しているDesignDevelopのデザインも、大幅にリニューアルいたしました!!! Design Worksは、様々な商品やインスピレーションから生まれた新しいデザインを発信し、販売促進に繋げる広告やデザインを作り出しています。大幅にリニューアルしたDesign Worksでは、オンラインカジノ 日本語対応のデザインなど、オンラインの新たな分野にも活動を広げています。最新のH P新デザインとなった姉妹サイトブログのDesign Developと共に、今後もウェブデザインに関する様々な情報をお届けしていきます。 今回、
Create Resizing Thumbnails Using Overflow Property | Css Globe This tutorial is aimed at controlling the size of the thumbnails appearing on your page. CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル。 次のように、CSSで画像を固定サイズにトリミング表示できます。 更にマウスオーバーで画像を元サイズに。 実装について見ていきましょう マークアップが次のようにあったとします <p class="thumb"><a href="http://cssglobe.com/"><img src="image.jpg" /></a></p> そして、次のCSSを適用。 p.thumb{ float:left; margin:.5
前からやろうやろうと思っていたことなのですが、サムネイルをクリックしたときに別画面を起ち上げて元画像を表示するのではなくて、同一画面上にレイヤー重ねて表示したいと思ってました。世の中には便利 Javascript が公開されていまして、メジャーどころで言えば、Lightbox JS ってやつがそうです。 使い方を丁寧に説明してあるサイトで有名どころは、「小粋空間: Lightbox JS で画像を表示する」あたりでしょうか。僕的には Lightbox を更に拡張した Lightbox Plus を入れることにしました。
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
サムネールをクリックすると同一ウィンドウ上に画像を表示するという Lightbox JS です。ご質問を頂いて知ったのですが結構広まっているようです。 ということでこのエントリーにてご紹介したいと思います。 2006.10.10 追記:機能改善された Litebox 1.0 の記事「Litebox 1.0 をブログに適用する」を公開しています。 0.動作 公式サイトでも確認できますが、とりあえず上のサムネイルをクリックしてください。ローディング画像が表示された後、元画像が表示されるという、お洒落なスクリプトです。 表示された画像をクリックすると元の画面に戻ります。一度表示された画像を再度クリックするとローディング画像は表示されません。 以下、このスクリプトの設定方法です。 1.ファイルのダウンロード 動作に必要なファイル(スクリプト・スタイルシート・画像)をダウンロードします。 まず下記の
サムネイル画像を拡大表示するcoolな方法が無いものかと探していたら、色々出てきたのでメモ。 lightbox.js 画像をクリックすると拡大表示、表示された画像をクリックすると元に戻る。 <a>タグを使用しているので、javascript を切ってある環境でも拡大画像を表示することが可能。 scaleeffect.js 画像をクリックするとスケールエフェクトしながら拡大表示。 もう一度クリックすると画像を消去。 javascript を切ってある環境だと使用できないのが残念。 HTMLも不自然になるし…元のスクリプトを書き直せば何とかなるかな。 スケールエフェクトは処理的に重いので、一昔前のマシンだと表示に難あり。 Live Thumbnail クリックすると、その場で画像を拡大表示。 もう一度クリックすると画像を縮小表示。 画像脇のレイアウトが崩れるが、見ていて面白い。 これも lig
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション(タイトル)の挿入が可能 ウィンドウサイズに収まるように拡大(右下のアイコンをクリックすると 100% 表示) 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。
Free mini pixel iconsというエントリーより。 Vitaly Friedman has a round-up of places you can get free mini pixel icons. Lifehackerで、フリーで使える小さいピクセルのアイコン集を集めているサイトが紹介されていました。 Vitaly Friedman’s Notebook: Icons Round-Up: Free Mini Pixel Iconsがそれです。 以下のようなサイトが紹介されています。 ・Mini Pixel Icons ・Sweetie Icons ・FamFamFam ・The Iconfactory ・Iconbuffet.com ・Symbole, Buttons und Icons zum Download ・graphicPUSH Blog Icon Pack
ここ最近、オンラインアルバムサービスがさりげなく盛り上がっています。何度か記事でもご紹介しているフォト蔵、大幅なリニューアルを実施したlivedoor PICSに加え、OCNフォトフレンド、Zorgなどの新サービスも登場していますし、Yahoo!フォトや楽天広場もアルバム機能の拡充を図りました。ブロードバンドの普及めざましい昨今、オンラインアルバムは非常に身近かつわかりやすい、ブロードバンドならではのサービスなのかもしれません。 ただ、いずれのサービスも非常に個性的で、招待が必要だったり、画像の最大サイズが決められていたり、ディスク容量が決められていたりと、どれを選んでいいか悩んでしまいがち。そんな中で、あまり気づかれていない!? ながらも非常に強力なオンラインアルバムサービスが、BIGLOBEの「ウェブリアルバム」です。 このウェブリアルバム、無料ではあるものの会員登録だけで使えるのでは
Last modified : 2004-10-16 Copyright © 1998-2006 Somali. All rights reserved.
display 画像ビューワであり,かつImageMagickをGUIで操作します.なお起動コマンドはdisplayです.imagemagick等ではありません. 以下はImageMagick V5.2.5 on Debian/GNU Linux potatoでのものです. import 任意のX Windowのスクリーンショットを撮ります.import コマンドを実行すると、マウスカーソルが + マークに代わり、スクリーンショットを 撮りたいウィンドウをクリックするとビープ音が鳴り, output fileが作成されます. import [ options ... ] <output file> 以下は指定可能なオプションです. ・ -frame ウィンドウマネージャのフレーム等を含めたイメージを作成. ・ -monochrome 白黒画像を作成. ・ -window
CSSを利用して画像に影をつける(ドロップシャドウ)カスタマイズです。ご質問を頂いたのでこちらのエントリーで紹介致します。下のスクリーンショットはドロップシャドウ完成例です。 仕組みは、ドロップシャドウ用の画像を、img タグを括る別のタグの背景画像として指定し、img タグの画像をずらして表示することでドロップシャドウの効果を出すようになっています。 参考にさせて頂いたのは下記のサイトです。ありがとうございました。 1976design.com:Easy CSS drop shadows A List Apart:CSS Drop Shadows nlog(n):アップロードした画像に影をつけるには POCHIKING*:画像に自動的に影をつけてテキストを回り込ませる 今日の覚え書き:cssの設定で自動的に画像に影を付ける 花と写真とblogと。:画像に影をつけてみる。 最初の1976d
Yahoo! API and Flickr API さっそく Yahoo! API で遊んでみようということで、ありきたりですが Flickr と Yahoo! の Image Search を両方いっぺんにできる Image Aggregator なんてのをつくってみました。 Yahoo! の方は Image Search, Flickr は tag search を使っています。britney とか Sharapova, iPod shuffle なんかで検索するとわかりやすいですかね。Yahoo! の方は relevancy, flickr の方は最近アップされた写真、という感じで2種類から同じキーワードで検索できるのは面白いかもしれないです。 ちなみにどちらも対応した CPAN モジュールはありますが、使うまでもなく LWP::Simple と XML::Simple でサクっとす
GT108: Agen Bandar Slot Gacor & Situs Judi Online Resmi Terpercaya GT108 adalah platform bandar slot gacor dan judi online yang terbaik di Indonesia . Sebagai situs slot gacor terpercaya, GT108 menawarkan banyak pilihan pasaran slot gacor. Pemain bisa bermain slot gacor dengan aman dan nyaman, dengan bantuan layanan pelanggan yang handal. Situs ini dikenal sebagai agen slot gacor online terpercaya
\閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く