tag:css

書いてる野郎

orebike@gmail.com

TAG: CSS

2011-07-14 09:38Android(開発)/Androidのブラウザでのiframeの表示 バージョンと製造年月日 * 2011-07-14 * Android2.2, 2.3 iframeの表示 Androidでもiframeは使うことができる。 通常のブラウザと異なる点は、Androidではiframe内のコンテンツ…, , ,
2011-05-19 13:07CocProxy 何が嬉しい？ リクエストをインターセプトしてローカルのファイルにすり替える。 サーバしか動かないプログラムの一部を差し替えるときに便利。CSSの編集によく使われる インストール
2012-05-27 21:04Coda2 バージョン * 2012-05-27 新規 タグ html css エディタ ide, , ,
2010-10-15 15:33CSS css index memo input 要素には table-cell は効かない 2014-09-19 現在最新のブラウザで効いてない。 参考サイト * CSS · Styleguide · GitHub * CSS3 Google UI Demo * OneClickCSS htm…, ,
2019-12-06 18:22CSS / Style / clip-path 形状を指定して対象を切り抜く。切り抜かれた対象は本当にその部分がなくなったかのように振る舞う いくつか指定方法があるが 2019-12-06 現在ブラウザの対応がまちまちであるのでmemo,
2019-12-16 16:04CSS / Style / opacity 透明度を 0.0(完全に透明) から 1.0(不透明) の間で指定する。 注意する点として、その指定したブロックだけでなく、そのブロックの中身全体が透ける。 背景のみを透過させたい場合も多いと思うので、そのような場合は, ,
2019-12-03 10:19CSS / Style / transform 対象を行列演算を用いて変形することができる。つまり、拡大縮小回転並行移動ができる。 ポイントとしては変形が基本的なブロック構造の配置に影響を与えないので、オブジェクトに対するちょっとした視覚効果を実装するのが楽ということがある。transform index, ,
2010-10-15 15:37CSS/CSSだけでMacのDock風UIを作る safariの隣接セレクタに問題があって一回全部マウスオーバーしないとちゃんと働かない <img src="images/firefox.png" /> <img src="images/safari.png" /> <img src="images/ie.png…
2016-02-03 10:58CSS/fieldsetサイズ問題 バージョンと製造年月日 * 2009年02月26日 * Firefox3.0.6 * IE7 fieldset の位置の基準が IE と Firefox で違う件 Firefox は fieldset の中が基準になり IE7 は legend を包含した矩形が基…, , ,
2020-01-16 18:19CSS/HowTo/スクロールさせたい、しかしスクロールバーは出したくない スクロールさせたい、しかしスクロールバーは出したくない。という場合はどうするか。 よくあるのだと、JS によって制御が入っていてある状況ではスクロールバーが出ているのだが、 途中でコンテンツ量が増減して、それによりスクロールバーが表示された…, ,
2011-08-24 20:37CSS/iPhoneのSafariで横スクロールが出てしまう バージョンと製造年月日 * iPhone4 * 2011-08-24 横スクロールでビヨーン viewportを指定してCSSでがっちり幅を縛っているサイトを作っているのになぜか横スクロールが発生して、指で左右に動かすとグレーのバックが見えて…, , ,
2012-04-24 13:38CSS/LESS なにが出来るかといえば、単に便利にCSSをインライン展開してくれるだけのツール Sassと似たようなもの。パーサーがJavaScriptで実装されているというのが特徴的 LESS « The Dynamic Stylesheet language less index 変数 変数を宣言でき…, , ,
2012-05-05 17:04CSS/Lionのブラウザでoverflow指定した際にロールバーが消えたり出たりして安定しない 現象 MacのOSX Lionのブラウザ（発生バージョンはChrome ver 18）だけ、overflow:autoに設定したようなブロックからはみ出てもスクロールバーが表示されない。, , ,
2017-02-06 17:09CSS/preとcodeでマークアップされたソースコードの1行目を無視する HTML でプログラムソースコードをマークアップする場合よく、このように pre と code のタグを組み合わせて表現される <pre> <code> function(){ alert("hoge"); } </cod…,
2012-07-24 14:41CSS/Sass/SCSS文法 子孫セレクタをブロックのネストで書く p.hoge{ color: #FF0; a{ color:#FFF; } } 子孫セレクタはHTMLの構造と似たように設定自体も入れ子に書くことができる p.hoge { color: #F…, ,
2012-07-23 20:54CSS/Sass/インストール Linux Mint 12にインストール Ubuntuの派生ディストリビューションなのでUbuntuでも同様にできると思う。 ってかディストリビューションに依存する部分なんでほとんどないけど一応。, , ,
2012-07-24 14:20CSS/Sass/標準関数 Module: Sass::Script::Functions バージョン 2012-07-24 タグ css sass,
2012-07-24 14:29CSS/Sass/自動的にCSSをビルドする watchオプションをつけることで自動的にscssファイルが更新したらcssファイルをビルドしてくれるようになる。 $ sass --watch hoge.scss:hoge.css このオプションはディレクトリにもつけることができるみたいで,
2019-12-13 13:58CSS/Style/display/inline-block block のように領域を持つのだが、インライン要素と共に流し込んで使える。 親要素からは inline のように扱える。その大きさは inline のように内容物の量で決定される。, , ,
2019-12-14 10:22CSS/Style/margin ブロックの外側の間隔を指定する。 ブロックの外側なので width の計算幅には入らない。 書き方 独立して指定する margin-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px;, , , ,
2019-12-09 13:37CSS/Style/overscroll-behavior スクロールの限界に来た時の挙動をコントロールする。 モーダルダイアログの構築のような場所でユーザーの操作や見た目を抑止する動きのために使うことが多いと思われる。, ,
2019-12-13 11:52CSS/Style/position 自分をどのようなルールで配置するか？まわりから配置としてどのように扱われるかを決めるモノ static 普通の状態、デフォルト値。周りとの関係性を考慮して流し込むように位置が決定する。, , ,
2019-10-07 12:47CSS/Style/text-decoration-skip-ink リンクのようなテキストに引かれているアンダーライン等の装飾をどのように引くかを指定する。 #hoge{ text-decoration-skip-ink: auto; } #piyo{ text-decoration-skip-…,
2012-04-24 18:32CSS/スタイルの解除 left right autoとかぶち込んでおく バージョン 2012-04-24 タグ css
2017-06-22 11:07CSS/セレクタ selector index 全部 なんでもかんでも全部 *{ width:200px; } タグ名 指定したタグで hoge{ width:200px; } 属性（存在） 指定した要素の中で指定した属性を持っているもののみ hoge[piyo]{ …,
2018-04-16 10:43CSS/ネガポジ反転 CSS には色をコントロールすることもできて unko{ filter: invert(100%); } このように記述すると、その要素内のネガポジが反転する。 指定している color のような文字色だけでなく、img で貼り込まれている画像自体のネガポジも反転する,
2012-03-05 09:40CSS/フレームワーク バージョンと製造年月日 2012-03-05 CSSのフレームワーク CSS Frameworkを持つ - ゆーすけべー日記に触れられてた。 基本的にCSSに合わせてHTMLを書くことに抵抗があるのでCSSのフレームワークを嫌っていたがいい部分を取り入れていこうと思ったので調べてまとめ…
2019-12-03 19:37CSS/モーダル風UIで背面の本体のスクロールをロックする 全画面に広がって画面を覆うような要素を作ってモーダル風UIを構築することがある。 この場合にそのモーダル風UI上でホイールを使うと、その背面にある本体のコンテンツがスクロールしてしまうということがおきる。これの防止方法。, ,
2016-12-28 12:48CSS/リストの点に色を付ける ul 要素に対して color 指定するとリストの点に色がつけられる ul{ color: red; } Tags css list,
2011-01-18 08:22CSS/自分のよく使うコード よく付けるセレクタ 全(#all) body要素はどこからどこまでが範囲なのか明確によくわからないのでとりあえず一番外を囲っておくやつ。 ぶちぬきのヘッダーとかが無いならばここで全体の幅指定とかをしておく
2011-08-25 15:36CSS/自分の整形スタイル いつも場当たりでブレるのでまとめておく バージョンと製造年月日 2011-08-25 クラスやIDの命名 これはHTMLともかぶるんだが基本的にスネーク CSSファイル上でのセレクタを書く順番,
2018-06-01 00:25CSS/順序リストで括弧付き番号を使う ol を使ったときの番号の修飾をやりたい場合があるが、そのときはこのようにする。 .hoge > ol{ margin-left: calc(40px + 3em); } .hoge > ol > li{ list-style-type: none; …,
2010-11-28 15:58DokuWiki/arcticテンプレートを導入する バージョンと製造年月日 * DokuWiki rc2010-10-27 “Busy Wednesday” * template-arctic 2010-11-07 “Anteater” インストール <http://www.dokuwiki.org/…,
2011-08-05 23:31DokuWiki/CSSのキャッシュをクリアーする バージョンと製造年月日 2011-08-05 CSSのキャッシュをクリアーする Dokuwikiでは設定したCSSをPHPで1個にまとめて出力している。この出力をキャッシュしていて、小変更が反映されにくい。 そこで, ,
2017-07-06 12:42JavaScript/CSSの動的ローディング バージョンと製造年月日 2009年06月12日 原理 link 要素を document.createElement して head 要素に appendChild する。 動的にロードしたStyleSheetオブジェクトを掴む,
2017-10-03 13:17JavasScript/etc/IE7.js IEのCSSの挙動を標準に近づけるスクリプト・・・ 実際問題は、近づくようになるだけで同じにはならない 使い分け * IE7.js IE5,6系をIE7の挙動にそろえる * IE8.js IE5,6,7をCSSの標準的なサポートにそろえる, ,
2010-11-17 08:27symfony/動的にCSSを作る ヘッダーに追加してやるだけ ファイル hoge.css.php のようなファイルを hogep/hogea/css/hoge.css.php な感じで設置して、あとは普通に @IMPORT "hoge.css.php"; のようにロードするだけ。, ,
2012-02-06 11:15Twitter Bootstrap Twitter Bootstrapとは Webアプリにおける基本的なUI部分のルックアンドフィールの趣味の良いプリセット集と思えば良い。 style look and feelclass memo ボタン系要素をボタンっぽい外観にする, , ,
2012-05-16 15:49Twitter Bootstrap/パンくずリスト <ul class="breadcrumb"> <li> <a href="#">Home</a> <span class="divider">/</span> </li> <li> <a h…, ,
2012-06-12 10:32Vim/LESSファイルを編集する CSSを便利にジェネレートするCSS/LESSという形式のファイルをVimで編集するには プラギンぶっこみ * groenewege/vim-less · GitHub * skammer/vim-css-color · GitHub の2つのプラギンを入れる B…, ,
文書の先頭へ
www.chimeric.de Valid CSS Driven by DokuWiki Recent changes RSS feed