ポートフォリオ
ポートフォリオ制作でまず自身が把握する事は中に入れるコンテンツの分量です。今までの授業で作ったデータをもう一度見直し、手直しする物は手直して、ポートフォリに掲載する物を決めましょう。 次にwebのポートフォリオを何で作るかを決めましょう。選択…
www.anthonyboyd.graphics https://photoshopvip.net/freebies/mockupphotoshopvip.net www.youtube.com Metaが、誰でも無料で利用可能なApple・Samsung・Google・HTC・Microsoftの各メーカーのスマートフォン・タブレット・スマートウォッチ・スマートTVの…
自身のスキルを他者に説明する事は、そのスキルを身に付けるのと同じくらい重要であり、意味のある事です。 「htmlとcssが出来ます」だけでは無く、この6ヶ月で具体的にどういう事を学んだか、どういう事が出来るようになったか、をしっかりと説明しましょう…
tomoyukiarasuna.com webdesigner-go.com note.com drive.google.com
web制作会社の実績紹介ページはポートフォリオを作る上で非常に参考になるので、必ず目を通しておきましょう。 www.concentinc.jp designstudio-l.jp coosy.co.jp www.climarks.com depart-inc.com necco.inc spicato.com
高機能モーダルウィンドウ「Fancybox」のCDNを使ってギャラリーページを作ってみるfancybox CSS <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />fancybox JS <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script> https://web.…</link>
自身のスキルを他者に説明する事は、そのスキルを身に付けるのと同じくらい重要であり、意味のある事です。 「htmlとcssが出来ます」だけでは無く、この6ヶ月で具体的にどういう事を学んだか、どういう事が出来るようになったか、をしっかりと説明しましょう…
http://tomoyukiarasuna.com/data/arasuna_portforio.pdf www.concentinc.jp
年表や沿革などで使うタイムラインを作ってみましょう。cssのみで作れるシンプルな物のありますが、今回は「CodyHouse Framework」というフレームワークを使ったアニメーションタイムラインを作成してみます。 Vertical Timeline codyhouse.co さらにCodyHou…
Facebookが、誰でも無料で利用可能なApple・Samsung・Google・HTC・Microsoftの各メーカーのスマートフォン・タブレット・スマートウォッチ・スマートTVのモックアップとして使えるビットマップ画像集を公開しています。ファイル形式はPNGとSketchとなってい…
Illustratorの様々な機能を使用すればインパクトのある企画書を作成する事が出来ます。サイト制作のスケジュールにある程度余裕がある人はIllustratorで企画書の清書をしてみましょう。 さらに、完成後就活時を想定してPDF化してメール等で送れるようにして…
canvasとは Canvasとは、ブラウザ上に図を描くために策定された仕様です。これまでHTML上で図を表現するためには、GIFやJPEGといったフォーマットの画像を用意する必要がありました。また、条件に応じて表示する図を変化させたり、アニメーションを実現する…
今回作成するポートフォリオは １、メインビジュアル ２、自己紹介＆経歴 ３、スキル（出来る事を具体的に） ４、作品 ５、お問い合わせフォーム（google formをカスタマイズ） tomoyukiarasuna.com 雛型完成データ index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Portfolio</title> </meta></meta></head></html>
ポートフォリオを作るに当たって、Bootstrapなどのフレームワークを使用する事も視野に入れておきましょう。 それぞれのメリット・デメリットを理解し、自身にとって最も有効だと思う物を選択する事が大事です。 bootstrapのテンプレート templatemag.comtem…
年表や沿革などで使うタイムラインを作ってみましょう。cssのみで作れるシンプルな物のありますが、今回は「CodyHouse Framework」というフレームワークを使ったアニメーションタイムラインを作成してみます。 Vertical Timeline codyhouse.co使用するファイ…
vestride.github.io デモページ http://yachin29.com/school/shuffle/ jQuery $(function() { $('#btn li').on('click', function() { var $this = $(this), $grid = $('#animationList'); $('#btn .active').removeClass('active'); $this.addClass('active…
ポートフォリオを制作する際に、もちろん中身の作品の質も大事ですが、ポートフォリオ自体の見た目も非常に大事です。特に面接などではポートフォリオの中身をじっくり見る時間が無く、トップページのパッと見の印象で評価されてしまうケースも珍しくありま…
未経験者にとってポートフォリオをどうやって作れば良いか？ 非常に悩むところです。 http://katoshun.com/blog/からの抜粋です。 未経験者のポートフォリオに載っている作品は、以下のようなものがほとんどです。 スクールの課題で作った架空の会社のサイト…
知ってるようで、知らずに損してるAcrobatとPDFのアレコレ（3）キモは「PDFプリセット」。IllustratorからのPDF書き出しを極める https://blogs.adobe.com/creativestation/dtp-acrobat-pdf-kihon-03 知ってるようで、知らずに損してるAcrobatとPDFのアレコ…
http://square.staba.jp/portfolio/index.html http://dowoohoo.moo.jp/portfolio/ http://startbit.raindrop.jp/
http://portfoliotm.webcrow.jp/ http://ms61p.webcrow.jp/#!page1 http://portfolio09.wp.xdomain.jp/ http://fujiyamag.wp.xdomain.jp/ http://spaceoddity.webcrow.jp/
http://portfoliotm.webcrow.jp/ http://ms61p.webcrow.jp/#!page1 http://portfolio09.wp.xdomain.jp/ http://fujiyamag.wp.xdomain.jp/ http://spaceoddity.webcrow.jp/
修了生のポートフォリオサイト NK Portfolio Site Tsukimura's PORTFOLIO Portfolio Web Portfolio KS PORTFOLIO SITE portfolio: ★★★PORTFOLIO★★★ 勉強の記録 Top - to-mon29 ページ！ Design Lab | デザイン・ラボ| WEBサイト制作の記録
修了生のポートフォリオサイト NK Portfolio Site Tsukimura's PORTFOLIO Portfolio Web Portfolio KS PORTFOLIO SITE portfolio: ★★★PORTFOLIO★★★ 勉強の記録 Top - to-mon29 ページ！ Design Lab | デザイン・ラボ| WEBサイト制作の記録
2015年7月に修了した生徒のポートフォリオです。 http://masudawp.html.xdomain.jp/ http://mutou.wp.xdomain.jp/ http://yasmaejima.webcrow.jp/ http://cha.html.xdomain.jp/ http://port.aruwen.com/ http://nonportfolio.webcrow.jp/ http://ysport.html…
http://websync.php.xdomain.jp/portfolio/ http://maki-maki.biz/ http://mi2mi2.hotcom-web.com/ http://nishioka.hiho.jp/portfolio/ http://affection.html.xdomain.jp/ http://tk3m.php.xdomain.jp/ http://yamamoto1226.html.xdomain.jp/ http://kuma-…
YS's portfolio Growing Up HOME | すずきそうたのポートフォリオ Akinari WEB PORTFOLIO 3104_PORTFOLIO Web制作ポートフォリオ Yasumasa's Portfolio yosi's(Yoshinori Yamada) portfolio YUASA DAISUKE PORTFOLIO http://sugai.cd-c.net/ Horino's Portfo…
