残り
アフィリエイトだけなら、無料ブログとワードプレスだけで十分
人型ピクトグラム
http://seo.siyo.org/webcustom/seo11050/
http://h2ham.seesaa.net/
http://kamukamuline.jugem.jp/?eid=100
viral-community.com
http://viral-community.com/seo/all-in-one-seo-pack-5013/
google Analyticsをやっていると登録するだけでＯＫなのでやっておく
google webマスターツールに登録しておくとgoogleの変更で足りなくなったものとかを教えてくれる
http://whitehatseo.jp/
これもindexと同じ階層に入れる。google Analytics登録しておくとこれいらない
http://www.sitemapxml.jp/
アップされているサイトのurlを入れるとサイトマップを自動で生成してくれる。
それをindexと同じ階層に入れる
priorityはするでＯＫ
除外ディレクトリは見られたくないものがあるのであればファイル名を記入する。
どんな規模でもサイトマップは必要
page Analyticsっていうプラグインがある。
これすごい、押しているボタンまでわかる。
アドセンス、コンバージョンとか必須
google movile friendly testで自分のサイトをチェックしてみる。
文字が小さいとダメ。
フラッシュコンテンツはダメ
ボタンとボタンの間隔が小さい
portfolio作成の際、htmlはローカルでいいが、wordpressはupしてリンクを載せる
seesaaでgoogle アナリティクスを入れる方法
http://algorhythnn.jp/blg/2013/08/26/google-analytics-seesaa-tag/
イラストレーター
レイヤーとアピアランスパネルは必ず出しておく
alt shift押すと中心から書ける
画像を開くにはファイルから配置
ctrl+十字キー１ピクセル単位で動かせる
自由変形でゆがませる場合はちょっと動かしてからやると上手くできる
ナビゲーション fixed スクロールすると
http://web-pc.net/jquery008
下絵がある場合は、まず新規でプリントで作る。プリントじゃなくても良い。
そして、ファイルの配置から、下絵を選択する。この時テンプレートにチェックを入れる。リンクははずす。
表示から定規を表示、ガイドを持ってきて、交差する場所から書き始める。
角丸ドラッグしたままの状態でキーボードの十字キーの上下で丸の角度を調整できる。
複数選択するためにはshift＋選択したいもので選択していく
そしてパスファインダーを使っていらないところを削除する
パスファインダーの基本ははみ出させる
リフレクトツール
基準点が必要なツールは大体ALTキーが必要なので、そういう風に覚える。
オフライン・ファイルで検索する。
ファイルを同期してくれる。
http://www.nxworld.net/sample/button-mouseover-event/index.html
サーバーの種類
専用サーバー
共有サーバー
クラウドサーバー
ECCUBE
CSCART
OSCOMMERCE
MOVABLE TYPE
WORDPRESSはどんなプラグインを使うかが大切
プログラミングはＰＨＰが良い
javaも良い
jqueryも良い
HTML5のメリットはＯＳに依存しないので本当に良い
HTML5で作ったものはアンドロイドでもアイフォンでも同様に見れる
サイトは
IEテスターで必ず見てみる
photoshop イラレ究極の最新テクニックほとんど海外のサイト
移動ツールを2回クリック
ctrl;+dで複製できる
全部を選択して書式からスレッドテキストオプションを選んで作成
エリア内文字ツール
タッチアイコンは144px×144px
ファビコンは16px×16px
プロパティと値、プロパティはwidthとかheightとか、対象物、値は：の後はすべて値
box-sizing:border-box;
borderを範囲内にする記述が出る
一個進めるにはctrl+shift+zキー
ラスタライズかけると
線に対してはグラデーションはかからないので、
オフセットを使う
図形を描いて、効果⇒パスの変形⇒パンクと膨張
Adobe Design Magazine
http://www.adobe.com/jp/jos/designmagazine.html
インラインフレームはデザインはいじれない
グーグルドライブちょー便利。
ストレージ、ワークスペース
有名なjQuery
http://masonry.desandro.com/
メカニカルなブラシ
ＳＦデジタルブラシ
photoshopのブラシすごい
パネルとイメージ（直接）の色調補正の違い
新しいレイヤーとレイヤーそのものにかける違い
グリッド
ctrl+@でもできるが今回は
新規で40px40px背景は黒
鉛筆ツールでＬ時に塗って、下の背景の目玉を消してからパターン登録。
パターンの定義は表示されているものが定義される。
ctrl+dで選択解除
真ん中のラインはまっすぐを保つ
photoshopテクニックとかで出すとネットで色々紹介している。
http://www.adobe.com/jp/joc/dekimaga/fun.html
http://www.webdesignlibrary.jp/photoshop/
背景色の塗りつぶしctrl+delete
http://www.xn--bitcoin-er4fwevg5bzh3r.com/
Low plly portrait in photoshop
steps.sg
http://10steps.sg/
検索ワード
photoshop tutorial
photoshop チュートリアル
photoshop テクニック
イラストレーターも同じwordで検索する
https://www.modern.ie/ja-jp
wordpress 作品のcssにすべてwordpressの決まった記述入れなきゃダメ
全部自分の責任。全部自分を決める。自分がすべて。
覚えちゃダメ、使わなきゃダメ。
死ぬほど勉強することしか残されていない。
ＩＥ対策
modern.IEこれを登録しておけば、ＩＥのバージョン違いが見れる。
今はＩＥテスターより、こっちを使うことが多い
http://kenyo–c.com/html/334/
コンディショナルコメントって検索して出てくるものが、ＩＥ対策
http://d.hatena.ne.jp/web-0818/
<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”UTF-8″>
<title></title>
<link rel=”stylesheet” href=”css/style.css”>
<!–[if lte IE 9]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
<![endif]–>
<!–[if lte IE 9]>
<script src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script>
<![endif]–>
<style>
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section { display: block; }
hgroup, menuこれは入れなくて良い。廃止された。
</style>
<script src=””></script>
</head>
<body>
</body>
</html>
articleは使わない方がいい。
EM zencoding
ドットインストール
http://dotinstall.com/
テンプレートで良い
中身で勝負する。
コンプレックスを商売にする。
メインのcssには入れる。
wordpressのbodyにクラスを追加する
http://www.nxworld.net/wordpress/wp-body-class-adding-more-classes-and-alternative-method.html
http://placehold.it/
font Helveticaかっこ良い
お気に入りのエディタはwebstormとBrackets、最近はSublime Textも。
Skill
Codinghtml5css3
HTML5の新要素を使ったセマンティックなマークアップができます。
特にCSSの学習には力を入れており、jQueryと組み合せて動的なWEBサイトを構築できます。また、sassを使用したり、SMACSSやBEMなどを勉強し、管理しやすいCSS設計を心がけています。
WordPressは、ローカルで作成したテーマをテンプレートタグに置き換え、サーバーに落とし込むことができます。
Programmingphpjavascript
jQueryはコピー&ペーストを使わず自分で記述するようにしています。また、簡単なプラグインならカスタマイズできます。でもプラグインはあまり使用しません。
PHPとMySQLを使用し、メールフォームや簡易的なブログページが組めます。
現在javascriptを勉強中です。
DesignPhotoshopIllustratorFlashDreamweaver
Photoshopでは、ワイヤーフレームや簡単なバナーの作成、スライス、画像補正ができます。
Illustrator、Flashはペンツールやキーフレームの扱いといった基礎的なところを習得しています。
Dreamweaverに関してはCSSデザイナーやFTP、テンプレート機能などひと通り使えます。
Othergulpgruntsass
EmmetやCSSプリプロセッサ、gruntなどのビルドツールを使用できます。
UI/UXを意識し、ユーザーの立場になって考えるようにしています。
日頃から新しい技術をチェックし、使えそうなら進んで学んでいくようにしています。
Javascript
現在、ひたすら参考書を読みひたすらコードを書いています。また、CodePenやjsdo.itのソースコードを見て勉強しています。canvasやWebGLを使用したパーティクルアニメーションに興味があります。
最近はCoffee scriptも書いています。
English
単語帳を使用して勉強中です。国外のWEBサイト、WEBサービスを積極的に利用しています。ゆくゆくは(三年後を目処に)カナダかアメリカでWEBの仕事にチャレンジしたいです。
WebDesign
「siteinspire」や「Io3000」などの優れたWEBサイトを紹介しているサイトを毎日閲覧しています。よく見るWEBサイトギャラリーをこちらにまとめてみました。
Tools
Git(SourceTree)とPrototyperの勉強を始めました。実際にリモートリポジトリを作成し学習しています。
なんでもピンはねする。
http://www.jquerystudy.info/index.html
レイヤー構造に配置できるjQuery
Webデザイン初心者でもできる、Bootstrapの使い方超入門
jQuery Isotope
手書きフォントで検索
デザインリンク集からちょいつまみしてくる。
Z-index
英会話の学校
ホームページを英語
パンフレットを英語化
異種交流会に参加した
コメントフィード
トラックバックURL: http://yasu-design.raku-toku.com/wp/wp-trackback.php?p=488