Web関連の記事

最近、ウェブサイト制作時に実機で確認する事が少なくなってます。 Chromeデベロッパーツールが便利すぎて、もうスマホのデザインもほぼデベロッパーツールだけで確認して済ませてたのですが、先日それで問題が発生し対処に時間がかかったのでメモ。...

YouTubeの動画を1ページに複数埋め込む事があり、埋め込んだ後ページを見てみたらビックリするほど重くなってました・・・ 動画を読み込むのに時間がかかっているもよう。 いくら面白い動画をたくさん貼っても、読み込みが遅いと閲覧してく...

ウェブサイトでアイコンを使う時、Font Awesomeを利用されている方がかなり多いと思います。 僕も多用するのですが、最近Font Awesomeがアップデートされていて有料版なるものも出てきました(前からあったのかな？)。 で...

WordPressで、カスタマイズしたりサイトを制作したりする場合や、社内ポータルサイト等ローカルサイトを作る時に便利なツールのご紹介です。 ローカル環境とは、そのまんまですが自分のPC内に仮想サーバーを作ってしまい、公開サーバーでは...

今更ながら、HTML、CSS、JavaScriptなどをプレビュー表示できるWebサービス「CodePen」のご紹介。 CodePenは、ブラウザ上でソースコードを書いてプレビュー表示しながら編集できたり、他の方々のコードをダウンロードで...

サーバーを移転する作業が発生したのでメモメモ。 移転するキッカケとなったのは、別の記事でまた詳しく紹介したいと思っていますが、XserverでSSLが無料化されたという事を知ったからです。 今まで僕は、SSLを使いたいがために別のサーバ...

僕は、趣味でも仕事でもサイトやブログを作っているのですが、その際はレンタルサーバーを使っています。 元々SEなのでサーバーは自作もできます。が、自作したところで落ちるリスクやメンテの時間を考えると、レンタルサーバーを使うのがコスパ的にもだ...

サイトやブログを運営していたら、イメージ画像などを使う機会がたくさんありますよね。 ネット上にはたくさんの素敵な画像がありますが、それらには著作権というものがあり、無断で使用するとえらい事になったりします。 有料で販売していたり、使...

Sassを使ったCSSコーディングの効率化、画像の圧縮、JavascriptやCSSファイルの縮小など、ウェブサイトの制作には様々な作業、技術が必要です。 最近、こういった作業を自動的に行ってくれるタスクランナーというツールが注目されてい...

ウェブサイトの制作は、表示時間なども考慮しないといけません。 ソースの読み込みや画像サイズ等、何を改善すればどれくらい表示速度が上がるのか、簡単にわかれば便利ですね。 でも、表示速度が遅いと何がいけないの？どれくらいの影響があるの？...