はじめに – Webの仕組みを簡単に説明!サイトは家造りに似ているよ
- 更新日:
- 2018年8月29日
- カテゴリー:
- Webサイトの作り方
- タグ:
インターネットを使い、パソコンやスマホでニュースや調べ物をする時に見ているページの殆どがHTMLファイルと呼ばれるタグの集まりで記載されています。内部的にはPHPやJavaなどのプログラム言語で作られていたりしますが、最 […]
ホームページが作れるようになるかもしれないサイト
インターネットを使い、パソコンやスマホでニュースや調べ物をする時に見ているページの殆どがHTMLファイルと呼ばれるタグの集まりで記載されています。内部的にはPHPやJavaなどのプログラム言語で作られていたりしますが、最 […]
大きな画像の場合、画像をあえて切って表示させる場合があると思います。ISDNなどナロー回線時代によく使われた技法ではないでしょうか。 案件でサイズの大きな画像はスライスさせるというルールを徹底されました。最近はファイルサ […]
最近IEのF12で使えるエミュレーション(デバックモードや開発者ツールとか言われてた?)が精度が高いので重宝してました。 んが、しかしIE7,8にHtml5とメディアクエリを対応させるために読み込ませていた「respon […]
前回にCSSの使い方を書きましたが、今回はセレクタの使い方をまとめます。 たとえばリストの一番目だけにスタイルを当てたい場合は「:first-child」という擬似セレクタを使うことで指定できます。 モダンブラウザは基本 […]
HTML5はセマンティクスという概念でマークアップします。これは人の目で見たものではなく機械的に構造化を示すものです。 articleやsection、asideなど人間にはどうでもよい事ですがブラウザやアプリケーション […]
フロート解除の際に利用されるクリアフィックス。とりあえず使っとけばいいんでしょ?って思うかもしれませんが使わなくていい場面も沢山あります。 毎回class=”clearfix”って書くのめんどいし […]
レスポンシブサイトが多くなってきた昨今。どうしても問題が出てくるのがIEへの対応です。先日IE6まで対応した案件が有りましたのでその際のノウハウをメモしたいと思います。
初めてHTMLコーディングでCSS(Cascading Style Sheets)というものを知った時「何ぞ?」と思ったものです。 文字の大きさとか指定できるのはまあ分かります。 「スタイルを外部に記述して読み込む・・・ […]
レスポシブサイトを作成するときにCSS記述でスタイルを切り替えることができる便利なMedia Queries。 スマホを横に向けた場合だけにCSSを当てたい場合につまずきました。 解決したのでその方法と注意をメモします。 […]
border-radiusを利用して丸に切り抜いた要素の中身をマウスホバーでスライドさせたかったのですが、ChoromeとSafariでのみ角丸が解除されました。
数時間格闘した結果、単純な方法で回避ができ、理想通りの丸で切り抜いた要素の中身をスライドさせることが出来ました。