サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
jQuery で CSS を切り替えて文字サイズを変更する 2 つの方法。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog 最近、文字サイズの切り替えボタンを設置しているサイトも多くなってきましたね。 自治体や病院など公共性の高いサイトを中心に、導入が進んでいるようです。 僕自身も医療系のサイトに関わることが多いのですが、「設置して当然」の要件となりつつある感じ。 まー、正直「周りがやってるから」というのが主な理由なんですが、結果としてユーザビリティやアクセシビリティにつながるなら良しとしましょう（誰 今回は、その「ボタンをクリックして文字サイズを変更」する機能を実現する方法について、定番を 1 つと、新しく見付けたのを 1 つご紹介します。 定番の方は、プラグインを追加するだけなので手軽＆気軽にできるのが特徴。 新発見の方は、いろいろ書かないといけないので若干メンドくさいですが、その
CSSで気をつけたい事やつまづいたときのちょっとしたコード
Webデザイナーにとって、必須のスキルである CSS ...。スタイルシートを書くときに普段から気をつけてることや、あれ？これってどうやってやるんだっけ？となかなか覚えきれないものをちょっとまとめてみました。またサンプルも作ってあるので合わせて見てくださいね！ Webサイトを作っていると、CSS でつまづくことがたくさんあります。初心者の頃は、CSS で思うようなレイアウトやデザインを描けない事が何度もありました。また各ブラウザ間の表示の差異もあって、ますます壁が高いなーと感じてました。 今回は後々メンテナンスが楽になる CSS の書き方や、気をつけたい事、つまずいた時に「そういえばこうだった」的なものを集めてみました。後半はコードのまとめになってます。 CSS の注意書き 目次 (X)HTMLを書く時に気をつけたい事 スタイルシートを読みやすく書く CSSのブラウザのバグを把握、知ってお
Yahoo! UI Library: Fonts CSS
YUI Fonts CSS The foundational YUI Fonts CSS file offers cross-browser typographical normalization and control. Fonts CSS: Offers full A-grade browser support. Provides consistent font sizing and line-height. Provides appropriate cross-OS font-family degradation paths. Supports user-driven font-size adjustment in the browser, including cross-browser consistency for adjusted sizes. Works in both "Q
FrontPage - Yahoo! User Interface Library(YUI)のガイド
Yahoo! User Interface Libraryについて http://developer.yahoo.com/yui/index.html Yahoo! User Interface Library（以下YUI）は、Yahoo!の提供するフリーのjavascript/cssライブラリです。 cssやjsファイル、そしてcssのスタイルで用いる画像ファイルの集まりです。 ブラウザやOSを問わずに共通して動作するjavascript関数(Ajax処理を含む)やオブジェクトの提供 （javascript+）cssによる基本デザイン・レイアウト環境の提供 が主な機能です。その他、スクリプトのテストやデバッグ環境の提供も用意されています。 Ajax機能については、さほど多機能ではありません。 おそらくは有名なprototype.jsやjQueryの方が網羅されています。 YU
RedLine Magazine : CSS セレクタ総復習 （2010年5月版）
CSS セレクタ総復習 （2010年5月版） CSS3のプロパティにも興味津々なのですが、その前にまずセレクタを全部まとめて総復習しておこうかな、と。本来1ページに書くべきではない内容量なので読み込み遅いと思います。ごめんなさい。 Selectors Level 3 http://www.w3.org/TR/css3-selectors/ 選択子 http://zng.info/specs/css3-selectors.html (日本語訳) ※下記内容で、サンプルページを用意したセレクタもあるんですが、当然、各セレクタに対応しているブラウザとそうでないブラウザがあります。対応していないブラウザでサンプルページを見ても再現できません。 目次 * (汎用選択子) E (型選択子) E[foo] (属性選択子) E[foo="bar"] (属性選択子) E[foo~="bar"] (属性選択子
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla
MT条件分岐でグローバルメニューのonpageでCSSで画像を切り替える設定をやってみる。 | ponnao-clip
ネット上のちょっと笑っちゃうおもしろ記事や便利なWebサービス、Web制作で覚えておきたい事項を中心に書き留めてます。その時はまっているものごちゃ混ぜブログ。 2010年4月21日2012年11月6日 通常のサイト作成の時にやっている グローバルメニューのonpage（今いるとこのページ）でCSSで画像を切り替える設定を MTの条件分岐でやってみました。 実は、ずっとやりたかったこの設定、 とりあえず作ってみて徐々に整理して行きましたので、遷移を載せておきます。 これがあれば、あとで元にも戻せるし。 こちらのページをかなり参考にさせてもらいました。 ★MTでカテゴリーナビの所属しているカテゴリのみ条件分岐する 補足： ・on表示にしてもリンクはさせたかったので、.onpageのクラス処理で。 非リンクにしたいときにもCSS修正すれば、この方法で対応出来そう。 ・一番下のは、トップナビゲーシ
MT5グローバルメニュー - taka_moriのブログ
MovableTypeでグローバルメニューを作成したとき、ON MOUSEでメニュー画像を切り替えてアクティブにすることは簡単だが、MovableTypeで作成したウェッブページに移動したときにそのメニューをアクティブにする場合、ウェッブページ毎にグローバルメニューを作成する必要がある。これを一つのテンプレートとして作成してみた。 方法は、まずウェッブページで出力するファイル名を取得して、そのファイル名のアクティブ部分のclass名の”_on”をつける方法にした。 ※メニュー画像は、ON/OFFを準備して決め事として、ON画像には”_on”を、OFF画像には”_off”をわかりやすくつける。また、ON MOUSE時の制御については、CSSは各gnave_menuのclassで制御します。 <mt:If name="main_index"><mt:SetVar name="filename"
テンプレートによる無料素材CSSメニュー/縦並び垂直バージョンNo3【マイ アイランド】
テンプレートによる無料素材：ＣＳＳ メニューボタン 縦並び垂直 スタイリッシュなCSSメニューを揃えてみました。そのままソースをダウンロードすることが出来ます。 色味、メニュー数のカスタマイズは自由にどうぞ。 テンプレートMenu #V3 SAMPLE SAMPLE SAMPLE SAMPLE SAMPLE SAMPLE
フィーチャフォン向けの CSS を書くに当たって - 携帯電話向けコンテンツの書き方
フィーチャフォンで使う事の出来るカスケーディングスタイルシート(CSS)を実際に書くに当たって注意すべき点を解説します。 多くは端末の実装などに依存したものなのですが、やはり配慮しておいた方が良いでしょう。 携帯電話向けの CSS で考えておかなければならない事。 携帯電話には、PC に較べていくつか不利な点があります。 画面が小さい 表示可能色が少ない端末がある フォントが限られる 通信速度の遅い端末がある 通信量に依り課金される端末がある このため、以下の点に注意すると良いでしょう。 font-size プロパティの値は極端な値にしない。 font-size プロパティの値を大きくし過ぎると、一行に入る文字数が少なくなり、読み難くなります。 逆に小さくし過ぎても読めなくなる恐れがあります。 現在、日本の携帯電話は QVGA 液晶が標準のようですが、それより解像度の高い VGA 端末もあ
cssの情報・まとめ - かちびと.net
cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツール オンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版 RoundedCornr / 角丸のHTML・CSSコードを生成してくれる CSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認 CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できる CSS Builder / オンラインでスタイルを生成可能 Spiffy Box / cssによる角丸を簡単に生成 The
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
手打ちコーディング初心者におくるメンテナンス性の高いHTML+CSSコーディングを行うための15のTips
http://developer.yahoo.com/yui/articles/hosting/?reset
CSSリセット手法
リンク先のファイルの拡張子によって、表示アイコンを自動で変える方法
aimy.jp
CSSでTableをデザインするサンプル集 | CSS Lecture