Web関連の記事

submitボタンのデザインがiPhoneだけおかしい！でハマった時の対処法

お問い合わせページや資料請求などのページで使う「submit」。これが何故か、PCサイトやデベロッパーツール上でのデザインでは問題ないのに、iPhoneでだけ意味のわからんデザインになりハマった話。

【デモあり】YouTubeの読み込みを軽くする！複数動画埋め込みページを高速化

YouTubeの動画を1ページに複数埋め込むと動画を読み込むのに時間がかかってしまいます。今回はこの動画を埋め込み過ぎて重くなったページを改善する方法をご紹介。

【コピペでOK！】デモあり　YouTubeの動画をレスポンシブでブログやサイトに埋め込む方法

YouTubeの動画を、変な余白を残さず、要素に対して100%の幅かつその幅に対して16:9の高さに自動調整される貼り付け方法をご紹介します。

Font Awesomeで特定のアイコンだけ表示されない時の確認方法

ウェブサイトでアイコンを使う時、Font Awesomeを利用されている方がかなり多いと思います。僕も多用するのです...

【デモあり】AMPでも大丈夫！CSSだけで要素をアニメーションさせる

CSS3のアニメーションをうまく使いこなせるようまとめてみました。

AMP対応は今行うべき！？3つのメリットとデメリット、今対応すべきサイトと待つべきサイト

最近スマホで何か検索を行った時、いくつかのサイトの横にカミナリマークが付いていますよね。これは、モバイル端末...

WordPressの開発や確認は「Local」で決まりっ！無料ローカル環境構築ツールLocalのつかいかた

WordPressで、カスタマイズしたりサイトを制作したりする場合や、社内ポータルサイト等ローカルサイトを作る時に便利な...

ソースコードの表示はCodePenで！プラグインを使うよりCodePenをオススメする3つの理由

今更ながら、HTML、CSS、JavaScriptなどをプレビュー表示できるWebサービス「CodePen」のご紹介。 ...

SCSSの「Error: Invalid Windows-31J character “\xE3″」というエラーの回避法

SCSSのコンパイルエラー「Error: Invalid Windows-31J character "\xE3"」の原因と回避策。意外なところにある落とし穴も合わせてご紹介します。

HTML&CSSDreamweaver

WordPressのサーバー移転！Xserverでの手順

サーバーを移転する作業が発生したのでメモメモ。移転するキッカケとなったのは、別の記事でまた詳しく紹介したいと思ってい...

おすすめレンタルサーバー！ブログやサイト運営にピッタリのサーバーは？

僕は、趣味でも仕事でもサイトやブログを作っているのですが、その際はレンタルサーバーを使っています。元々SEなのでサー...

ブログ運営は目標が大事！Google アナリティクスで目標設定をしよう！

ブログを運営している人は、だいたいの人が「Google アナリティクス」を利用してアクセス解析をしていますよね。僕も...

WordPressのパーマリンク設定！基礎知識とおすすめ設定

WordPressでは、「パーマリンク設定」という設定があるのはみなさんご存じだと思いますが、この設定どうしてますか？？...

リファラスパム対策！ちゃんとアクセス解析したい人へ。スパムは除外しよう

サイトやブログのアクセス解析にGoogle Analyticsを利用している人は多いですが、意味のわからないドメインから多数のアクセスが残っていたりしませんか？この「リファラスパムってなんだ？」ってところから、その対策をご紹介します。

【Pixabay】フリー素材ならPixabayが便利♪サムネイルやアイキャッチなどサイトに無料で使える画像をお探しなら！

画像の著作権ってなんだよって話と、それを気にせず使える写真を集めた便利なサイトのひとつ、「Pixabay」のご紹介です。

Googleの「パンダアップデート」と「ペンギンアップデート」ってなに？

Googleの「ペンギンアップデート」、「パンダアップデート」って何なのか？今までとどんな違いがあるのか？今後のSEOはどうなっていくのか？をお話ししたいと思います。

タスクランナーGulpを使ってウェブ制作を効率的に！

Sassを使ったCSSコーディングの効率化、画像の圧縮、JavascriptやCSSファイルの縮小など、ウェブサイトの制...

サイトの表示速度を計測する便利なサイト「PageSpeed Insights」

ウェブサイトの制作は、表示時間なども考慮しないといけません。表示速度がどういった影響を与えるかといった根本的なお話から、速度改善に使えるツール「PageSpeed Insights」のご紹介をします。

次のページ

12