[JS]画像のキャプションをスタイリッシュな動きでスライド表示させるスクリプト -slidingboxesボックス状に配置した画像のキャプションをスタイリッシュな動きでスライド表示させるスクリプトをBuild Internet!から紹介します。 Sliding Boxes and Captions with jQuery 画像とキャプションを囲むdivに「.boxgrid」を指定、スライド表示させるパネルには「.cover」を指定して使用します。 スライドするパネルにはdivを使用しているため、テキストやリンクなどを自由に配置できます。 スライドの動作パターンは、6種類あります。
よいCSS開発を行うための８のＴＩＰＳ:phpspot開発日誌
8 methods to bring your front end coding to rockstar levels | StylizedWeb.com よいCSS開発を行うための８のＴＩＰＳとして、当たり前かなと思うことから、なるほどというものがあったので以下にご紹介。 ・IDやクラス名にはより意味のあるものをつけよう たとえば、boxとかwrapperとかcontainerとかは一般的ですね。 一般的なものをつけておけばそれが何なのかすぐに分かるし、協業の際にも便利。 全体のラッパー以外にも、headerとか、content とか footer とか固定で使っておくと一貫性が出ていい感じですね。 まあ当たり前の人には当たり前なテクニックかも。 ・閉じコメントをつけて構造を分かりやすく <div id="header" class="section"> <div id="header-
とても綺麗で芸術性の高いweb2.0アイコンセット「Web 2.0 Vector Icons」:phpspot開発日誌
Web 2.0 Vector Icons とても綺麗で芸術性の高いweb2.0アイコンセット「Web 2.0 Vector Icons」。 次のような綺麗なアイコンがベクター形式で配布されています。 形式はeps形式のようです。 関連エントリ 高品質なベクターアイコンセットいっぱい 40種類の種類色々ベクター形式フリーアイコンセット ベクター形式の汎用の矢印アイコンセット 165のフリーなWeb2.0風ベクターアイコン
[CSS]セミリキッドレイアウトの両端に背景画像を配置するスタイルシート
セミリキッドレイアウトの両端にドロップシャドウの背景画像を配置するスタイルシートをSoh Tanakaから紹介します。 Tips for Developing Semi-Liquid Layouts demo デモでは、入れ子にしたdiv要素にそれぞれ背景画像を設置。 親は中央配置にし、min-width, max-widthを設定。 子はoverflow:hidden;を指定し、paddingなどを設定します。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div id="content_wrap"> <div class="content"> <!--Content--> </div> </div> </textarea>
カラフルなラインを使用して、イメージを華やかにするPhotoshopのチュートリアル
カラフルなラインを使用して、イメージを華やかにするPhotoshopのチュートリアルをPsdtuts+から紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DVD Shrink ver3.2でコピー（メニュー特典映像有り）
綺麗な日本語が書けるフォント「さわらびフォント」:phpspot開発日誌
