Retinize It - Photoshop actions for slicing retina graphics 画像をRetina用にリサイズしてくれるフリーのPhotoshopアクション「Retinize It」。 レイヤーorグループを選んでアクションを実行し、ファイル名を入力すると2ファイル保存され、通常用とRetina用に保存できるというすぐれもの アプリに、スマホサイトに便利に使えそうです 関連エントリ RetinaディスプレイOKなアプリ用PSDアイコン350
26 Responsive Web Designs - Web Design Blog ? DesignM.ag レスポンシブWEBデザインのサンプル26 パソコン、スマホ等のデバイスでアクセスされた際にCSSを使ってフレキシブルにデザインを変えるというレスポンシブWEBデザイン。 それぞれのデバイス専用の画面を用意するのではなく、画面幅等で判断してCSSを切替えられれば開発側としてみれば手間が少なくなり合理的な開発が行えますね。 そうしたレスポンシブWEBデザインを上手く使ったサイト集がまとまっていましたのでご紹介です。 今後ますますスマホが重要度を増し、こうした考え方がWEBデザインをする上で必須の物になってくるような気がしますね。 関連エントリ お洒落なECサイトデザイン集38 次のサービスに使えるかもしれないロゴデザイン集22 奥行きをうまく使ったサイトデザイン集30
70 Free PSD Web UI Elements For Designers | Free and Useful Online Resources for Designers and Developers 色々と使えそうなフリーのUIエレメントPSD70種。 とりあえずモックを作ったりするような場合や実際にデザインに応用して使ったりして作業を効率化できそうです。 動画プレイヤーのUI アバターアイコン iTunesのUI。iTunesの重要度は年々あがってきていると思いますが、WEBページ内にイメージを組み込む際などに 名刺っぽいUIにリボンを付けたおしゃれなオブジェクト。アイテムのダウンロード部分なんかに設置でクリック率が上がるのかも windows7のタスクバー。色々あります おなじみ料金表 その他、画面パーツを色々とまとめたUIパーツ集 関連エントリ かなりクールなPhotos
Free Floral Photoshop Brushes | Professional photo gallery | Create and buy flash xml photo gallery 女性向けサイト等に使えそうなイラスト風の花・植物のPhotoshopブラシ集が色々まとまったエントリのご紹介です。 サイトに使うことでサイトがオシャレになったりしそうです。 これは絶対に使えそうですね。 関連エントリ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」 動物に関するPhotoshopブラシ色々 クリエイティブでカッコいいPhotoshopブラシセット50
SexyLightBox - www.coders.me 表示法が新しくセクシーなLightBox、その名も「SexyLightBox」。 次のような、角丸で、表示時にアニメーションするLightboxが公開されました。 実装法もLightbox風に、アンカータグに属性をつけるだけでOKみたい。 関連エントリ スライドショー付きLightBox風イメージアルバムのサンプル jQueryベースのLightBoxクローン「prettyPhoto」 UIがクールでサクサク使えるMacウェブギャラリー風画像ギャラリー「qGallery」 画像を同一Window内でスムーズにズームしてくれるJSライブラリ色々 LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」 YUIを使ってLightBoxを実現するサンプル 自動で画像のスライドショーが可能なLightBox風ライブラリ
jQuery maxImage plugin: Demo 画面にあわせて画像サイズを自動調節できる「maxImage」。 jQueryプラグインとして公開されているようです。 ↓↓画像を自動リサイズ↓↓ 背景画像として自由に伸縮させたり、スライドショーをさせることが可能。 使い方によっては非常に有用なライブラリですね。 ダウンロードとインストール方法はこちら - 初期化も非常に簡単 関連エントリ 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」
オープンソースのソーシャルブックマーク提供用プログラムScuttleのインストール方法を示します。 ScuttleはPHP+MySQL用に書かれていてレンタルサーバなどにも設置できると思います。 本記事では、PHPとMySQLの構成でのインストールを行います。 1. Scuttleパッケージをダウンロード後、解凍する 2. 次のSQL文でMySQLデータベースを作成する. CREATE database scuttle 3. 次に必要なテーブルを作成します。 解凍後のパッケージ内にある /tables.sql 内のSQL文を実行することで必要なテーブルが作成できます。 ※XAMPP上のphpmyadminで確認 4. configファイルの作成 次に解凍後のパッケージ内にある、/config.inc.php.sample ファイルを/config.inc.phpに名前を変更し、次のDBのア
3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリ集 2008年08月22日- Adrian Parr’s Blog Blog Archive AS3 Code Libraries 3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリが紹介されていました。 ActionScriptというとライブラリもあまり知らない人が多いのではないでしょうか。 3Dエンジン Papervision3D http://blog.papervision3d.org/ Away 3D http://www.away3d.com/ Sandy 3D http://www.flashsandy.org/ Alternativa Platform http://blog.alternativaplatform.com/en/ FIVe3D http
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2009年03月23日- WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが1ヶ月でWEBデザイナーに転身する方法 というエントリを見て、プログラマの方々のWEBデザインに関する関心の高さを見て書いてみます。 WEBデザイナーといっても色々な知識が必要で、かつ、最近はフリーのテンプレートも豊富にある中、どれだけ出来ればWEBデザイナーとして成り立つのだろう?という疑問がありましたので考えてみました。プログラマの方で、WEBデザインをやってみたい。また、全くの素人だけどWEBデザイナーを仕事にされたいという方の参考になれば幸いです。 最低限の知識編 1. HTMLとレイアウト力 まず、知っている人には物凄く当たり前の事ですが、
超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」 2007年05月31日- TableKit TableKit is a collection of HTML table enhancements using the Prototype framework. 超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」。 次のようなExcel風テーブルが簡単に作れます。 どれぐらい簡単か、というと、必要なJavaScriptを読み込んだあと、table の class に次のように値を指定するだけ。 <table class="sortable resizable editable"> 最低幅の指定など、動作に関するカスタマイズも豊富なオプションによって指定可能です。 こ
ページのサムネイルorキャプチャをWEB上で作るサービスまとめ。 SimpleAPI - ウェブサイト・サムネイル化ツール … ページの角丸サムネイルを提供してくれるサービス。 livedoor クリップ - ソーシャルブックマーク … ライブドア クリップのサムネイル。サイトのURLを渡すとサムネイルが表示できる。サイトで使ってよいかは不明^^; はてなスクリーンショット … はてなブックマーク等で導入されているスクリーンショット。URLはハッシュされているので自分のサイトなどでは使えなそう。 WebScan … ページのキャプチャを取れるツール。画像への直リンクは禁止。 WebToJpeg … Ajaxでページのサムネイルをリアルタイム表示。 ThumbShot … 海外のサイト。120x90のサムネイルを提供。 Alexa Site Thumbnail … ご存知Alexa。Web
ページにクリッカブルなメールアドレスを載せつつスパム対策もする方法「Email Riddler」 2007年02月14日- Dynamic Drive Email Riddler- email encryption script and tool Updated to version 2.0! Jan 28th, 07. Improved interface, output now XHTML valid, plus added ability to simply output encrypted email as a JavaScript variable. ページにクリッカブルなメールアドレスを載せつつスパム対策もする方法「Email Riddler」。 Eメールアドレスの画像化が進んでいますが、メールアドレスをいちいち打つのはやっぱり面倒。クリックでメールを送りたい、アドレスをコピー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く