webサイト制作の勉強@迅

webサイト制作の基本やホームページ制作を学ぶ、webサイト制作の勉強@迅。webサイト制作に必要なイラストレーター|フォトショップ|Dreamweaver|HTML5|CSS3|javascript|jQuery|の基本を紹介しています。

2016-11-01から1ヶ月間の記事一覧

javascriptの基本操作【まとめ】

javascriptの基本操作 皆さんこんにちは、今日はjavascriptの導入から、基礎までをざっとやっていきたいと思います。この記事は自分用のまとめになりますので、説明をざっくりした感じで進めると思いますのでご了承ください。 javascriptの基本操作 javascri…

jQuery基礎 基本的な使い方【保存版】

jQueryの基本的な使い方【保存版】 皆さんこんにちは、迅犬です。今回はjQueryの基本的な使い方を見ていきましょう。 jQueryの導入方法をまず知りたい!という方は以下の記事をご参照いただければと思います。 webdesignzin.hateblo.jp jQueryの基本構文 jQu…

photoshop基礎 整列の基本操作

photoshopにおける整列 photoshopで整列機能を使用するには、基準となる選択範囲が必要です。まず選択範囲で基準を指定して、選択したレイヤーを整列させるというイメージで、一緒にフォトショップでの整列を行っていきましょう。 イラストレーターとフォト…

photoshop基礎 特定の色域部分にのみ加工をする

ある特定の色の部分だけを加工する方法 皆さんこんにちは、今回はフォトショップを使って、特定の色を持った一部分のみを加工したい場合に、非常に有効な選択範囲を作る方法と元画像をそのままにその選択範囲化した部分の加工をやっていきます。選択範囲は特…

jQueryをこれから使いたい人のために~jQuery入手&導入編~

jQueryとは 簡単に特徴をまとめておきます。 javascriptをより少ない記述でかけるようにしたjavascriptライブラリです。 javascriptのライブラリは他にもありますが、一番ポピュラーで浸透しているものと言っても過言では無いでしょう。 jQueryを入手する jQ…

photoshopデザインカンプ制作のための環境設定(cs6)

デザインカンプ制作におけるphotoshop環境設定 イラストレーターでのワイヤーフレーム制作同様、1pxにこだわる作業をしたいためピクセルベースの環境設定をフォトショップにおいてもやっていきたいと思います。 環境設定の単位をピクセルベースにする ①編集→…

メディアクエリによるレスポンシブ対応

メデイアクエリによるレスポンシブ対応の前準備 レスポンシブ対応(マルチデバイス対応)させるには、必ずビューポート設定を行っておきましょう。 <meta name="viewport" content="width=device-width"> なんでビューポート設定が必要なのでしょうかという方はこちらを参考にしてみると納得していただけると思い</meta>…