日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス
2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ ↑私が10年以上利用している会計ソフト！ 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の
IEで固定座標を指定する方法
さて、アナウンスしていたようにIEでposition: fixed;を実現する手法について簡単にまとめておきます。まぁこのテクニックもIE7が出るまでのつなぎです。やり方は大まかには2通りあって、純粋にCSS(スタイルシート)のみで指定する方法とJavaScript(正確にはMS独自のDynamic property ダイナミックプロパティーと呼ばれるもの)を使うやり方です。 まず、1.CSSのみの方法から １．基本的な考え方は、HTML(あるいはBODY)タグのスクロールバーを非表示にして、かわりにDIVタグ(HTMLならBODYタグ)のスクロールバーを表示させる方法です。具体的な記述は以下のようになります。 html { overflow: hidden; } body { height: 100%; overflow: auto; } 次に、固定表示したいDIVタグ(タグは何でも良い
DoCoMo向けにCSS指定をインラインに埋め込むPHPライブラリ「toInlineCSSDoCoMo」作りました
こんにちは。Windowsの最大の発明はゴミ箱の標準装備だと思っている亀本です。 追記：Mac信者の某氏にゴミ箱はWindowsの発明じゃないと突っ込まれてしまいました。すみません<(｡_｡)> 昨日はグリーさんのオープンソース勉強会に参加してきました。 今回の講師はDeNAの川崎さんで、わりとモバイル屋さんな自分としてはぜひともチェックしておきたいなと思って参加してきました。 勉強会・懇親会ともなかなか面白い話が聞けたり、変な人がいっぱいしたりしてとても面白かったです。 モバイルをやっているといつも面倒なのは、テンプレートの扱いです。 そのあたりのまとめは以前このブログでうちの高橋さんが超まとめてくれた記事があるので、そちらをご参照ください。 とくにDoCoMoのCSS(i-CSS)は開発者泣かせですね。インラインのみに対応とか、開発しにくくて涙ちょちょぎれそうです。 さてさてそんなDo
スタイルシートTipsふぁくとりー
select要素の未選択時にだけ灰色に装飾する方法（CSSだけでplaceholder的な項目を加える書き方） 2022年06月17日 17:21 テキスト入力欄の高さを画面の高さ100％に合わせるCSSには、単位vhを使うと楽 2020年08月02日 14:00 日本語Webフォントでシャギーが出るのを防ぐ簡単なCSS 2020年06月24日 21:00 ボタン上のマウスポインタをリンクと同様に指さす手の形に変化させるCSS 2020年06月20日 10:57 プレースホルダの文字列をもっと薄く表示させるCSS 2020年06月10日 10:42 極細～極太まで、丸ゴシック日本語Webフォントを7段階の細さ(太さ)で表示する方法 2020年06月02日 13:48 偶数番目と奇数番目で画像の配置を左右逆転させるCSS 2020年05月16日 12:22 最後の要素の後には区切り線を引かな
属性セレクタで、スタイルシートを柔軟に！ [ホームページ作成] All About
属性セレクタで、スタイルシートを柔軟に！Internet Explorer 7から使えるようになったスタイルシートの機能に、「属性セレクタ」があります。FirefoxやOperaでは以前から使えていました。これを活用すると、より柔軟な装飾対象の指定が可能になります！ 属性セレクタを使うとスタイルシートの記述が楽になる スタイルシートで装飾対象を指定する方法に「属性セレクタ」という書式があります。 今までは、FirefoxやOperaしか対応していませんでしたが、Internet Explorer 7でも使えるようになりました。 この「属性セレクタ」を使うと、スタイルシートでの装飾対象の指定が楽になります。 例えば、次のような指定が可能です。 a要素のうち、name属性があるものだけを装飾 a要素のうち、target属性の値が _blank のものだけを装飾 input要素のうち、type属
![属性セレクタで、スタイルシートを柔軟に！ [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
スタイルシート裏の裏
スタイルシートの裏の裏 Ver 3.19 ABSTRACT スタイルシートの裏の裏って何だろうと思ってこのページを訪問してくれた皆さん、たんくろの策略にまんまとはまっていただき、まことにありがとうございます。 裏の反対は表です。そう、タイトルにある「裏の裏」は「表」の意味なんです。 つまり、スタイルシートを裏技や特殊なテクニックとしてではなく、正攻法で使えるようにするにはどうすればいいのかを紹介しようというのがこのサイトの趣旨です。 具体的には、実際にIEやNNで同じ見栄えとなるスタイルシートとするにはどうすればいいのかいろんなサイトを参考にしながらも、自分なりの表現で、初心者にもわかりやすいような説明をおこなうつもりです。 このサイトの構成 このサイトのページアクセス方法 INDEX はじめに スタイルシートの書き方 スタイルシートの書式（基本） スタイルシートの書式（応用） フォント
CSS HappyLife
もう放置して長い当ブログ...なので、Adsenseの自動広告ってのを試してみようかと思ってONにしたら、すごいことになった！ これは中々に酷いですね。 とまぁそれはさておき、すごい久しぶりに個人の趣味っぽい感じのサイト作りました。 - 探そう！好きな恐竜 なんで恐竜！？って感じしますね。 正直、恐竜には全然興味なかった側の人間です。 もう完全にただのお知らせや告知ブログ...！ 初版の発売から4年経ち、ありがたいことに改訂のお話を頂いたので、6月～8月辺りに森田 壮さんと執筆を行い、2017年9月15日に改訂2版が発売しました。 かなり頑張って加筆・修正などを行ったので思ってたより大変な執筆でした。 初版と改訂2版の詳しい違いに関しては、サポートサイト に載せておいたのでそちらを見て頂けるとありがたいです！ 初版と改訂2版の違い | Web制作者のためのSassの教科書 改訂2版 - 公
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bs3 Document
螺旋デザイン｜はじめてのCSS やさしいCSSはじめます。
[CSS]スクリプト無しで実装する、快適に動作する多段ドロップダウンメニュー | コリス
phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届け