インライン要素に含まれる投稿記事を以下にリスト表示しています

はじめに – Webの仕組みを簡単に説明!サイトは家造りに似ているよ

更新日:
2018年8月29日
カテゴリー:
Webサイトの作り方
タグ:

インターネットを使い、パソコンやスマホでニュースや調べ物をする時に見ているページの殆どがHTMLファイルと呼ばれるタグの集まりで記載されています。内部的にはPHPやJavaなどのプログラム言語で作られていたりしますが、最 […]

READ

リクエスト回数の実験 画像スライスで1800枚に分割してみた[wdth/heightを書くと高速化]

更新日:
2014年6月4日
カテゴリー:
WEB制作
タグ:
,

大きな画像の場合、画像をあえて切って表示させる場合があると思います。ISDNなどナロー回線時代によく使われた技法ではないでしょうか。 案件でサイズの大きな画像はスライスさせるというルールを徹底されました。最近はファイルサ […]

READ

IE11(IE10も?)のエミュレーションモードでrespond.jsやhtml5.jsが効かない場合の解消法

IE死ね
更新日:
2014年3月27日
カテゴリー:
WEB制作
タグ:
, , , ,

最近IEのF12で使えるエミュレーション(デバックモードや開発者ツールとか言われてた?)が精度が高いので重宝してました。 んが、しかしIE7,8にHtml5とメディアクエリを対応させるために読み込ませていた「respon […]

READ

CSS(スタイルシート)の色々なセレクタの使い方

更新日:
2013年12月15日
カテゴリー:
WEB制作
タグ:
,

前回にCSSの使い方を書きましたが、今回はセレクタの使い方をまとめます。 たとえばリストの一番目だけにスタイルを当てたい場合は「:first-child」という擬似セレクタを使うことで指定できます。 モダンブラウザは基本 […]

READ

HTML5でサイト作る場合のマークアップの使い方。セマンティクス&コンテンツ・モデルという概念

更新日:
2013年12月9日
カテゴリー:
WEB制作
タグ:
,

HTML5はセマンティクスという概念でマークアップします。これは人の目で見たものではなく機械的に構造化を示すものです。 articleやsection、asideなど人間にはどうでもよい事ですがブラウザやアプリケーション […]

READ

clearfix(クリアフィックス)を使わないでフロートを解除する方法

更新日:
2013年12月7日
カテゴリー:
WEB制作
タグ:
, ,

フロート解除の際に利用されるクリアフィックス。とりあえず使っとけばいいんでしょ?って思うかもしれませんが使わなくていい場面も沢山あります。 毎回class=”clearfix”って書くのめんどいし […]

READ

どうしてもIE6,7,8にレスポンシブ対応をさせたい場合[HTML5編]

更新日:
2013年12月2日
カテゴリー:
WEB制作
タグ:
,

レスポンシブサイトが多くなってきた昨今。どうしても問題が出てくるのがIEへの対応です。先日IE6まで対応した案件が有りましたのでその際のノウハウをメモしたいと思います。

READ

スタイルの色々な記述方法パターン(内部とか外部とか)

更新日:
2013年11月30日
カテゴリー:
WEB制作
タグ:

初めてHTMLコーディングでCSS(Cascading Style Sheets)というものを知った時「何ぞ?」と思ったものです。 文字の大きさとか指定できるのはまあ分かります。 「スタイルを外部に記述して読み込む・・・ […]

READ

スマホサイト制作の際にメディアクエリを利用して縦横指定する方法と注意

更新日:
2013年11月17日
カテゴリー:
WEB制作
タグ:

レスポシブサイトを作成するときにCSS記述でスタイルを切り替えることができる便利なMedia Queries。 スマホを横に向けた場合だけにCSSを当てたい場合につまずきました。 解決したのでその方法と注意をメモします。 […]

READ

webkit系でborder-radiusプロパティを使いスライドをした場合のバグ回避方法

更新日:
2013年10月9日
カテゴリー:
Coding
タグ:
, , ,

border-radiusを利用して丸に切り抜いた要素の中身をマウスホバーでスライドさせたかったのですが、ChoromeとSafariでのみ角丸が解除されました。
数時間格闘した結果、単純な方法で回避ができ、理想通りの丸で切り抜いた要素の中身をスライドさせることが出来ました。

READ
1 / 912345...最後 »