「 web制作 」一覧

URLを変更するときに使われる「301リダイレクト」って?

URLを変更するときに使われる「301リダイレクト」って?

今回は「301リダイレクト」について簡単にまとめます。 実際にこのサイトでも「パーマリンクの変更」や「SSL化」をするときに利用してきました。 WordPressでブログをやってる人など、webに関わってる人なら何度かお世話にな...

記事を読む

iPhoneで撮った写真にロゴや文字を入れるおすすめアプリ

iPhoneで撮った写真にロゴや文字を入れるおすすめアプリ

最近、iPhoneで写真を撮影する機会が増えてきました。 今まで何を撮るのにもカメラを使ってたんですが、だんだん面倒になってきたんですよね・・・。 それで、ちょっとしたものならiPhoneで撮れば十分だなぁと。スマホでも結構きれ...

記事を読む

大枠のブロック要素全体に子要素のリンクを適応させるjQueryがあります

大枠のブロック要素全体に子要素のリンクを適応させるjQueryがあります

子要素のaタグに設定したリンクを、親要素のブロック全体にも設定できると便利ですよね。 例えばブログでいうと、記事一覧のエントリーカードの全体をリンク化したいときなんかに使えます。 一見とても大変そうですが、jQueryを使えば超...

記事を読む

【CSS】transitionプロパティで簡単アニメーション!リンクの色をふわっと切り替える方法

【CSS】transitionプロパティで簡単アニメーション!リンクの色をふわっと切り替える方法

リンクホバー時の色の変化をふわっと(なめらかに)させる方法を紹介します。 今回紹介するCSSプロパティは、簡単なアニメーションを作りたいときに便利です。 ぜひ色々な動きに応用してみてください。 ホバー時に別のCSSを適応する「...

記事を読む

「:nth-of-type()」と「:nth-child()」の違いは?要素の指定方法に注意

「:nth-of-type()」と「:nth-child()」の違いは?要素の指定方法に注意

CSSにはID・クラス名を使わずに、要素細かく指定するための機能があります。 中でも「nth-of-type」と「nth-child」は、要素をピンポイントで指定できるのでとても便利です。 2つの機能は似ていますが、若干使い方に...

記事を読む

一番最初の要素のみに別のCSSを記述したい!同じセレクタの並びから特定の1つを指定する方法

一番最初の要素のみに別のCSSを記述したい!同じセレクタの並びから特定の1つを指定する方法

同じ種類のセレクタ(要素)が同じ階層に並んでいる時に、その一部にだけ別のCSSを記述したいことありますよね? 一番最初の要素にだけこのCSSを付け加えたいとか、○番目の要素だけCSSを変えたとか。 HTMLを直接触ることが出来た...

記事を読む

【WordPress】cssのみでサイトのいらない部分(文字など)を消すことが出来ます

【WordPress】cssのみでサイトのいらない部分(文字など)を消すことが出来ます

WordPressでブログサイトを運営している皆さん。 サイトのデザインで、ある一部(文字など)を非表示にしたい場面ってないでしょうか? ウィジェットやもともと備わっているWordPressの機能だけでは、大まかな範囲でしかアレ...

記事を読む

【WordPress】CSSによるデザイン変更を特定のページのみに適応させる方法を紹介します!

【WordPress】CSSによるデザイン変更を特定のページのみに適応させる方法を紹介します!

WordPressはPHPを使って作られていますが、デザインのアレンジは基本的にHTMLとCSSのみの知識で行うことが出来ます。 PHPの知識は全く必要ありません。 またHTMLとCSSは初心者でも比較的理解しやすいと思います。...

記事を読む

【bxSlider】レスポンシブ対応!横幅いっぱいのスライドショー簡単設置方法

【bxSlider】レスポンシブ対応!横幅いっぱいのスライドショー簡単設置方法

jQuery「bxSlider」を使ったスライドショーの作り方を紹介します。 これを使えばJavaScriptの知識がなくても、簡単にスライドショーを設置することが出来るので初心者にはおすすめな方法です。 レスポンシブデザインに...

記事を読む

簡単にwebサイトに動きを与えるjQueryの基本。導入方法と基本文法を紹介

簡単にwebサイトに動きを与えるjQueryの基本。導入方法と基本文法を紹介

複雑なJavaScriptをより単純なコードで実装できるのがjQueryです。 今回は自分のサイトにjQueryを組み込むための基本を紹介します。 jQueryとは? jQueryはJavaScriptのライブラリです。 簡...

記事を読む

1 2 3 4 5
スポンサーリンク