Web制作・開発– category –

Webサイトのリダイレクトの種類や設定方法について説明します。リダイレクトには301、302などの種類があります、また.htaccessを使った方法やPHPを使った方法など、リダイレクトの設定方法もいくつかあるので説明します。

JavaScriptを使ってページのURLの内容を取得する方法について説明します。取得したい内容によって記述方法が違うので、目的に応じてそれぞれ記述方法を確認してみてください。

全てのページに対してではなく、個別のページに対してのみJavaScriptの処理を実行したい時があると思います。今回はjQueryを使ってURLの文字列を判定し、条件分岐させる方法について書きました。

Webサイトによく使われているモーダルウィンドウについて書きました。モーダルウィンドウをサイトに実装する時は、モーダルウィンドウの特徴や使いどころ、メリット・デメリットをよく理解した上で実装することが重要です。

HTML・CSSのコーディングができない、分からないデザイナーに、デザインを作るうえで知ってほしいこと、理解してほしいことについて書きました。コーディングのことを理解していると制作するデザインデータの質が上がります。それによってサイトの保守性・更新性も向上します。

jQueryを使って、要素をクリックすると非表示になっている要素を表示したり、非表示にさせたり切り替える方法について説明します。今回紹介する要素を表示・非表示させる方法はtoggleメソッドを使ったやり方です。

jQueryを使ってWebサイトにmodal（モーダルウィンドウ）を表示する実装方法について説明します。モーダルウィンドウを表示させるとWebサイトにインタラクティブな表現を追加することができます。

はてなブログのオリジナルデザインテーマ「Debriefing」をリリース致しました。今回ははてなブログのデザインテーマ「Debriefing」の特徴やカスタマイズ方法について紹介していきます。

Photoshopのレイヤーグループをワンクリックで一括で閉じる方法を紹介します。グループレイヤーが開いた状態のデザインデータは見栄えて的に綺麗ではありません。そんな几帳面なデザイナーのために、ワンクリックで全てのグループレイヤーを閉じる方法を紹介します。

jQueryを書く時に、$(document).ready(function(){}や$(function() {}や$(window).load(function(){}などで書き始めて括弧の中に処理内容を書くことがあります。今回はjQueryの1番はじめに書く実行処理の書き方の種類と意味について説明します。

WordPress（ワードプレス）のプラグイン「MW WP Form」で、選択した内容によって必須のバリデーションを切り替える方法を紹介します。

エックスドメインで取得した独自ドメインを、wwwなしからwwwありへリダイレクト設定する方法について書きました。エックスドメインで取得したドメインは、エックスサーバー上でサイト転送設定を行う必要があります。301リダイレクト設定をすることによってSEO的に良くなります。

SublimeTextを使ったソースの検索・一括置換・フォルダ内一括置換のやり方について紹介します。一括置換をうまく使いこなせば、手作業でやる面倒な置換作業を一瞬で終わらせることができるので、作業時間短縮のためにも絶対覚えておきましょう。

WordPressの管理画面からプラグインの更新をする時にFTP情報の入力を求められるポップアップが表示されることがあります。今回はこのFTP情報の入力を非表示にするやり方について説明します。

Googleドライブに保存した画像やファイルを、自分のWebサイトやブログに読み込ませて表示させる方法について説明します。実はGoogleドライブには便利な使い方がありまして、Googleドライブに保存した画像やファイルを、自分のWebサイトやブログに読み込ませて表示させることができます。

jQueryを使って、要素をクリックすると非表示になっている要素を表示したり、非表示にさせたり切り替える方法について説明します。今回紹介する要素を表示・非表示させる方法はtoggleメソッドを使ったやり方です。

WordPress（ワードプレス）のプラグイン「MW WP Form」で任意の項目が未入力だった場合、管理者宛メールと自動返信メールの本文から未入力の項目ごと削除する方法を紹介します。

HTML5のinput type="number"を使うとフォームの右側に矢印ボタン（スピンボタン）が表示されてしまいます。今回はCSSを使って、この矢印ボタンを非表示にする方法について紹介します。やり方は簡単な数行のCSSを記述するだけです。

書いたコードをブログやWordPressなどに貼付けられるCodePen（コードペン）の登録方法や使い方、コードの貼付け方法について紹介します。CodePenを使えば簡単にブログやWordPressにコードを貼り付けてその場でデモを表示することが可能です。

リストタグ（ulタグliタグ）にdisplay:inline-blockを適用した時にできる隙間を消す方法について書きました。HTMLとCSSを使ってコーディングする人向けに書きました。