[Web design] コンテンツ追加 / Contents added
こんばんは。ほたかです。
お気づきの方もいらっしゃるかと思いますが、本家サイトのコンテンツが追加されました。
「Webpages」というやつです。CSS3のアニメーションや、面白いjQueryプラグインを中心に
実装お試しがてら作ったWebページを並べるコーナー。一部パロディあり。
こんな感じで色々デザイン・作成していきたいですねえ。
Good evening.
Recently I added the new content page in my main website – “Webpages”.
In this page I’ll introduce my webdesign works (some of them are so called palody).
Here are the works on this page with comments for each:
(さらに…)
サイトデザイン変遷史
どうもほたかです。こんばんは。此処ではきっと初めまして。
突如として襲ってきた本家サイト改装欲ついでに、WordPress交流ブログもそろそろ稼働しようかと思いまして。
手始めに、今までの DICE Project 本家サイトのデザインを列挙！ﾃﾞﾃﾞｰﾝ
皆様は、どのバージョンの時からほたかをご存知でしょうか？
DICE PROJECT
2007年4月、サイト立上げ。
スタイルシートもJavaScriptも知らない。
フォルダ階層・絶対相対パスも知らない。
ごくわずかなタグ知識だけで、やたらと長ーい、改行タグだらけのページを作成しておりましたとさ。(実際のTOPページの長さはこの2.5倍ほど)
一応、ボタン用に画像を量産することはしていたらしい。
黒地に白字は初代から。
Dice Project
大体2008-2009年。
ParaFraで、ちょっとしたFlashを作れるようになる。
喜んでTOPに飾る。
ただし、更新履歴をFlashに組み込んだために一々編集がめんどｋ
この頃からスタイルシートを覚え始める。Floatおいしい。
下のは、階層直前の無駄に派手な宣伝。乙
DICE PROJECT
大体2009-2011年。電子的イメージ。
JavaScriptによる画像の切り替えなんかを覚える。
スタイルシートにも割と磨きがかかる (前年比)。
メニューボタンは、カーソル合わせるとそれぞれ違った色に変化。
Flashの中では３か国の現在時間表示・ドットが踊る。
恐らくシリーズ中最も派手なデザイン。
DICE Project quadora
2011年頃。
フレームを知り、興味を持ったようだ！
画像の切り替え・ちょっとした小細工なんかもバッチリだ！
･･･フレームが良くないなんて知らなかったんです塩寿司
DICE Project V
2012年あたり。
HTML5、CSS3、jQueryプラグインも使い始める。
フレーム、Flashメニューがトレンド外ときいて。
そしてブラウザ違いによるデザイン崩れを知り、ｋｓIEという存在に泣かされる事となった（ﾃﾞﾃﾞｰﾝ
ちなみにデザイン会社でインターンを経験した時期でもある
DICE Project VI
2012年10月～。キャンバスっぽいの。
なんか画面広々と使いたくなった。
背景画像は、自分のイメージを塗ったぐった自称アート。
そしてこの頃から半透明狂になる。
文字回転なんかもやってみたが、やっぱりブラウザ間の違いがあるので暫くやんない。ﾌﾟｲ
･･･DPサイトデザインの歩み、以上になります。To be continued.
今月で DICE Project サイト立上げから６年ですね（これくらい計算間違ったりしないですしすし
いやー。いろいろとかんがいぶかいです！（しろめ
そもそもサイトを持つことに興味を持ったのは現役厨弐の頃。
まあ当時は、オンライン上で情報入れたらページが出来上がりますよっていうのを使ってましたが。(興味本位で覗いた２カラムページのソースコードが＜TR＞＜TD＞ばっかりだったんだが、あれタグ使用法的にどうだったんだろう？ｗ や、どこのサービスとは言わんけど)
･･･ｹﾞﾌﾝ。そこから少ーしずつタグをカスタマイズするようになり、一番上の2007年4月に続く。
サイト持つ・弄る歴は10年近くになるのｋ（爆死
が がんばろーっと･･･
今後ともアレコレ作って吐いていく所存。まあお気が向きましたら是非お付き合いください。
サイト作りのあれこれ / Will Build New Webpages More
こんばんは。2週間ぶりになってしまいました。
TOEFL試験と、札幌から地元ヘの引っ越しが終わり、一気に疲れが来たのか。
寝たきり起きたきりを繰り返すほたかです。いかんですなぁ･･･
とっくにお気づきの方もいらっしゃるかと思いますが、この Offiical Blog、デザインを
少々弄ってみました。
＊ページトップの画像スライドショー廃止
＊Webfont使用、メインサイトと合わせる
＊記事の画像に影をつけてみる
･･･などなど。
Good evening. it has passed 2 weeks from the last post!
At last I finished TOEFL exam and moving from Sapporo to my hometown.
Waiting the result…
Anyway I had changed the design of this Official Blog a little bit;
* removed the slide show on the page top
* use web-font, to match to the main website
* apply box-shadow to images in each post
…etc. (さらに…)
透過PNGとHTMLタグで絵を描く / Drawing with Transparent PNG and HTML Tags
昨日に続きこんにちは。
これ、結構前からちまちま作ってたのですが･･･透過PNGの部品素材を、HTMLタグで位置・深度
指定して組み合わせ、１枚の絵にしたものです。絵のリンクから、実際のページへ飛べます。
(動作確認ブラウザ：Ch/Sf/Fx/IE7-9/O)
Hello~
Recent week I have been trying to create one picture with configuration of the position/depth of transparent PNG materials. you can click on the picture and jump to the page. (validated on Ch/Sf/Fx/IE7-9/O)
(さらに…)
Webサイト素材でも / Trying to make Web site materials
コンバンハ。2週間ぶりになってしまいました。
５月も残すところあと10日･･･札幌でのWebデザイン研修もあと１週間。
来月はまた地元でモソモソ活動です。
Good evening.
May will over soon, that is, I have few time left to practice Web design as an intern student! I will leave here Sapporo.. and will prepare for studying abroad in my hometown. woo busy.
(さらに…)
