ASUS 自作パソコンでパーツを買う時にお世話になる台湾メーカーのASUS。エレクトロニクスメーカーは情報量が多く目的のページにたどり着きにくいイメージがあるが、デザインがはっきりと見やすくしていて与える情報に無駄がない。ただ私は実はマザーはGIGABY…

3日ほど学校で解説を受けながら練習してきたデーターベースからPHPを使って情報を引き出すプログラムがいったん出来上がった。 index.php 表示一覧

面白法人カヤック 面白法人カヤック沢山のガシェットが使われている会社のサイト。ソースコードすら工夫されているのが面白い。web業界では有名な会社だと思う。給与をサイコロを使って決めたりしてるのでテレビで取り上げられている。受託業務がメインなの…

7日ほど学校で練習してきたワードプレスサイトが完成した。 indexページ <div id="content"> <p id="pagetitle"></p> <p id="pagetitle"> </p></div>

ループタグ/テンプレートファイル ループタグ コンテンツ表示 テンプレートファイル header.php ヘッダー部分index.php メイン部分 sidebar.php サイドバー部分footer.php フッター部分single.php 投稿記事のテンプレートpage.php ページのテンプレートcom…

学んできたテンプレートタグ2 記事の投稿時間を出力 記事の投稿日時を出力 記事のタイトルを出力 記事の本文を出力 記事の個別ページのURLを出力 記事のカテゴリーを出力 記事の著者名を出力 記事のタグを出力

テンプレートタグ一覧/bloginfo系 ブログ名を出力 コンテンツタイプを出力 エンコードの種類を出力 ブログの説明を出力 スタイルシート(style.css)のURLを出力 テーマファイルディレクトリのUR…

Design, Planning, iOS Apps Development | THE AGE Design, Planning, iOS Apps Development | THE AGE音楽と動きが圧巻の個人のサイト。最初の動きだけで見入ってしまう。デザインセンスが非常に高いと思う。過去に一度このサイトを見たことがあったが名前…

名古屋のデザイン事務所｜株式会社アフリカデザイン 名古屋のデザイン事務所｜株式会社アフリカデザイン2カラムサイト。グリッドデザインに画像一つ一つに丸みをつけあり、それだけで全体的に統一感がある。統一感があるだけでページ全体のバランスが保てる…

CAFE de CRIE CAFE de CRIE3カラムのあるページ。全体的なトーンが茶色の落ち着いた色に統一されており見てるだけでおなかが減ってくる。あぁコーヒー飲みたい。スイーツ食べたい。

JOBS : le film - le 21 août au cinéma JOBS : le film - le 21 août au cinémaシングルページとグリッドを利用したサイト。ジョブズのビビットトーンのカラーがかっこいい。最初の画像がインパクトがある。だけど少し重い。海外のサイトだからかなぁ？ペー…

Lopan.jp Lopan.jp個人のwebデザイナーの方のwebサイトで、webの知識を教えてくれる。めちゃくちゃわかりやすく面白い。個人でここまで作れるのはすごいし、ありがたいなぁ。キャラクターデザインもいい。イラストもうまい。

cultural solutions uk, an independent arts & cultural organisation cultural solutions uk, an independent arts & cultural organisationCSS3とwebフォントと多用したwebデザイン。最小限の素材データしか読み込んでおらずページの軽さを実現したサイト…

Radian Boston | Modern Rentals on the Greenway Radian Boston | Modern Rentals on the Greenwayグリッドレイアウトで作られたwebサイト。左に固定型ナビケーションが配置されておりコンテンツ内のグリッドにはマウスオーバーアクションが配置されていて…

DIVERSE SYSTEM - JAPAN - C84 三日目 西2 あ41a - DIVERSE SYSTEM - JAPAN - C84 三日目 西2 あ41a -立体的で奥に進むような感覚で進めるサイト。進むとCDのジャケットの中身を開いて進むようなサイトでアクションがいちいちかっこいい。視聴もできるようだ…

デジタル作画法 アニメで見た空と雲のある風景の描き方作者: Bamboo出版社/メーカー: ナツメ社発売日: 2013/04/09メディア: 単行本この商品を含むブログを見る フォトショップで好きなものを描きながら画力を上げるための練習と思って買った本だけど、HOW TO…

フォトショップでウサギ菊を描いてみた。 ブラシツール・鉛筆ツール・混合ブラシツール・スポイトツール・ぼかしツール・指先ツール・シャープツール・消しゴム辺りをを駆使して描く。 色は塗るというか、ベースの色で花びらの形を一枚づつレイヤーに分けて…

フォトショップでユリを描いてみた。 ユリは複雑なのでフォトショップで横に本物のユリの画像を置きながら描いてみた。 画像からスポイトツールで色を吸い取りながら描いていくと非常にリアルになる。 フォトショップのツールを十分活用するとリアルに描ける…

Personal Brand Institute Personal Brand Insitituteバックグランドがcanvasのサイト。マウスオーバーするとcanvasの図形が反応し動きがある。図形上の+をクリックするとdivエリアがポップアップする。canvasを作るだけでかなりの技術が必要になると思う。c…

フォトショップを使って竜胆の花を描いてみた。花の特徴を考えながら重ね塗りを繰り返してブラシを使って塗っていく。スポット修復ブラシツールや修復ブラシツール、ぼかしツールを使ってなじませていく。ちょっとイメージと違う感じで出来上がった。 自分の…

福岡県宗像市の菓子処 さかした製菓 福岡県宗像市の菓子処 さかした製菓福岡の和菓子屋さんのサイト。和風のサイトを見ると珍しいため必ず見るようにしている。和菓子自体がデザインされているため魅せる画像があるのがいいと思う。縦書きはspanで一文字ずつ…

西新駅から徒歩1分の新築マンション「ル リアン西新」。 Le LIEN NISHIJIN ル リアン西新ブルーを中心に背景とコンテンツの透明感のメリハリが出ているサイト。マンションのサイトは硬いイメージかやさしいイメージがあるが、清潔感がありつつモダンなイメー…

jQuery・9月ごろに習ったアニメーション命令一覧show(…) 要素を徐々に表示する ※display:noneの値に対して hide(…) 要素を徐々に非表示にする toggle(…) 要素の表示・非表示を徐々に切り換える slideDown(…) 要素をスライドアニメーションで表示する slideUp…

jQuery・9月ごろに習ったイベント処理一覧click() クリック時に処理を実行する dblclick() ダブルクリック時に処理を実行する mousedown() マウスのボタンが押された時に処理を実行する mouseup() マウスのボタンが離された時に処理を実行する mouseover() …

jQuery・9月ごろに授業で習った命令一覧テキストの変更と取得 text(...) テキストを変更する text() テキストを取得するHTMLの変更と取得 html(...) HTMLを変更する html() HTMLを変更するHTMLの挿入 prepend(…) 要素内の先頭にHTMLを挿入する append(…) 要…

jQuery・学校で9月頃に習ったセレクター一覧CSSセレクター要素セレクター$("要素名") IDセレクター$("要素名") クラスセレクター$(".クラス名") ユニバーサルセレクター$("*") 子孫セレクター$("要素1 要素2") グループセレクター$("セレクター1、セレクター…

ALECTIA – Masterminding Sustainable Progress ALECTIA – Masterminding Sustainable ProgressCCS3を利用しマウスオーバーアクションを利用したサイト。このサイトの特徴はtransformを使ったマウスオーバーアクションの多さだと思う。レイアウトもブロック…

今日からデータベースの授業に入った。データベースの基礎SELECT,INSERT,UPDATE,DELETEの4文です。この4文だけでデータベースの基本は操れるらしい。今回は擬似環境のXAMMPでデータベースを触ることになった。col=列、row=行、この集まりがテーブルという考…

Html Validator | Firefox アドオン | Mozilla Japan の公式アドオン紹介サイト Html Validator | Firefox アドオン | Mozilla Japan の公式アドオン紹介サイト 表示されたページの HTML をローカルで検証し、エラーと警告の数をステータスバーに表示します…

楓の葉っぱをフォトショップで描いてみた。色を何重にも重ねて書くとリアルに見えてくる。ハイライトとシャドウを意識しながら描くようにしてみた。リアルに描くのには光の理解が必要だと思う。毎日フォトショップを触り続けると上手くなるんだろうなぁ。も…