レスポンシブなサイトを作っていると、改行位置のコントロールをしたくて、br要素のdisplayプロパティの値を none にして改行をコントロールしたりしますね？ そんなわがままなことをした時のメモを残しておきます。
brを非表示にした #CSS珍百景
レスポンシブなサイトを作っていると、改行位置のコントロールをしたくて、br要素のdisplayプロパティの値を none にして改行をコントロールしたりしますね？ そんなわがままなことをした時のメモを残しておきます。
style属性でzoomを指定すると特定の状況でzoomが無効になる - dskd
公開日2014-12-05タグAdvent CalendarCSSCSS 珍百景 Advent Calendar 2014５日目のエントリ。 こちらでの再現ブラウザは Google Chrome 39.0.2171.71 と iOS 7.1.2 Mobile Safari。状況を詳しく説明すると、外部 CSS ファイル、及び style タグで zoom プロパティがすでに設定してある要素に対して、CSS で指定されている zoom 値と同じ値を style 属性で指定すると zoom が効かなくなるというもの。 style 属性で指定する zoom 値を変更できるデモを用意した。テキストエリアに数字を入れて隣の add ボタンを押すとその下の要素へ style="zoom: N" が付与されるようになっている。背景に 50px ごとのグリッドになっている画像を敷いたので、倍率が少しわかり
#CSS珍百景 Advent Calendar 2014
要はバグです。 ブラウザでの表示がどう考えてもおかしかったり、いやいやこれはないだろ。みたいな、状況のこと。 別に100種類あるわけではないです。なんとなく語感が良かったから勝手に呼んでる。 では、1日目のCSS珍百景はこちらです。
Scalable CSS You and Your Back-End Coders Can Love - @CSSConf Asia 2014
Scalable CSS You and Your Back-End Coders Can Love - @CSSConf Asia 2014 This document discusses strategies for making CSS more scalable and maintainable. It recommends automating CSS with preprocessors, using clear and descriptive class names, avoiding descendant selectors when possible, and minimizing unnecessary nesting and complexity. Pseudoselectors should only be used when other options aren'
Performant UIs using CSS magic
Performance beyond HTTP Animation to improve performance Well executed animation instills perception of performance Not the bad old days of flash 20s transitions Stripe checkout a great example. How can I do this? Bounce.js Pseudo based physics The web is capable of native performance* Case study — ScrollListView.js Performant scrolling library Reusable list items reordered on scroll Uses flexbox
Talk videos now available | CSSConf Australia 2014
We’re excited to announce that the entire 10 hours of talks by our amazing speakers are now available to watch online. If you were lucky enough to be there, we hope you enjoy reliving the day. If you weren’t able to make it, we’re glad we can make these available, and we hope to see you next year :) The story of how CSSConf came to be, how you can be involved, the intersection of design and develo
Google 日本語入力チームからの新しいご提案
皆さま、Google 日本語入力を便利にお使いいただいていますでしょうか？我々、開発チームは、変換の煩わしさを感じさせない思いどおりの日本語入力を提供すべく、日々努力を続けています。これまでにも、ソフトウェアだけでなくハードウェアを含めた様々な手法を提案してきました。 Google 日本語入力は、Chrome OS, Windows, Mac OS 用のデスクトップ版に加えて、Android 用のスマートフォン版もご利用いただけます。このうち、このスマートフォン版では、タッチパネルでの操作に合わせた快適な入力方法を提供しています。 このタッチパネルでの操作をより良くしようと調査するうちに、次のような問題点があることに気が付きました。 『ネイルをおしゃれにすると、操作がしづらくなる』 『指紋で画面が汚れてしまう』 『手袋をしていると反応が悪い』 我々は、このような問題に対応するために特別チー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome/Safariではtrにbox-shadowが効かない #CSS珍百景
今年のネーミングルール #CSS設計
今年、私が買ったArduino関連のもの #Arduino
Using flexbox to save your sanity // Speaker Deck
GitHub - rstacruz/newsreader-sample-layout
cssconf 2014
No More Tools