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