Web制作テクニック レスポンシブデザインでもPC表示には最小幅（min-width）を指定すべき4つの理由
今やレスポンシブサイトをは対応して当たり前になりましたが、細かい構築方法はサイトによってまちまちです。 その中で今回は「PC表示の時、最小幅（min-width）を指定すべきか？」という事について取り上げようと思います。 最小幅の指定は大規...
CSS (スタイルシート)
Web制作テクニック 
Web制作テクニック CSSのz-indexプロパティによる重なり順は『箱』を基準に決まる
HTML・CSSコーディングを日常的に行なっている人であれば、CSSの大まかな挙動は把握しているかと思いますが、細かな仕様まで把握できている人は意外と少ないかと思います。特に、z-indexプロパティに関しては何となく使っている人が多いかも...
Web制作テクニック シンプルで分かりやすいコードに！CSSのベンダープレフィックスが不要になった理由
CSS3が活用され始めてからだいぶ経ちましたが、今もなお古いブラウザに対応すべく、ベンダープレフィックスを使った回りくどいソースコードを書いている方は多いかと思います。 私もつい先日まではそうだったんですが、回りくどいコードを書くのが億劫で...
Web制作テクニック 昔とは違う！今時のHTML・CSS設計方法2016
テーブルレイアウトの時代が終わり、正確なマークアップが求められるようになったのは2005年ぐらいからでしょうか？ そこから10年以上が経過したということでマークアップのルール・設計方法も大きく変わりました。今と昔どのくらい変わったのかをまと...
Web制作テクニック 初心者HTMLコーダー、プログラマーの時短術。バグに悩んだら単純化して考えよう
Webコンテンツが広く浸透したことで、HTMLコーディングやJavaScriptやPHPなどのプログラミングのハードルがぐっと下がり、独学で学ぶ人が以前よりも増えたように感じます。 独学でもプロとして通用するレベルにまで成長することは可能で...
Web制作テクニック レスポンシブWebデザインを実装してみて分かった11＋αのポイント
長年コーディングをやっていますが、今更ですが先日はじめて仕事でレスポンシブWebデザインに対応したサイトを作ることになり、やっとひと段落したところなのでレスポンシブWebデザインのメリット・デメリット、構築する上で気を付けたほうが良いところ...
Web制作テクニック JavaScriptを必ずCSSの後に読み込ませるべき理由とは？
プログラムが得意でない方でもライブラリを通じてJavaScriptを利用しているかと思います。 そのスクリプトを読み込む際にscript要素を使いますが、見落としがちな罠が潜んでいます。まずはその問題のソースコードをご覧ください。 問題のソ...
Web制作テクニック BrowserStackというサービスが便利で凄い！という記事を書いた結果ｗｗｗ
Webデザインをするにあたり各環境でのブラウザの動作検証は欠かせないものです。しかし、様々な環境で動作検証をするためには複数台のPCやOSが必要になるためそれなりの費用がかかります。 AdobeがBrowserLabというブラウザ動作検証サ...