本日は…■ポートフォリオプレゼン第一弾 http://hideto4 Portforio.html Koji Nishiyammaの作品集｜WEB関連の作品を紹介 PC版kojiwt2014.html.xdomain.jp Design Lab | デザイン・ラボ| WEBサイト制作の記録 Top - to-mon29 ページ！ 金子弘明のポートフォリ…

本日は… ■ポートフォリオ制作 ■ポートフォリオプレゼン…のはずが誰も発表せず… 個人的には構成書の作成を継続。 ＜インターン用のサイトを制作＞ コンセプト：自分もインターンをしたくなるサイト 目的：インターンでの活動を知ってもらうこと インターンを…

本日は…・修了試験の講評※metaタグのうち、charsetだけtitleの上に来ているのは、そこに日本語があるから→それ以外のmetaはtitleの下で良い ※cssは4種類以上入れるととても重くなる※更新履歴や会社概要のdl部分はtableで組んでやるとスマート

本日は…■DWで日付を付けて自動更新する方法… ■DWのサイト管理を整理する（キャッシュの削除的な）■ポートフォリオ作成紙へのアドバイス ・ページごとの見え方を考える ＞見出しが弱い ＞流れが読みにくい ＞もう少し統一性のあるレイアウトへ ＞背景いらない…

本日は…■SVGで文字をアニメーションさせてみる・Aiで文字を書き出す →アウトラインにしてグループ解除 →SVGにして書き出す※そのままロゴなどに使いたいときは、このファイルにリンクさせてやればいい ※今回はアニメーションさせたいので、SVGタグの中身だけ…

本日は…■ポートフォリオ制作続き

本日は…■修了試験 ＞内容

本日は…■ポートフォリオ続き

本日は…■ポートフォリオ制作続き少しずつ形になりつつ。。。あるはず。今日はロゴとライトを製作。配置してみる。 のこりはメニュー部分とプロフィールのデザインをどうするか。アイコン探し ・ポートフォリオにはかかった工数を詳しく書くといい ⇒ここに何…

本日は…■モバイルファーストのレスポンシブサイトを制作する fontのショートハンド＞サイズ/line-height font-familyスマホ版データ ここを見本に後日制作。＜ポイント＞ ・display tableを使って横並びにしてやる方法がある →ulに対して指定してやる （disp…

本日は…■カンプからサイトを制作 ＞デザインカンプから画像の切り出し ＞テキストを、デザインカンプのPDF化したものから抜き出して使うこのあたりに時間がかかる（２時間くらい汗）＞コーディング ＞＞あとでライトボックスを入れる関係から、皿の画像と下…

本日は…■google noto font ＜webフォントとフリーフォント＞ 印刷には使えないwebフォント（true type） フリーフォントはオープンタイプであることが多い。 マルチプルマスター：ウェイトを自分で変えられる（trueだとできる。例：googleフォント）→今はも…

本日は…■先日の卒業生のポートフォリオサイト講評 ＜ポートフォリオ制作の上で大事なこと＞ ・企業サイト制作については詳しく、別立てでやるくらいのことをしてもアピールすべき ・制作時間と使用ツールくらいはクリックしなくても一覧から見られるようにし…

本日は…■ポートフォリオ制作の続き少し形が見えてきた…かな？やったこと・窓を作る(CSS3待ち)・横スクロールを入れてみる・壁にかけるフォトフレームのイメージ・プロフィールの中身検討やること・横スクロールでイメージ通り実現可能なのでサイトを組む→必…

各種設定本日は…■予約システムをワードプレスに導入する MTS Simple BookingをDL。zipファイルのままアップロードしてプラグインを有効化する。●予約システムという項目ができる 予約期間はカレンダー何枚めくれるかの部分。…予約システムから設定を完了した…

本日は…■金曜日につくったレスポンシブサイトで使った、バナーの制作方法私がつくったのはこんな感じ。・ポイント ①文字をおくときはそのまま載せない⇒ドロップシャドウ、境界線などを入れて目立たせる ②装飾を付けたときは文字詰めを少し広げてやる ③40%の…

本日は…■午前中はテスト 10問･･･ 答えは 1.header 2.section 3.article 4.aside 5.nav 6.placeholder 7.autofocus 8.require 9.figure 10.ブレークポイント おそらく。たぶん。そして順不同。その後、レスポンシブサイトをひとつ作る。■午後はanimation img …

本日は…■講師ブログピックアップ その① CSSだけでロールオーバー（8/3の記事）ロールオーバー - Webデザインの勉強 風姿花伝 | 2月20日開講クラスd.hatena.ne.jpその②RSSリーダーでよそのブログを自分のサイトで読み込ませる（9/8の記事）RSSを取得：simplex…

本日は…■色々やった…。素材集めWordPressのオリジナルテーマ作成フロー・基本マニュアル - かちびと.netkachibito.net 参考サイト光から移動まで、すべてCSSで作る光るアニメーションdesign.kayac.com 蛍の光としてじゃないけどやってみたい

本日は…■css3のanimationを使おうの回・バナーを回転させて、二枚の画像を交互に表示する ・ニュースティッカーで文字表示 ・ボタンを光ってる雰囲気にする アニメーションを使うの3パターン。 基本の形式は、 #front { animation: flipFront 5s infinite al…

本日は…■スマホサイト完成…！ htaccessを入れて完成しました。 トップページはpcと同様スライダー… 縦長の画像に作り直したのでまだ２枚しか…。少し重たいのが難点。 下のバナーはpcとほぼ共通。 商品詳細のページはページャーをやめて普通にスライド。 フッ…

本日は…■スマホサイト継続 商品ページを作ったので、PCサイトとは違うトップへ戻るボタンが必要に… 以下参考サイトiPhone/Androidで「スムーススクロール」を実現するなら『smoothScroll.js』 - H2O Space. Blog - h2ospace - builder by ZDNet Japanbuilder…

前回の記事のwordpressですが、どうにか移動が完了したのでその経緯をまとめておきます。 覚えているうちに…。 まずサイトがこちら。 夜間飛行 教科書通りに動きます。で、色々あったのですが、経緯をまとめておきます。 ロリポップにwordpressデータを移植…

本日は…■wpをローカル環境からサーバーへアップする方法基本的には ・ローカルの記事をエクスポート ・サーバーにwpのデータベースを作る ・ローカルサーバーに置いてある uploadsとmythemeを、 wp設置予定のアドレスにフォルダごとFTP接続でアップ ・ローカ…

本日は…■スマホ対応続き※スライダーの画像が重いので要圧縮。 画像のサイズはまだ検討中（下がはみ出ている。。。） スマホのフル画面表示の比率？？●ドロワーメニュー 参考サイトJSを使わずにアニメーションしながら展開するドロワーメニュー(スライドメニ…

本日は…■スマホサイト化継続 進捗としてはテキスト導入、背景の上に乗せる、など順調？＜色々参考サイト備忘録＞スマートフォンデザインまとめサイト | Clotilde Bistrot | thinkthingthinkthing.net梅花酵母 | 石見銀山の梅から授かった自然酵母www.umehana…

本日は…■レスポンシブサイト制作■WPで企業サイトを作る■ポートフォリオサイト制作上から…レスポンシブサイト化は餃子のサイト。 トップページの画像を作成&配置、今後テキストを入れていく作業 今日はスライダーとバナー作成。明日にはトップは完成予定。WP…

本日は…■PHPでニュースを表示する が、途中で企業サイトのレイアウト崩れを発見し、至急対応の後ドロップアウト。ということでPHPのお勉強はここまで…。 中途半端。 以下覚書■WPの本を一冊献本で頂いたのでWPサイトをもう一つ作ってみることに ・ｗｐサイト…

本日は…■上位表示対策の話 titleとh1と最初のpは一致させると上位になる。 機械的に一致させるほうが上位になる可能性が高い。■ツリー構造 h1--h2 -h2 -h2 -h3 -h3 親テーマに対する子テーマがちゃんと入っているか。⇒当たり前の文書構造がちゃんと出来てい…

本日は…■前に作ったサイトのレスポンシブ化①石垣島観光ガイド 基本的に背景画像の指定と、文字サイズの指定が大事。font-sizeは html {font-size: 62.5%;} を基準とする。 これによって基本のフォントサイズが10pxになるので、後の指定が楽。 以下 body{ fon…