A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
Code Snippets | CSS-Tricks
A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
CSSバグリスト
2020.05.23 Sat【保存版】ラッキーニッキーで3年遊んでわかった全て！ Uncategorized 2020.05.23 Sat【保存版】ラッキーニッキーのライブカジノでおすすめを厳選！ Uncategorized 2020.05.23 Sat【必見】ラッキーニッキーのボーナス情報を網羅！登録時や入金でお得！ Uncategorized 2020.05.23 Sat【完全版】ラッキーニッキーのスロットおすすめランキング Uncategorized 2020.05.23 Satラッキーニッキーのサポート情報！エラー発生時はどうする？ Uncategorized 2020.05.23 Sat【必見】ラッキーニッキーのVIP制度！ハイローラー向け Uncategorized 2020.05.23 Sat【保存版】ラッキーニッキーの入金・出金や限度額を解説！ Uncategorized
デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
CSSのメモ帳 －スタイルシートは直感で－
1年ぶりのエントリ。 久々に管理画面みたら色んな機能ついてました。 着いていけません。オッサンですから。 新しいブログつくりました。 re:memo こっちの記事を移してしまおうかな。 でもメンドクサイな…(;´Д`)ノ こんにちは 最近CSS（スタイルシート）で書くネタを考えるのが辛くなってきたので、 合間合間にWebサイトのネタでもはさみたいと思います。 というわけで第1弾。 SEプラス Webディレクター採用コンテンツを取り上げてみます。 調べてみると、SEプラスというのはPC関係の書籍で有名な翔泳社のグループ会社のようです。 そこの、採用サイト。 一見、スーツ屋 と思いつつも採用と書いてあるし。 中に入ってみればコミカルな動画と、 連番で切り出された静止画が螺旋状に3Dで展開しています。 最近は気合の入った採用サイトが多く、 また、動画を使用しているのも特徴かなという印象があります
構造のマークアップ無しでfloatをクリアする方法 | Takazudo Clipping*
お久しぶり。元気？ 私はいつもこんな感じ↓。 どっかで見たやつを試行錯誤して若干修正してこのカタチになったよ。でも試行錯誤の過程は忘れた。 .hoge { _overflow: visible; _height: 1px; zoom: 1; /*\*//*/ overflow: hidden; /**/ width: XXXpx; } .hoge:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; } おひさしぶりです～ overflow:hiddenをmac ie避けしてるってことは、MacIEやIE5あたりだとoverflow:hidden;はだめそうですね。 最近はMacIEに対応しなくていい案件が増えてき
ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」 - GIGAZINE
WindowsXPやOfficeXP風のメニュー、シンプルなメニュー、ミニタブ型、横に展開するタイプなど、いろいろな幅広い応用が可能です。 例とコードのダウンロードは以下から。 ダウンロードや設置方法は以下のページから。 aplus :: ADxMenu http://www.aplus.co.yu/adxmenu/intro/ 実際の例は以下にあります。 http://www.aplus.co.yu/adxmenu/examples/ 例その1：WinXP style http://www.aplus.co.yu/adxmenu/examples/winxp/ 例その2：Simple style http://www.aplus.co.yu/adxmenu/examples/simple/ 例その3：Minitabs http://www.aplus.co.yu/adxmenu/exam
mixiのユーザースタイルシート書いてみた
ミクシィのデザインにむかついた。 素敵さんが公開されているユーザースタイルシートをつかいたかった でもニュースと日記ランキングは表示したかった →自分でなんとかするしかないみたいだ・・・ っちゅーことでつくったcss。 人様のコードを土台にしてるしブログなんてもってないし コードは整理されてないしもうやる気は残ってないし でココで公開してしまえ ミクシィの表示を横幅720pxの２ペインにします。 主な改造点は ・全体的に行間を狭めた。 ・全体的に余白を狭めた。 ・ニュース・天気・ランキングを一番下に表示。 ・ついでに一番上のmixiロゴも控えめな大きさに。 ・一部の背景をうっすーい灰色にした。 ・さよならmikly。 ・絶対位置指定divを排除（全部は無理なので目立つ部分を適当に。） ・グローバルナビとかローカルナビとかのメニュー画像幅調整 ・広告をほどほどけした。 ・etc... 使い方
リニューアル後のmixiを2カラム/750px幅化するユーザースタイルシートを書いてみた : akiyan.com
リニューアル後のmixiを2カラム/750px幅化するユーザースタイルシートを書いてみた 2007-10-01 別に2カラム原理主義者というわけではないのですが、カラム変更オプションが無くなったのでついカッとなって書いてみました。 目次 適用前、適用後 適用前 適用後 解説 Firefox向けで、ユーザースタイルシートの適用は「Stylish」拡張をインストールすると便利です。 2カラムにするだけではなく、個人的にほとんど使わない機能へのナビゲーションまで削除しちゃってるので、ちょっと注意が必要です。リニューアル後のmixiのHTMLはid名とclass名が変態的なまでにきっちり設定されているのでCSSがわかる方はソース眺めつつ調整してください。ユーザースタイルシートの内容は以下の通り 調整 全体の横幅 750px化 全体を中央揃え フッターリンク左右の余白調整 非表示 右カラム全部 ロゴ
ブログテンプレート作成ツールで簡単ブログデザイン！ - CSSEZ
Cssez : ผลบอล บอลวันนี้ วิเคราะห์บอล ข่าวฟุตบอล เราคือผู้นำของเว็บดูผลบอลสดออนไลน์ ผลบอลสดภาษาไทย 7m ข่าวฟุตบอล สรุปผลบอล ไฮไลท์ ที่สามารถเช็คผลบอลทั่วโลก มีทั้งภาษาไทย Livescore 7m 888 ผลบอลมีเสียงวันนี้ล่าสุด พรุ่งนี้ หรือเมื่อคืน รวบรวมเว็บผลบอลต่างๆมากมายมารวมไว้ที่เดียวเช่น livescore.com 7m.cn 888scoreonline.com thscore.cc และ spbo.com รวมทั้งมีวิเคราะห์บอล ตารางบอล คะแนนบอล และดูบอลสดออนไลน์
CSSだけで円グラフを表示するサンプル:phpspot開発日誌
Have a Slice This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries CSSだけで円グラフを表示するサンプル。 次のような円グラフをCSSのみで実現するサンプルが公開されています。 HTMLコードは以下のようにシンプルに表現できます。 <div class="shadow"> <div id="example"> <div class="pie size35"></div> <p class="percent">37%</p> </div> </div> 次のような１個の円グラフを並べた横長画像のbackground-positionをずらして、必要な部分だけ表示することで実現しているようです。 サーバサイドでもクライアントサ
そのテーブル、本当に必要? - 徒委記
そのテーブル、本当に必要? MinuteDesignの記事より 前哨戦 発端2005年3月17日2005年3月18日2005年3月19日2005年3月21日2005年3月23日2005年5月19日 XHTML+CSS (r)evolution資料より2006年7月7日2006年7月8日2006年7月10日 表(table)から定義リスト(dl)へのマークアップの置き換えに関する議論 MinuteDesignの記事より ※元記事は削除されているため、他の記事で引用された箇所の断片を載せています。 前哨戦 pswfさん 「それでも最後のテーブルを投げ捨てられないニュースサイトたち」 (www.minutedesign.com/archives/2005/03/15/last_tables/)引用断片 → MinuteDesignLastTables 森田雄さん Re：それでも最後のテーブルを投
ステッカーっぽいのを貼ってみる
前々からちょっとカッコイイなーと思ってたステッカーっぽいの。 試しに今回貼ってみました。左上に貼ってあるコーディングコンテストのがソレです。 ちょっとウチのサイトの場合だと横幅があるんできついですが、まぁテストって事で。（外しはしないけど） 知ったのは、ネットのサラダボウルさん。 って事で、詳細をば。 方法はすっごい簡単。 たぶんブログとかにも貼り付けれるんじゃないかな？ まずは←こんな感じで、透過Gifを作成。 どんな感じでもいいのでお好きなように作ります。 透過Gifの作り方云々は、ここじゃ割愛。 そしたら、htmlに以下のような感じで貼り付け。 <p id="sticker"> <a href="/archives/2007/0407_1430.php"> <img src="/img/sticker.gif" alt="Codin Contest 開催中" /> </a> </p>
正しく、早く、美しいコーディングを実現するために踏むべき5つのステップ::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5ホームページテンプレート無料配布 [Cool Web Window]
IBM Developer
XHTML CSS (r)evolution [1]
IE別ブラウザ別にCSSを条件分岐させる方法
http://youmos.com/news/css_optimize.html
簡単にブラウザ別CSSを導入するJavaScript （CSS Browser Selector） - youmos
http://youmos.com/reference/set_element_class.html