トップページ | 木屋旅館 トップページ | 木屋旅館落ち着いた雰囲気のする旅館のサイト。画像ベースのサイトで必要な情報のみ見せいている感じが良い。

株式会社ココノヱ - coconoe inc. 株式会社ココノヱ - coconoe inc.web制作会社のサイト。キャラクターが可愛くアクションが豊富で見てて飽きの来ないサイト。このサイトつくったプログラマー凄い。

ロマンシング佐賀 ロマンシング佐賀 佐賀県とスクウェア・エニックスのゲーム、ロマンシグサガとのコラボレーションサイト。動くドットのキャラクターが目を引くサイト。

今日の授業はスマートフォン専用サイト。 スマートフォン専用サイトはクロームのF12の開発ツールで確認できるようだ。 クロームのF12を押して左上のスマートフォンのアイコンをクリックすると各種デバイスでの動作をエミュレーションできる。 スマートフォン…

Georgina Bousia | Architect and Graphic Designer Georgina Bousia | Architect and Graphic Designer綺麗に配置された画像と上品なマウスオーバーアクションが目を引くサイト。画像の配置でデザインされているのが凄い。

今日はsmart4meでサイトをスマートフォンサイオを作る授業をした。 スマートフォンサイトを作る感覚をつかむための授業だ。 簡単なデスクトップ上の作業でサイトが完成するようだ。 CMSは日々進化している。もしかしたらwebデザイナーが必要なくなる日が来る…

OH OH一瞬何のサイトかわからないようなデザインのサイト。どうやらデザインの個人プロジェクトらしい。 右下のサウンドのONを押すと音が鳴ると思いきや右上のアイコンが説明をしてくれるトリガーとなっている。カヤックのデザイナーらしいデザインだと思っ…

オーマイデザイン.COM｜AKIYOSHI ISHIGAMI AKIYOSHI ISHIGAMI｜Homeデザイナーの方のwebサイト。細部までデザインされていて細かい所までこだわっていると思う。

今日の授業は擬似セレクタとレスポンシブサイト制作。 clearfixの理屈が分からなかったが、今日の授業で理屈が分かった。 擬似セレクタを使うことでボーダーが大きいときに発生する斜めの部分を利用しフキダシを作ることもできる。面白い使える。 擬似要素 …

The Private Garden FURIAN[フリアン]山ノ上迎賓館 | 結婚式場・ハウスウエディング 滋賀・京都 The Private Garden FURIAN[フリアン]山ノ上迎賓館 | 結婚式場・ハウスウエディング 滋賀・京都スライダーをうまく使っているサイト。全体的にスライダーの使い…

About | 栃木県のホームページ制作・WEB制作 | Re:design アールイーデザイン About | 栃木県のホームページ制作・WEB制作 | Re:design アールイーデザイン栃木県のweb制作会社のウェブサイト。余計なデザインがなく白の余白が美しい。

Taiyo No Sato Villa Umi To Mori Taiyo No Sato Villa Umi To Mori 左ナビゲーションの縦スライド型のサイト。レスポンジブ対応で画像がふんだんに使われている。画像がふんだんに使われているため少し重い。

jitto jitto縦にループするサイト。余白の使い方や画像の配置の仕方がかなりうまいと思う。シンプルなのに綺麗。

ポートフォリオ制作中なのだがIllustratorでの制作物が少ないためAdobeのアイコンを作ってみた。ポートフォリオのスキルの部分にアイコン欲しいし。 Ps,Ai,Fl,Fw,Ae,Dwのアイコンを作ってみた。 所要時間1時間。 アイコンの下地を作るため楕円ツールで白とグ…

技術向上の為クリスマスを題材にしたグラフィックデザインをしようと言うことで同じ学校に行っている生徒さんが企画を開いたので参加することにした。 ポートフォリオ制作の為あまり時間がない時期だが作品を作る機会とも思い、家に帰ってご飯を食べた後午前…

擬似セレクター：nth要素：nth-child(式)（○個目から△おき）li:nth-child(2n+1)例nが0の時は1 例nが1の時は3 例nが2の時は5 以下例 nth-child(2n+1)奇数 nth-child(2n)偶数 nth-child(3n)3,6,9,12・・・番目 nth-child(3n+1)1,4,10,13・・・番目 nth-child(5…

3minute inc. 3Minute inc.Youtuberプロダクションを行う面白い会社。レスポンシブデザインに対応したバックに現れる映像の見せ方が面白い。gradientを上手く使っていると思う。

画像ファイルが無くてもcanvasを使えばjavaScriptで図形を描けるようになる。 最近のサイトではcanvasを使ったサイトが増えているので興味があったがjavascriptが苦手なため挑戦したかったcanvasを授業で習った。 指定したセレクタ、id、classなどをjavascri…

今日はtransformとtransitionの授業に入った。 transformは変形。transitionは徐々に指定した値に変化させる。 今まで両方使ってきたが指定の仕方に癖がある。書き方transform:rotate（10deg);10度回転 transform:scaleX(2);横に2倍、-に設定すると3D回転の…

注文住宅 建築設計デザイン事務所 参會堂 – SANKAIDO 注文住宅 建築設計デザイン事務所 参會堂 – SANKAIDOトップページが面白いデザインで目を引く、マウスオーバーして遊びたくなる。ずっとマウスオーバーして遊んでたら目がちかちか、頭がクラクラする。

TinyPNG – Compress PNG images while preserving transparency TinyPNG – Compress PNG images while preserving transparency学校の授業で教えてもらったサイト、tinypng。 使うことが多くなってきたpng画像を約1/3まで圧縮してくれる。 大きな画像のサイ…

CSS3の勉強の続き。今日はlinear-gradient/radial-gradient/background-size/background複数枚指定のお勉強。 この授業に入る前に使っていたのはlinear-gradient/background-size/background複数枚指定だ。 radial-gradientだけ使いどころがなく使ってこなか…

Ultimate CSS Gradient Generator from ColorZilla Ultimate CSS Gradient Generator - ColorZilla.comCSS3のgradientを自動生成してくれるジェネレーターサイト。radialとlinearどちらにも対応している。ベンダープレフィックスにも対応しているので今まで…

今日からCSS3の授業に入った。CSS3は前から使っていたが楽しくて久々にテンションが上がる。 最近ではCSS3でできることが多く使われていないサイトは皆無だと思う。 CCS3でできているマウスオーバーアクションなどは大好物です。 (´・ω・`) ただW3Cの行動が…

バズマーケティング・クチコミマーケティング | バズ、クチコミ、ソーシャルメディアマーケティング | 株式会社サイバー・バズ バズマーケティング・クチコミマーケティング | バズ、クチコミ、ソーシャルメディアマーケティング | 株式会社サイバー・バズ …

What's my IP Address? What's my browser? What's my IP Address? What's my browser?HTML5やCSS3が現在どのブラウザーに対応してくれるか教えてくれるサイト。使うことが多くなってきたHTML5やCSS3だが対応しているブラウザとしてないブラウザがある。分か…

フォームの授業があった。 フォームは前から教わっていて使っているだがHTML5から採用されたセレクターや属性についてだ。PHPのフォームの授業で先走り的にやってきたものが多い。 ECショップが多くなってきているのでinput type="number"やdatalistは使いそ…

webを作っていると使うことが多いdl/dt/ddの横並び。 dlは文書構造上、定義や説明を意味するため、「面倒くさいからtableやlistでいいか～」とはならない。 文書構造が重要になっている今無視はできない。学校でも習っているのだが覚えては忘れ、覚えては忘…

Home | Tiffany & Co. Home | Tiffany & Co.泣く子も黙るTiffany & Coのサイト。最初のムービーが良くできていると思う。やっぱムービーは別会社が作っているのだろうか？ webサイトはムービーを見せる時代に移行していくと思っている。将来的には中小企業が…

印傳屋｜INDEN-YA 印傳屋｜INDEN-YAフラッシュで作られた和風サイト。非常に動きのあるサイトで最初に飛んでいるトンボが可愛い。音にもこだわっていると思う。難点は読み込みスピード。