MoreCSSは、スクリプトや複雑なスタイルシートを使用しないと実装できないものを、スタイルシートで簡単に指定するだけで実装できるようになるスクリプトです。 MoreCSS ライセンスはCC3.0 Unportedのため、クレジットを消さない限り利用はフリーです。 下記は、MoreCSSで実装できるサンプルの一例です。 ※下記以外にも、たくさんの機能が実装されています。
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
Vandelayのエントリー「45 Photoshop Tutorials for Better Navigation」から、先日紹介した「ボタン画像のPhotoshopのチュートリアル集」とかぶらない、ナビゲーション画像を作成するチュートリアルを紹介します。 45 Photoshop Tutorials for Better Navigation
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
aFreeArtworkにエントリーされている、サイトデザインのアクセントに使える6つのPhotoshopのチュートリアルを紹介します。
サイトで使用しているFlashのswfファイルを抽出したり、flaファイルにデコンパイルしたり、ActionScriptを抽出できるアプリケーションのリンク集です。 [ad#ad-2] ※バージョンやプロテクトにより、対応不可なものもあります。 flaファイルにデコンパイル Action Scriptの抽出 swf内で使用しているファイルの抽出 ページに使用しているswfを抽出・保存 flaファイルにデコンパイル SWF Decompiler swfファイルをflaファイルにデコンパイルするアプリケーションです。 $79.99。体験版あり。 Motion Decompiler: 日本語版 swfファイルの解析や、flaファイルにデコンパイルするアプリケーションです。 ダウンロード版:9,800円。体験版あり。 Action Scriptの抽出 Flare swfファイルから、Action
フリーで配布されている、紙や布のテクスチャ素材のリンク集です。 12 Pixey Hi-Res Papier Scans JPEG Set 01- Stock Images JPEG [ad#ad-2
noupeのエントリー「37+ Great Ajax, CSS Tab-Based Interfaces」から、CSSとJavaScriptで実装するタブ型インターフェイス37選の紹介です。 37+ Great Ajax, CSS Tab-Based Interfaces 自動で切り替わるタブ型インターフェイス Easy Tabs 1.2 - now with autochange Rotating jQuery tabs example Tab Content Script (v 2.1) スライド式のタブ型インターフェイス Sliding Tabs Coda-Slider Perspective Tabs AJAXを使用したタブ型インターフェイス Ajax Tabs Content Script (v 2.1) 閉じることも可能なタブ型インターフェイス Tab Panels Close
noupeのエントリー「Wordpress Security Tips and Hacks」から、WordPressを安全に運営するための10のTipsを紹介します。 Wordpress Security Tips and Hacks 追記: 2008年2月20日 9の「FilesMatch」の記述を修正しました。 併せて「FilesMatch」の関連リンクを追加しました。 タロタローグ ブログ さん、ありがとうございました。 全てのユーザーにサーバー全部の検索を許可しない。 「search.php」で下記の検索コードは使用しない。 <?php echo $_SERVER ['PHP_SELF']; ?> 代わりに下記のコードを使用する。 <?php bloginfo ('home'); ?> 「wp-」がついているフォルダをサーチエンジンなどに登録されないように、「robots.
IE 7の自動アップデートに伴ってだと思うのですが、当サイトで紹介した「IE7とIE6の共存」シリーズのアクセスが増えているので、既存のエントリーをまとめました。 リンク先や手順などは以前紹介した方法ではなく、最新のものになっています。 IE7をベースに、IE6をスタンドアローンで起動する方法:その1 IE7をベースに、IE6をスタンドアローンで起動する方法:その2 IE6をベースに、IE7をスタンドアローンで起動する方法 Virtual PCを使用して、IE6 or 7を起動する方法 追記: スタンドアローンは、Windows XPが対象になります。 Vistaの場合は、Virtual PCを使用します。 IE7をベースに、IE6をスタンドアローンで起動する方法:その1 IE7をダウンロードして、インストールします。 日本語版「Internet Explorer 7」のダウンロード IE
HONGKIAT.COMの数あるPhotoshopのチュートリアルから、テキスト・写真・ボタンなどのサイトによく使用しそうなWeb2.0風画像の紹介です。 サイトでは、キャプチャ入りで作成方法を解説しています。
The4Cafe Backgrounds Galleryでは、食材・自然・建物・動植物・人物などの大きいサイズの写真画像がダウンロードできます。
photoshopessentials.comのエントリーから、Photoshopでレイヤーを操作する便利なショートカットを紹介します。 Adobe Photoshop Tutorials: Layers Power Shortcuts ショートカットは、コマンド別にしています。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt 右クリック = Control + クリック F7 レイヤーパレットの表示・非表示の切り替え。 [Shift] + [Ctrl] + [N] レイヤーを新規作成。 [Shift] + [Ctrl] + [Alt] + [N] レイヤーを新規作成(ダイアログボックス無し)。 [Ctrl] + 「新規レイヤーを作成」ボタン 選択したレイヤーの下にレイヤーを新規作成。 ※背景
キュートでセクシーな女性のイラストとシルエットの素材の紹介です。 素材は、EPSで配布されています。
PSDTUTSのエントリー「Photoshopでゴールドに輝くテキスト エフェクトの作り方」の紹介です。 How To Create A Gold Text Effect In Photoshop 上記画像は、グラデーションの具合をあまり検討せずにぱっぱと作ったのでいまいちですが、グラデーションを変更することにより、ゴールドだけでなくシルバーなどにも応用ができます。 チュートリアルにキャプチャ入りで説明があるので、簡単に流れを。 背景の作成。 レイヤースタイルで、背景を作成。 「グラデーションオーバーレイ」の設定は、 描画モード:通常、不透明度:100%、グラデーション:#000000から#443501で逆方向、角度:90、比率:138%。 背景にフィルタ処理。 [フィルタ] - [テクスチャ] - [テクスチャライザ] フォントは、「Times New Roman」を使用。 テキストのレ
Elements of Designは、ブログなどのウェブサイトでよく使うエレメントのデザインを集めたサイトです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く