[B! css] kou10moのブックマーク

kou10mo id:kou10mo

cssに関するkou10moのブックマーク (5)

【CSS】form用のリセット設定（ノーマライズCSS、リセットCSSとの比較） - クモのようにコツコツと
フォームのCSSって結構手間がかかったり、効いてくれなかったりで苦心しますね。TwitterでTAK（@tak_dcxi）さんがフォーム用のリセットCSSをツイートしていたので、実際に試してみました。それでは行きましょう！【目次】フォーム用のリセット設定デフォルトCSS ノーマライズCSS リセットCSS form用のリセット設定リセット後にCSSスタイルを当てる最後にフォーム用のリセット設定 TAKさんのツイートはこちら。スレッドになっているので是非ご覧いただきたい！【おしゃれなformを作るためのTips①】＜デフォルトスタイルのリセット編＞長文ツイートするのは結構時間掛かるんで小出しにしていきたい😂 今回はフォームの部品に掛かっているデフォルトのCSSをリセットする方法です。ここらへんは好みがありますが、僕が普段利用している方法は以下の通り— TAK (@tak
kou10mo 2021/06/24
formのカスタマイズ率高いから参考にさせてもらった！

css
リンク
【図解で納得】レスポンシブデザインのブレイクポイントの細かすぎる新解釈 [2022年更新版] - webのあれこれ
※前回の2020年12月からベゼルレスのiPad mini6（8.3インチ）が出たので更新しています。記事の詳細の内容はiPad mini6が入っていない内容です。 MacBookもM1チップでProじゃなくてAirで十分みたいになっていて、大きさやスペックが大きければいいみたいな時代は終わって、自分に合ったものを選ぶ人がより増えてきたように感じています。前回が2019年5月にレスポンシブデザインのブレイクポイントの記事を書いて、今でもたくさんのアクセスがあり、たいへん嬉しく思っています。そこで今回2021年に向けて内容を見直しました。最近発売されたベゼルレスのiPad AirやiPhone12 miniなど新しいサイズも増えて、より複雑になった印象です。 iPadのSplit Viewを気にしない人は、去年と同じ560px/960pxでも問題はないです。 hashimotosan
kou10mo 2021/06/24
詳しくなくて毎度悩むのでとても参考に

css

web制作
リンク
digitalskill.jp
Buy this domain. digitalskill.jp 2021 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
kou10mo 2014/06/18
html

css
リンク
効率よく作るために私がしているCSSファイル分割方法
CSSレイアウトで組む事が一般的となった昨今、記述するCSSの量が増えてきたので複数のCSSファイルで管理することが多くなってきました。どういう基準でファイルを分割するかはそれぞれですし、サイトを見ても様々なやり方があるようです。基本的にはどこに何のCSSが書いてあるかわかるような仕様書があり、分かりやすければどんな分割の仕方でもいいと思います。今回は、自分がよくやるCSSファイルの分割の方法をまとめてみました。あくまで自分がよくやってるものですので、こういうやり方もあるよと教えていただけますと嬉しいです。なお、説明文中に記載しているCSSのファイル名は自分がよく付けている名前なだけです。分割しない分割の話をしておいていきなり何ですが、分割しない時もありますよね。スタイルのリセットから全部まとめます。ページ数が少ないキャンペーンページ等に使っています。記述するCSSが少なそう
kou10mo 2014/06/16
css
リンク
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ幅をデバイスサイズに合わせるスマホを横にしたときに文字が大きくならないようにする電話番号に自動的にリンクが付かないようにするリンクを押したら電話をかけられるようにするリンクを押したらGoogleマップアプリを起動させるリンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせるまずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにするスマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
kou10mo 2014/06/11
スマートフォン

web制作

html

css
リンク
1