Firefox web browser - Faster, more secure & customizable Firefox 4 beta 7が公開された。JavaScriptエンジンの大幅な高速化とH/Wアクセラレーションを利用したレンダリング性能の大幅向上といったメジャーリリースに匹敵する興味深いベータ版に仕上がっている。ユーザからは見えにくいためこうした機能改善に比べるマイナーに見えるが、今後のWebページやWebアプリケーション開発負荷を軽減することにつながる新機能としてHTML5フォームの機能が実装されたことをあげることができる。どういった機能が実現されたのかが次のブログにまとまっている。2つ目のブログには実施に試せるサンプルも掲載されているので、Firefox 3.6と4 beta 7の両方でアクセスしてみれば、その違いを体験できる。 HTML5 Forms Validat
無料素材配布サイト「足成」。 当ブログでもよく使っているサイトですが、このサイトがこのたび、女性アーティストユニット「SALBIA」の3人をモデルに、生活観のある女性の写真素材としてリリースいたしました。 これは必見ですね! デビュープロモーション 2010 年10 月にシングル「GIFT」でデビューした女性R&B ユニット「SALBIA(サルビア)」とのコラボ企画を実現。デビュープロモーションの一環として、「SALBIA」メンバー三名の人物写真を、フリーの写真素材として配布を開始しました。 これ、実は結構すごい事で、今後もこうしたデビューにあわせて企画を合致させてくれると、どんどん写真素材が増えていくって言う寸法。 これは応援しないわけには行きませんね。 因みにこの足成。写真素材は、転売はもちろんダメですが、Web ページ制作やニュース記事のイメージカット、企画書等の様々な用途でクレジッ
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 1)3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
立体的なリボンをPhotoshopで作成しそれをCSSで実装したり、CSSだけでリボンを実装するチュートリアルを紹介します。 Create a 3D Ribbon Wrap-Around Effect (Plus a Free PSD!) [ad#ad-2] 3Dのリボンを作成するPhotoshopのチュートリアル 作成した3Dのリボンを実装するCSSのチュートリアル CSSだけで3Dのリボンを作成するチュートリアル 3Dのリボンを作成するPhotoshopのチュートリアル まずは、Photoshopのチュートリアルから。 チュートリアルはステップごとにPhotoshopのキャプチャ付きで丁寧に解説されているので、英語が苦手な方でも分かりやすいものとなっています。また、リボンのPSDファイルもレイヤーが保持されたものがダウンロードできます。 ダウンロードできるPSDのキャプチャ 作成した3
div要素で配置したコンテンツ(パネル)を自動で重ねて、本のようにページをめくるアニメーションで次々にコンテンツを表示するスクリプトを紹介します。 Viewbook - jQuery Plugin デモ [ad#ad-2] 次のページをめくるには三通りの方法が用意されています。 「Next」「Previous」で、次・前へ ページのナンバリング ※違和感がありますが キーボードの矢印キー 中でも、キーボードでの操作が楽でいいですね。 Viewbookの実装 各パネル(ページ)はdiv要素のため、画像やテキストなどさまざまな要素が配置できます。 HTML コンテンツはdiv要素の入れ子で構成されています。 idのmybookは自由に変更できます。 <div id="mybook"> <div class="vb-load"> <div>Page 1</div> <div>Page 2</di
投稿日:2010年11月05日 レベル:初心者 ソフトウェア: このチュートリアルでは、輝く花のパターンを作る方法を紹介します。 Step1 : 背景を作成する Step2 : 花を描く Step3 : 花の輝きを加える Step4 : 画像に色を加える Step5 : 画像を平らにする Step6 : ぼけを作成する Step7 : 効果をつける Step8 : 完成 600ピクセル×600ピクセルの、新規ドキュメントを作成します。 背景を黒で塗りつぶしてください。 あたらくレイヤーを作成し、「雲」と名づけ、不透明度を40%にしてください。 雲のブラシをダウンロードしてください。 ダウンロードした雲のブラシを使って、雲レイヤーに雲を描いてください。 新規レイヤーを作成し、「背景 ライト」と名前をつけてください。 大きな柔らかいブラシで白を選択し、下の画像のように塗ってください。
こたつにみかんはじめました。nonakaです。 週に1度は通販で買い物してます。そんな中、ログインする画面をいろいろ見たので、ファッション通販サイトのログイン画面を集めました! ファッション通販サイトの場合、ログイン画面に「新規会員登録」への誘導があるのがほとんどです。今回は、2つのパターンにわけてご紹介します。 「ログイン画面」エリア、「新規登録」エリアが上下にあるパターン セレクトショップ:BEYES ログイン画面、新規登録が上下にあるパターン。入力フォームが大きめで入力しやすい。新規会員登録のボタンは色を変えて目立たせてます。 無印良品 ログイン画面、新規登録が上下にあるパターン。フォームとボタンの横幅がそろっていて見やすいですね。 ユニクロ ログイン画面、新規登録が上下にあるパターン。入力フォームが大きくて見やすいです。ログインと会員登録の分けかたも見やすいですね。 子供服:goo
カッティングエッジなカルチャーをピックアップする、クリエイティブWEBマガジンをセレクト。 いますぐキャッチアップして、クリエイティブシーンのニューウェイヴをサーフしよう! Public-image.org Public-imageは、ANSWR代表の針谷氏によって創められたWebマガジン。 ひとつひとつの記事に、執筆者名が記載されており、 単なるインフォメーションでなく、ひとつの視点によるエディットされた情報が堪能できる。 その独自視点によるコラムは脳汁モノ。 現在は、オルタナティヴスペース「Public-image3D」など、オンラインメディアを飛び出して、 メディアと現場をクリエイティブスクラッチした実験を日々発信中!だそうです。 2次元メディアにとどまらないその心意気にクラップハンズ。 Public-image3D: http://3d.public-image.org 以下サイト
TOP > WebDesign > クリエイティブな404ページを集めた「50 Professional and Creative 404 Error Page Designs」 WEBページでページが見つからない時に表示されるエラー404。通常ブラウザに表示されるものはありますが、あまりにもあっさりしすぎていて、表示された場合がっかりしています。今日紹介するのはそんなネガティブな404ページをクリエイティブに製作されている事例を集めたエントリー「50 Professional and Creative 404 Error Page Designs」です。 404 – Whoops | Frye / Wiles 上記の他にも様々なクリエイティブな404エラーが紹介されています。幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Fotolia 写真販売サイ
TOP > Design , Font > LED表示のようなデジタルフリーフォント20選「20 Best Useful Digital Fonts for LED Banner Designing」 世界中で様々なフォントが公開されていて、フォントと一口にいっても様々な種類のフォントがありますが、今回紹介するのはLEDに表示されているようなドットで構成される、デジタルチックなフリーフォントを集めたエントリー「20 Best Useful Digital Fonts for LED Banner Designing」です。 上記のようなフォントが全部で20個まとめられています。今日はその中からいくつか気になったフォントをピックアップして紹介したいと思います。 詳しくは以下 ■LED BOARD リアルなLEDのボードも再現したフォント、特定用途には非常に便利そうなフォント。 ■DS
TOP > Design , Photoshop > 写真補正に使えるフリーphotoshopアクション集「500+ Free Professional Photoshop Actions」 クリエイティブの業界では世界的に利用されているphotoshop。数多くの便利な機能が実装されていますが、そのなかでも記録した動作をボタンひとつで再現してくれるアクションはとても便利です。今日紹介するのは写真補正に使えるフリーphotoshopアクションを集めたエントリー「500+ Free Professional Photoshop Actions」です。 sa-cool actions 2.08 colors by ~sa-cool on deviantART 写真補正、色補正のアクションを中心に様々なphotoshopアクションが公開されています。今日はその中から気になったものをいくつ
TOP > Design , Photoshop > パターンを探すときに役立つリソース源20「20 Great Resources to Download Free Patterns」 さまざまなデザインの完成度を上げてくれるパターン。上手く利用すればデザインをより作りこんだ形に変えてくれますが、今回紹介するのはパターンを探すときに役立つリソース源を集めたエントリー「20 Great Resources to Download Free Patterns」です。 K10K WEBで使える背景用のパターンから、デザインデータを起こすときに使えるphotoshopパターンまで様々なパターンの配布元が紹介されていました。今回はその中からいくつか気になったサイトをピックアップして紹介したいと思います。 詳しくは以下 ■Brusheezy POPなものからシックなものまで様々なデザインパタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く