jQueryの普及とサイズの肥大化
jQueryはジョン・レシグ(John Resig)が2006年にリリースして以降、2019年現時点で多くのWebサイトやWebアプリケーションで利用されています。 このように普及が進んでいくにつれ、jQueryに対して …
リセットCSSの種類
HTMLにh1やul要素を記述すると、文字が大きくなったり、リストの先頭に黒丸が付く。 ［例］ あああ いいい ううう えええ これらの働きは「UA Style Sheet」が定義されているためであり、文章としてマークア …
Webページが表示するまでの動き
多くのWebサイトでは、PHP / Ruby / Python / PerlなどのサーバーサイドスクリプトとMySQLなどのサーバサイドスクリプトデータベースを連携してHTMLを生成しています。 例えばPHPとMySQL …
マテリアルデザインとフラットデザイン
Windows10が一般的に「Modern UI」と呼ばれるフラットで新鮮な色彩のデザインをインターフェイスに採用しています。特にアイコンなどのデザイン全体は立体感を排し平坦に見えることから、フラットデザインと呼ばれてい …
配色に役立つツール
本日はWebデザインや印刷物の配色を考える時に役立つ、無料ツールを一つご紹介しよう。 Adobe Color CC（←クリック） 上記サイトでは、類似色や補助色を参考にすることができ、ホームページの構成企画・サイト制作時 …
アイコンにWebフォントを使う
アイコンにWebフォントを利用するメリット アイコンを画像からWebフォントにすることでいくつかの利点が生まれます。 ●HTTPリクエストを減らして、ページのパフォーマンスを向上できる。 ●CSSでのカラーや大きさの変更 …
WEBブラウザーの現状
現在Webサイトの閲覧に利用されているデスクトップの主なブラウザーは「Internet Explorer」「Google Chrome」「Firefox」「Safali」「Opera」の５つ。 これらに加え「Micros …
Web制作におけるプロジェクトとは？
Web制作におけるプロジェクトの単位は何だろうか？最も多いのは「サイト(ホームページ)の新規制作」、もしくは「サイトのリニューアル」です。 通常は、依頼⇒企画⇒制作⇒納品・公開までを１つのサイクルとして、プロジェクトが完 …
構造化データのマークアップ
HTMLは見出しや段落などを伝えることができるが、名前や姓や名、レビューのレーティングなどの意味付けまではできない。「構造化ﾃﾞｰﾀ」は、HTMLのマークアップ以上の情報を伝えることが出来ます。 例えばarticle要素 …
ブラウザキャッシュ
一般的に「キャッシュ」というとブラウザのキャッシュを指すことが多いだろう。 WEB制作者であれば、お客様に『コントロールキーと［F5キー］を押してキャッシュをクリアしてください』などというやり取りをした経験があるのではな …