HTML Color Combination Chooserは、指定した色から、色相環を使用した配色を表示するオンラインサービスです。
HTML Color Combination Chooserは、指定した色から、色相環を使用した配色を表示するオンラインサービスです。
アイコン専門の検索サイトの紹介です。 Iconfinder iconlet ICONlook Icons Search Engine SearchIcon.net
Yahoo! Developer Network から、ウェブ設計時のデザインパターンの共有ライブラリがPDFやPNGなどでダウンロードすることができます。 Download a Stencil Kit ダウンロードできるのはOmniGraffle、Visio、PDF、PNG、SVGとなっており、多種多様なデザインパターンがセットとなっています。 PDFでは、コードへのリンクも記載されています。 Ad Units Calendars Carousels Charts and Tables UI Controls Form Elements Grids Menus and Buttons Mobile - General Mobile - iPhone Navigation and Pagination OS Elements Placeholder Text Screen Resoluti
sitepointで紹介されているPixelMillのデザイナー:Corrieの、Photoshopで作るWeb 2.0風画像のチュートリアルの紹介です。 ※画像は、Photoshopでなくても作成できます。 Creating Web 2.0 Effects With Photoshop, Part 1 Part 1でエントリーされているチュートリアルは、6つです。 シンプルなグラデーション グラデーションの背景 ストライプの背景 微妙に透明なレイヤー 鏡面効果のテキスト ガラスのようなオブジェクト 各チュートリアルの手順は、下記の通りです。 シンプルなグラデーションの作り方 ベースとなる色を選択。 [ツールパレット]から[長方形ツール]を使用して、長方形を描画。 [レイヤー効果] - [グラデーションオーバーレイ]を選択して、適用。 [グラデーションオーバーレイ]の設定。 [描画モー
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
WordPressのテーマを構成するファイルの種類、優先順位と条件タグ・インクルードタグのまとめです。
Perfect multi-column CSS liquid layoutsは、CSS hackを使用せず、iPhoneにも対応したベーシックなCSSのテンプレート集です。 Perfect multi-column CSS liquid layouts テンプレートは、全てリキッドタイプで、横幅はパーセント指定されています。 対応ブラウザは、下記のものと記されていました。 Win Firefox 1.5 & 2 Safari Opera 9 Explorer 5, 5.5, 6 & 7 Netscape 8 Mac Safari Firefox iPhone & iPod Touch Safari
haccordion, a simple horizontal accordion plugin for jQuery haccordionは、ver.0.1でリリースしたばかりですが、スピード調節や適用するクラス名の変更のオプションにも対応しています。
MRIは、クリックした箇所のCSSのセレクタの表示や指定したセレクタの箇所をハイライト表示するブックマークレットです。 MRI :: for web developers MRIには2種類の機能があり、一つはクリックした箇所のCSSでのセレクタを表示します。 例えば、body箇所だと「body, html body, html>body」のように表示されます。 もう一つは、テキスト入力欄にセレクタを入力するとその箇所をハイライト表示します。 また、これら2つを組み合わせると、どのセレクタにスタイルシートの指定を記述するか明確に分かります。 同作者のブックマークレットには、スタイルシートの指定を表示する「XRAY」もあります。
画像を使用しないで角丸を実装するスクリプトはたくさんありますが、このShadedBorderは角丸にさまざまな効果を与えて実装することができるスクリプトです。 ShadedBorder - JavaScript Round Corners with Drop Shadow ShadedBorderの実装は、ダウンロードした「shadedborder.js」を外部ファイルとして指定し、下記のようなコードでシンプルな角丸が実装できます。 head箇所 <script type="text/javascript" src="shadedborder.js"></script> <style type="text/css" media="screen"> #simple{padding:10px;} </style> body箇所 <div id="simple"> <p>角丸のサンプル</p>
Effects Codeでは、フラッシュやAction Scriptの知識が無くてもXMLファイルを編集するだけで使用できるフラッシュのエフェクト集を配布しています。
Mini tabbed pagesは、JavaScriptを使用しないでタブの切り替え・コンテンツの開閉を実装するスタイルシートのサンプルです。
BlogSecurityより、「WordPressを安全に運営する方法」のホワイトペーパー(白書)がリリースされました。 WordPress Security Whitepaper 「WordPressを安全に運営する方法」はPDFで配布されており、目次は以下の通りです。 目次 イントロダクション WordPressのインストール WordPressのDBのテーブルへのアクセス WordPressのDBのテーブルのプレフィックスの変更 設置する前 手作業での変更 WP Prefix Table Changerの使用 ブログの準備 管理者の名前変更 権限を制限したユーザーの作成 インストール時の強化点 wp-contentとwp-inbludesへの制限 wp-adminへの制限 あなたのIP以外の全てのブロック .htpasswdを使用したパスワード管理 .htaccessへの記述方法 .
HTML <h1 id="logo">Site Name</h1> CSS h1#logo{ background: url(images/logo.gif); height: 75px; width: 137px; text-indent: -9999px; } HTML <h1 id="logo">Site Name</h1> <img src="images/logo.gif" class="nodisplay" /> Screen CSS h1#logo{ background: url(images/logo.gif); height: 75px; width: 137px; text-indent: -9999px; } img.nodisplay{ display: none; } Print CSS h1#logo{ display: none; } img.no
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く