BookStyleの更新情報や制作状況、イラレ・フォトショTipsなどを書いて行きます^^
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
みなさまおはようございます^^
管理人のねりです!
ようやくエイプリルフールネタを実現できました(笑)
デザイン自体はかなり前から考えていたのですが、
いざコーディングをやってみると、あれ?これどうやるんだろう・・・
というのが多々ありまして、時間かかりました。
本当は横スクロールのページにしたかったんですけどねぇ。
CSS3をやってみるとやはり分からないことばかりで
結果、この形になってしまいました。無念。
それでも今回はやってみたかったことをいろいろ試すことが出来ました!
・可変型サイト!
PC画面サイズに合わせて表示されるデザインの数が変わります。
・pagetopのきのこアイコン!
これはjQueryでやってます。スクロールすると右下から
にょきっときのこが生えます。クリックでページトップに戻ります。
・html1ページだけでカテゴリ分け
今までは、デザイン一つ追加するだけで、1から13ページまで全て修正、
加えてカテゴリごとにデザイン増やさなければならないという
本当にめんどくさい更新作業を行っていました。
そこで、今回はスタイルシートを切り替えるだけで、カテゴリ分けを
行ってくれるように創りました!思い通りにできて感動です・・・!よっしゃ!
これは裏側の話なのでデザインには影響しないのですけどね、
・ナビゲーションにCSS3のアニメーションを導入
Internet Exploreでは動かないのですが、Firefox、Chromeでは
左側にあるナビゲーションにオンマウスすると左に動き、色が変わります^^
スッと動きますよ!ぜひFirefoxかChromeでみてみてください♪
・TOP以外のページでスッと動くタイトル
最近流行のリボン型のナビゲーションをつけました。
位置固定のままにょきっと下にでてきます。
・Follow meボタンを設置
最近、いろんなところでみるコレ。
このサイトでいくつか入力するだけで簡単にできますよ!
http://www.go2web20.net/twitterFollowBadge/
デザインに関しては、紙ベースのあたたかみのあるデザインにしました^^
イタリアで買ったメモ帳だったり、お土産でもらったマーブル紙
しおりと鉛筆、タグなど好きなものをつめました。
花やボールペンのスケッチも付けてみたり、いろいろ遊んでみました。
TOP以外のページのタイトルにテントウムシとハチのアイコンつけてみたり
まぁいろいろ好き勝手やってみました!楽しかったです。
まだまだ見切り発車な所がありますが徐々に改善してまいります。
そして一つみなさまにお詫びしなければならないことがあります。
Guestbookのログを消してしまいました、本当にごめんなさい・・・;;
何も考えずに上書きしたらまさか消えるなんて;;
あんなにたくさんのあたたかい書き込みをいただいていたのに
もう本当に残念で;; 涙が出る・・・
この場を借りて、ma'maさまにお返事を。-------------------------
ma'maさま、書き込みありがとうございました。
ブログのほうに写真付きで紹介していただき、ありがとうございました!
2枚繋げて厚い本にあわせるというアイデアにはその手があったか・・・!と驚きました!
遅くなってしまいましたが、りんくページとGalleryページに加えさせていただきます^^
ありがとうございました!今後ともどうぞよろしくお願いします♪
-----------------------------------
次はどんなデザイン作ろうか・・・
最近、水彩画が好きなので、水彩を活かしたデザイン創りたいななんて
思っています。初夏っぽい爽やかなものか、梅雨のデザインでもいいな
今後ともどうぞよろしくお願いいたします!
それではまた^^
管理人のねりです!
ようやくエイプリルフールネタを実現できました(笑)
デザイン自体はかなり前から考えていたのですが、
いざコーディングをやってみると、あれ?これどうやるんだろう・・・
というのが多々ありまして、時間かかりました。
本当は横スクロールのページにしたかったんですけどねぇ。
CSS3をやってみるとやはり分からないことばかりで
結果、この形になってしまいました。無念。
それでも今回はやってみたかったことをいろいろ試すことが出来ました!
・可変型サイト!
PC画面サイズに合わせて表示されるデザインの数が変わります。
・pagetopのきのこアイコン!
これはjQueryでやってます。スクロールすると右下から
にょきっときのこが生えます。クリックでページトップに戻ります。
・html1ページだけでカテゴリ分け
今までは、デザイン一つ追加するだけで、1から13ページまで全て修正、
加えてカテゴリごとにデザイン増やさなければならないという
本当にめんどくさい更新作業を行っていました。
そこで、今回はスタイルシートを切り替えるだけで、カテゴリ分けを
行ってくれるように創りました!思い通りにできて感動です・・・!よっしゃ!
これは裏側の話なのでデザインには影響しないのですけどね、
・ナビゲーションにCSS3のアニメーションを導入
Internet Exploreでは動かないのですが、Firefox、Chromeでは
左側にあるナビゲーションにオンマウスすると左に動き、色が変わります^^
スッと動きますよ!ぜひFirefoxかChromeでみてみてください♪
・TOP以外のページでスッと動くタイトル
最近流行のリボン型のナビゲーションをつけました。
位置固定のままにょきっと下にでてきます。
・Follow meボタンを設置
最近、いろんなところでみるコレ。
このサイトでいくつか入力するだけで簡単にできますよ!
http://www.go2web20.net/twitterFollowBadge/
デザインに関しては、紙ベースのあたたかみのあるデザインにしました^^
イタリアで買ったメモ帳だったり、お土産でもらったマーブル紙
しおりと鉛筆、タグなど好きなものをつめました。
花やボールペンのスケッチも付けてみたり、いろいろ遊んでみました。
TOP以外のページのタイトルにテントウムシとハチのアイコンつけてみたり
まぁいろいろ好き勝手やってみました!楽しかったです。
まだまだ見切り発車な所がありますが徐々に改善してまいります。
そして一つみなさまにお詫びしなければならないことがあります。
Guestbookのログを消してしまいました、本当にごめんなさい・・・;;
何も考えずに上書きしたらまさか消えるなんて;;
あんなにたくさんのあたたかい書き込みをいただいていたのに
もう本当に残念で;; 涙が出る・・・
この場を借りて、ma'maさまにお返事を。-------------------------
ma'maさま、書き込みありがとうございました。
ブログのほうに写真付きで紹介していただき、ありがとうございました!
2枚繋げて厚い本にあわせるというアイデアにはその手があったか・・・!と驚きました!
遅くなってしまいましたが、りんくページとGalleryページに加えさせていただきます^^
ありがとうございました!今後ともどうぞよろしくお願いします♪
-----------------------------------
次はどんなデザイン作ろうか・・・
最近、水彩画が好きなので、水彩を活かしたデザイン創りたいななんて
思っています。初夏っぽい爽やかなものか、梅雨のデザインでもいいな
今後ともどうぞよろしくお願いいたします!
それではまた^^
PR
この記事にコメントする
カレンダー
| 02 | 2026/03 | 04 |
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
最新CM
[04/04 quotes car insurance]
[02/19 www.notoriousrd.com]
[02/19 www.liveleak.com]
[02/19 www.jindae.com]
[02/19 www.catchingfliesmusic.com]
最新記事
(11/01)
(10/26)
(08/09)
(05/16)
(04/17)
最新TB
プロフィール
HN:
ねり
HP:
性別:
女性
職業:
Webデザイナー
自己紹介:
東京でWebデザイナーらしきことをしています。
出身は福岡。とんこつラーメン大好き。
趣味でブックカバーデザイン配布サイトを運営中。
サイトデザインから、ブックカバーデザイン制作、サイト運営まで1人でやってますー!
出身は福岡。とんこつラーメン大好き。
趣味でブックカバーデザイン配布サイトを運営中。
サイトデザインから、ブックカバーデザイン制作、サイト運営まで1人でやってますー!
ブログ内検索
アクセス解析
