- 2020年7月24日
【Cordova】iOSアプリで画面のズームを禁止する
今日、Cordova のアプリを操作していて、偶然 iOS アプリでズームができてしまうことを発見したので、その対処法について。 すでに無効にしているとばかり思っていたので、ちょっ […]
CATEGORY
CSS
- 2020年7月23日
【CSS】CheckboxやRadioボタンを囲ったlabel要素のテキストを途中で改行させないようにする
大分初歩的な内容ではありますが、やり方が複数あって覚えておきたいと思ったのでまとめ。 CSS で、Checkbox や Radioボタンを囲っている <label> 要 […]
- 2020年7月21日
【CSS】table内で長い文章の文末を省略して「…」を表示する
かなり前にも、長い文章を省略して「…」に置き換える、という記事をいくつか投稿しましたが、今回はそれを HTML の <table> で実装する方法についてです。 < […]
- 2020年6月29日
【Chrome拡張】開発者ツール上で全ての使用済み z-index を把握するための DevTools z-index の紹介
DevTools z-index – Chrome ウェブストア ginpei/devtools-z-index： Stop `z-index： 999999` !! […]
- 2020年6月3日
【CSS】display: inline-blockの要素を左右中央に配置する方法
今日少し躓いたので、備忘録としてまとめ。 タイトルにある通り、display: inline-block を指定した要素を、左右中央に配置する方法についてです。 最初、margin […]
- 2020年5月26日
レスポンシブデザインのテストを楽にするChrome拡張Responsive Viewerの紹介
Responsive Viewer – Chrome ウェブストア skmail/responsive-viewer： Responsive Viewer – […]
- 2020年5月12日
【CSS】ons-inputとons-selectの下線の位置を揃える方法
もの凄くニッチな記事ですが…OnsenUI の <Input /> 要素と <Select /> 要素を横に並べた際、要素の下線がズレてしまう時の対処法です […]
- 2020年5月11日
【CSS】Onsen UIのons-input要素のテキストサイズを変更する
今後も使いそうだったので備忘録としてまとめ。 そこまで難しいことはしていませんが、少しだけ悩んだので…。 公式ページはこちらです。 Input React Component &# […]
- 2020年3月23日
【CSS】Tableタグで作成した表のセル間隔を空ける方法
以前、「【CSS】tableのセルのわずかな隙間をなくす方法」という記事を投稿しましたが、今回はその逆でテーブルセルの間に間隔をあける方法です。 データ入力欄を <table […]
- 2020年2月13日
【CSS】画像の左上隅に「NEW!!」の三角形を配置する方法
久しぶりの CSS ネタ！ 今回は、画像の左上隅に三角形と「NEW!!」のテキストを入れる方法です。 どこで使うかはまだ未定ですが…今開発に携わっているアプリ内で新着一覧の機能があ […]
- 2020年2月6日
【CSS】iOSでbutton要素の角丸＆グレーグラデーションを無効にする
些細なことですが、今後も使うことがありそうだったので、備忘録としてまとめ。 HTML の button 要素を iOS で表示したときに、デフォルトの見た目である「角丸＆グレーグラ […]
- 2020年1月27日
【CSS】background-imageプロパティでWebアイコンフォントを指定する方法
実際には使いませんでしたが、今後もしかしたら使うかも？と思ったので備忘録としてまとめ。 タイトル通り、CSS の background-image プロパティで FontAweso […]
