web-design

webサイト制作

要件定義の作成

webサイト制作要件定義とは、Web サイトやアプリケーションなどの開発初期段階において、発注者と受注者の情報共有のために、実装すべき機能や満たずべき性能を第3者でも分かるように明確化しておく作業のことです。要件定義は、Web サイトやアプ...
jQuery

スクロールしたら、ナビゲーションを固定する

jQueryスクロールイベント今まで授業では、要素が読み込まれたら動くという「$function」とクリックしたら動くという「on.click」イベントの2つを主にやってきましたが、今回はそれに加えてウィンドウをスクロールしたら動く、「スク...
jQuery

jQueryを使ったajax

jQueryAjaxとは「Asynchronous(エイシンクロナス)JavaScript+XML」の略です。簡単に言えばJavaScriptとXMLを使って非同期にサーバとの間の通信を行うことが出来ます。通常Webページの内容を変更するた...
Photoshop

photoshopの描画モードを使う

Photoshop描画モードを上手に使う事で、様々な合成が出来るようになります。各描画モードの特性を覚えて目的にあった描画モードを使い、円滑に合成などの処理を行えるようになりましょう。psgips.blog24.fc2.com焼き印のような...
webサイト制作

Webサイトの構成表の作成

webサイト制作Webサイトの構成を明確にする為に必ず、Webサイト構成表を作成しましょう。「サイト全体で何ページになるか?」「どのページにどんな内容のコンテツを入れるか?」「どういう順番でコンテンツを並べたら、ユーザーが見やすい・解りやす...
webサイト制作

webサイトにGoogleAPIを導入する

webサイト制作Googleが提供しているGoogleAPIを使うことで簡単に様々な便利な機能をwebサイトに導入する事が出来ます。Webサイトにスケジュール表やメールフォームを追加したい場合、PHPで作成する事が可能ですが、「Google...
jQuery

ページ内リンクへのスムーススクロール

jQuery通常であれば以下の記述で良いのですが、以下の記述では「#」がついているアンカーポイントには全てスムーススクロールでリンクされてしまいます。#がついている全てにスムーススクロールさせる場合$(function(){ // #で...
Illustrator

フリー素材を編集してロゴ画像を作成する

Illustratorベクター形式のロゴデータであれば、文字などを自由に編集できるので、場合によってはフリー素材などを使って編集してみましょう。photoshopvip.net
css3

CSSで変数が使えるカスタムプロパティ

css3cssで変数というとSASSやLESSといったcssを拡張したメタ言語が一般的ですが、最近ではcssのみでも変数を使う事が出来ます。SASSやLESSと比べると、出来る事は少ないですが、cssファイルに直接記述する事が出来、非常に簡...
webサイト制作

TwitterやFacebookなどのSNSをサイトに埋め込む

webサイト制作Webサイト上で新着情報や更新頻度の高い情報を表示させたい時には、TwitterやFacebookなど既存のSNSのプラグインを使うのが非常に便利です。SNSのプラグインを使用すれば、わざわざHTML内のデータを触る事無く、...