2016-04-01から1ヶ月間の記事一覧
techacademy.jp ※無料Wifiのところで開いてしまうと誰でもData baseにアクセスされるので、必ず繋いではダメ。 ※パスワードのあるものはOK. ※無料Wifiでchromeではセキュリティーに関わるところにはアクセスできないようになっている。 ダウンロードの流れ（…
TwitterやFacebookなどのSNSをサイトに埋め込む yachin29.hatenablog.com①ツイッターでログインする。 ②下記のページ内の中程の新しいタイムラインウィジェットの作成をクリック dev.twitter.com ③@の次のところに自分がツイートしたいアカウントを入力する…
大体のSEO業者がしていることSEOの仕事はサイトに作成するサイトに強いサイトのリンクを多く貼り付けることで、料金に比例してリンク数が多くなる。 リンクが多ければ検索エンジンにかかる。※自信が持っているサイト間のリンクをつけすぎると検索エンジンか…
とりあえずカンプは色はなるべく入れずに白黒の状態で作る（クライアント側から色で判断されるのを避ける為）yachin29.hatenablog.com 設定を変更する 新規作成 1280 x 1500 縦向き 新規オブジェクトを新規オブジェクトをピクセルグリッドに整合 表示→ピクセ…
今日は今週やった作業のbofore_afterをを載せていこうと思います。 before トップページ ケーキのページ after トップページ ケーキのページ 作業内容 トップページ ・写真だけだったのを写真の前に枠になる画像をpositionで固定し、z-indexで一番上に配置し…
minimal web design必要最低限に必要なものを含めたデザインのこと。 クライアントとの話の中でシンプルなデザインを要望されることがあるがシンプルなデザインだけでは顧客獲得はできない。 なので必要最低限のテキストの入力と顧客を引き付ける情報をトッ…
IT分野における求められる能力 。。。。。。。。。。。。。 画像検索で引っかかるようにきちんとaltを利用し、そこからページに誘導するほうがページは見られやすい。キーワード＿カテゴリ＿サービス＿地域|キーワード＿ユニーク（お店名は一番後）※お店名は…
４月１５日金曜日にクライアント様の方へ行き商品の写真撮影をしてきました。 ・機材 一丸レフカメラ（RAWデータでの撮影） 三脚 デスクライト（白いビニル袋を被せて直接光が当たらないようにした） デジカメ（商品情報撮影用） ・気をつけた点 ケーキをな…
ポートフォリオなどに使えるframework.jsyachin29.hatenablog.com <html lang="ja"> <head> <meta charset="utf-8"> <title>frame_works</title> <link rel="stylesheet" href="css/style.css"> <script src="js/jquery-2.2.1.min.js"></script> <script src="js/framework.js"></script> </head> <body> </body></html>
①クライアントとの打ち合わせ ↓ ②手描きラフ（カンプ）作成 ↓ ③クライアントからのリクエスト ↓ ④完成が大まかな流れですが、その間にある作業内容やクライアントからいただいた資料などを全てとっておくこと。
コンセプト ・サイトの目的、役割 ケーキ、お店の紹介あまり有名店と競うつもりはないのでお店の雰囲気が伝わるサイトを希望している・ターゲット 女性向け、子供向けデザイン ・デザイン・コンセプト（店として主張したいところ） 内装・メインカラー・サブ…
d.hatena.ne.jp ① <html lang="ja"> <head> <meta charset="utf-8"> <title>幅300px、高さ300pxの正方形３種類（面積の色が違う）をブラウザーに表示させるとき、非表示から「即座に表示」「スローで表示」「5秒かけて表示」と表示の仕方をわけて記述しなさい</title> <script src="js/jquery-2.2.1.min.js"></script> <script> $(function(){ $('.box1').show(); $('.box2').sh</meta></head></html>…
ポートフォリオ・サイトだけでなく書面でも用意しておくべき。見出しは何のサイトか分かるように書くこと。・ポートフォリオは横のほうが良い。見開きにはしないほうが良い。・まずは目次など１ページ目の概要から書いていったほうが早く書ける。・ただの学…
yachin29.hatenablog.com①サイトから画像をダウンロードし、photoshopで開く②新規レイヤーを開く③ペンツールで波線を描いて上の部分を囲む。パスを作業用パスに変換し選択した状態で色を塗る。④文字ツールで文字を書く。 ※まず 輸入イタリア家具 ＆ ビンテー…
jqueryui.com jQuery UI 日本語リファレンス alphasis.info カルーセル カルーセルとはWEBデザインにおいては、横に自動でスクロールするスライドギャラリーの様なもののことを指す。 単純にスライドショーと表現する事もある。www.ctale.jp ※矢印がユーザー…
yachin29.hatenablog.com★「 display: table」を使ったタブパネルyachin29.hatenablog.com <html lang="ja"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/style.css"> <script src="js/jquery-2.2.1.min.js"></script> <script src="js/script.js"></script> <title>「 display: table」を使ったタブパネル<…</link></meta></head></html>
<html lang="ja"> <head> <meta charset="utf-8"> <title>ハンバーガーメニュー構造</title> <script src="js/1.8.2.js"></script> <script> $(function(){ $('ul.hunbergarlist a.plus').each(function(){ $(this).click(function(){ $(this).next('ul').slideToggle(300); $(this).next('div').slideToggle(300); $(t…</meta></head></html>
・書体、イラストで読みやすさを作る・見る、読む、買うを誘導するサイトを作る。・MSPゴシックはサイト上で読みにくいので、良いサイトを作るには使うフォントに気をつけること。多言語フォント www.morisawa.co.jp ・バナーなどは説明をつけすぎず、初めに…
実技試験候補d.hatena.ne.jp <html lang="ja"> <head> <meta charset="utf-8"> <title>Toggle Menuとハンバーガーメニュー</title> <meta name="viewport" content="width"=device-width> <script src="js/jquery-2.2.1.min.js"></script> <link rel="stylesheet" href="css/style.css"> <script> $(function(){ $('#btn').o…</link></meta></meta></head></html>
clickイベントとtransformyachin29.hatenablog.com ※classを付け加えてcssを指定してもdivにidが指定されているとそれを優先してしまうので注意 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ <html lang="ja"> <head> <meta charset="utf-8"> <title>transform,transition復習</title> <script src="js/jquery-1.12.1.min.js"></script> <script> $(function(){ $('.box').on…</meta></head></html>
webサイト｜一人前のwebデザイナーを目指して｜web notebook d.hatena.ne.jp
jQueryまとめ d.hatena.ne.jp 今回参考になったこと ・要素を横並びにさせるときはdisplay:inline-block;を使う。 (html,cssテキストP１５５～P158) taneppa.net ・focus・・・押した時に変わる （P99） .blur …… ウィンドウからフォーカスをはずす★レギュレ…
今日はクライアント様から頂いた名刺を元にお店のロゴマークをイラストレーターへ書いてみました。 ①まずは文字ツールで筆記体の文字を書き、その周りに楕円形ツールで楕円を描き,パス上文字ツールを使って文字を書きました。 ②このままだと修正ができないの…
今日は画像加工をする過程で学んだアウトサイン作成について書こうと思います。①文字をアウトライン化させる場合選択ツールでアウトライン作成したい文字を選択→アウトライン作成②ペンツールやブラシツールで描いた線をアウトライン化させる場合選択ツールで…
yachin29.hatenablog.com画像のダウンロード先 ASCII.jp：レスポンシブWebデザインのワークフローと画面設計 (3/3)｜ゼロから始めるレスポンシブWebデザイン入門①それぞれの画像をクリックした状態で名前をつけて画像を保存する。（css,js,imgのフォルダをRD…
今日は自身で次のクライアントワークで使うヒアリングシートを作成してみました。 作成には下記のサイトを参考にしました。作成にはgoogleのスプレッドシートを使いました。 ascii.jp作成したヒアリングシート 分からなかった項目 ・トーン&マナー www.conce…
