完全体となったContainer Queriesの所感の雑記
Chrome 111 betaでついに、Style Container Queriesが対応されました。 Chrome 111 beta - Chrome Developers 今まではサイズの...
14
8
Comment0
12 search resultsShowing 1~12 results
Stocked
You need to log-in
VSCodeのEmmetのCSSを使いやすくする
Emmetの前身であるZen-Codingの時から、CSSの展開をよく使用していました。 Zen-Coding時代から考えると10年以上使用しており、EmmetがないとCSSが書けない体になって...
3
4
Comment0
CSSのGridをカジュアルに使いたい（雑記）
思ったままに記述と検証を繰り返した記事です。 CSSのGridといえば、縦軸と横軸を決め、それあわせてボックスを配置できる技術です。grid-template-rows / columns や ...
4
1
Comment0
aタグの中にaタグをJSを使わずに配置したい
Qiita記事を見ていると「なんとなくで書かないで！HTML5を書く時に気にしてみたいタグごとのお約束 - Qiita」で、HTMLを書くときの注意点などが紹介されていました。 ただ「aタグの中...
24
13
Comment1
ロカールのWordPressをBrowsersyncを使って、iPhoneで確認する
さくっとやりたい時用です。がっつりやりたい場合は、gulpを使いましょう。 IPの接続と何ら変わりがありませんが、Browsersyncをかますと、CSSやPHPのファイルを更新するだけで、ブラ...
18
18
Comment0
position: sticky;を使った時にa要素のタップの位置がズレる
stickyは、特定の位置から要素を固定し、要素の指定位置まで達すると相対位置に配置される便利なCSSです。 iOS 6.0、Android 5以上とスマートフォンサイトで使える場が増えています...
4
7
Comment0
BracketsのEmmetをpugに対応させる
1. snippets.jsonを作成 [ファイル]->[新規作成]から新しいファイルを作成し、下記のJSONを貼り付けます。 { "pug": { "filters": "jade", ...
8
8
Comment0
Sassを使ったz-indexの管理
Sass(SCSS)を使ったz-indexの管理には、Sassy Z-Index Management For Complex Layouts – Smashing Magazine を使ってい...
136
137
Comment2
背景とかがフェードで切り替わるSassのmixin
「Adobe MAX Japan 2016（9/2開催） | Adobe Creative Station」のセッションで使ったトリッキーなSCSS mixin @mixin fade($cla...
2
1
Comment0
MovableTypeのData APIのメモ
MTを使ってデモをしなければいけなくなったので、Data APIを触ってみた。 JavaScriptを使って、JSONをごにょごにょできれば、それほど難しい仕様ではない。ただ[MT Data A...
4
5
Comment0
meta keywordsについての定型文
SEOといえば、いまだにmeta keywordsを設定する（したい）人も多いはず。 <meta name="keywords" content="キーワード,キーワード,キーワード"&g...
72
69
Comment0
Jade, Slimを使うなら、Sass記法かStylusを使ったほうがいいと思う
JadeやSlimはインデントで記述するHTML Preprocessorです。 Jadeの記述 # demo h1 title p lorem ul.list li | demo br | d...
4
4
Comment0
12 search resultsShowing 1~12 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles