-
satoyan419
- 2071
- 6
- 0
- 7
-
- いいね！7
T.MOTOOKA
@t_motooka
HTMLのstyle要素を display:block; にして contenteditable にすると、JavaScript無しに画面上でCSS編集ができる！ #csstalk これすげー便利そう！
2017-01-28 14:18:53
安田 学 / TAM inc.
@Gaku0318
style属性はデフォルトでdisplay:none;になっているけど、blockにすることでデモページとかがHTMLだけでできる。 #csstalk
2017-01-28 14:18:56
もりてつ＠NO BASS, NO LIFE.
@m_n_t_p
数日前にもツイートしましたが、contenteditableは使い方を誤るとえげつないことになるので注意が必要だったりします(；´∀｀) #csstalk
2017-01-28 14:19:55
みうら かずひと(SonarQube好き)
@kazuhito_m
おおお、StyleSheetって「スタイル要素自体をテキスト表示できる」「表示属性をONにすれば良い」ってこと、今知ったｗ #何かで使えそうだけど何かわからないｗ #csstalk
2017-01-28 14:20:23
安田 学 / TAM inc.
@Gaku0318
Quantity QueriesはSassのmixingやPostCSSでプラグインが用意されている。 ウェブツールもある。 quantityqueries.com #csstalk
2017-01-28 14:28:35
yori3
@yori3_otim2
:nth-last-child(n+4):first-child~li→4つ以上あった時の一番最初の要素以降の兄弟要素 #csstalk
2017-01-28 14:28:37
もりてつ＠NO BASS, NO LIFE.
@m_n_t_p
Quantity QueriesはSASSのmixingやPOST CSSのプラグインなども…stylusはあるかなぁ(´・ω・`) #csstalk
2017-01-28 14:28:38
T.MOTOOKA
@t_motooka
quantity queries の CSS を作るためのWeb上のツール quantityqueries.com #csstalk
2017-01-28 14:29:34
安田 学 / TAM inc.
@Gaku0318
使用例。 タグクラウド。量が少ない時は縦に並べて見えかたを変える。 サムネイル。3カラムで要素が4つの時には4カラムに変えたり。もしくは最後の列だけ変えることもできる。 #csstalk
2017-01-28 14:31:26
T.MOTOOKA
@t_motooka
設置するアイコンとかの個数に応じて表示切り替えするやつ、HTML生成時かJavaScriptかでやってたけど、これならCSSで行けそう。 #csstalk
2017-01-28 14:32:19
安田 学 / TAM inc.
@Gaku0318
Quantity QueriesはFlexboxが使えない案件でも使えるメリットがある。 — コーダーからデザイナーに提案ができるのもいいなぁと思った。 #csstalk
2017-01-28 14:33:31
安田 学 / TAM inc.
@Gaku0318
コーディングアクセシビリティを書かれたひとのサイト。 heydonworks.com CSSをフル活用した例を見れるのでオススメ。 #csstalk
2017-01-28 14:35:28
もりてつ＠NO BASS, NO LIFE.
@m_n_t_p
ガチで役に立ちそうな森田さんの話……2番目に話す私が全然役に立ちそうにない話なのですが大丈夫なのか(；´∀｀) #csstalk
2017-01-28 14:36:22
みうら かずひと(SonarQube好き)
@kazuhito_m
「ユーザビリティのテストにてスタビリティ考えてる」って本、わりかし「そちら業界もそんな感じなのだなー」と思った。 #自動化とかじゃなくて広義のテストしやすさね #csstalk
2017-01-28 14:38:44