Skip to main content.
まくらアンテナ、アクセス解析見ているとIEでのアクセスが多くて、何気なしにIEで見てみたら

デザインが総崩れ(゚Д゚)ガーン

というわけで修正。
普段Chromeだし、CSSチェックではFirefoxで確認するくらいだったからなぁ・・・。
IE開く頻度がホントに減ってますなぁ。
クリスマスですね。
外は寒いですね。

まぁ、それとこれとは別として、ウェブサイト制作の効率アップに役立ちそうな記事があったのでメモメモ。

目指せ爆速WEB屋!過去2年間かけて知ったリソースを駆使して作るサイトの制作手順! | バンクーバーのうぇぶ屋
http://webya.opdsgn.com/introduceweb/detonatingvelocitydesigning/


自分に合ったテンプレートとリソースの確保は大事ですよね、ハイ。
spin.js
http://fgnass.github.com/spin.js/


画像も外部CSSも不要で、その上jQueryに依存せずにローディングアニメーションを表示することができるspin.jsというのもをいじってみました。



ギャラリーサイトにこのspin.jsを設置してほしい」と言われ「え?普通にgif画像じゃあかんのですのん?」と思いつついじる流れになっただけですので、個人的にはやはりgif画像でローディングを表示してもいいのでは、と思ったり。

とはいえ、色とかサイズとか細かい設定をスクリプト上ですぐ変更できるというのは楽でいいですね。



以下、設置したソースのメモ。
 
続きを読む
 
CSS Gradient Background Maker
http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/


CSS Gradient Background Maker

ドメインがmicrosoft.comだからIEのある程度のバージョンもカバーできるようなコードなんかなぁ。
そこまで細かく確認はしてないけど、グラデーションが簡単に作れるのはとりあえず便利ですね。
短縮URLサービス作ってみました。
Ce2Beと書いて「シー・ツー・ビー」です。


こないだサーバにMongoDBをインストールしたので、せっかくだからMongoDBの勉強がてらに何かサイトを作ろうと考えた結果、シンプルな構成の短縮URLサービスにしようと思い立ちました。

主なコストはドメイン代の1,800円くらいですかね。
短いドメインってなかなか見つけるの大変です。

デザインに関しては個人利用なら無料なフリー素材+GIMP2.0で作ったのでコストかかってません。
管理画面も個人利用なら無料のオシャレな管理画面デザインテンプレートであるFree HTML5 Admin Templateを使ってます。

MongoDBの勉強の為とは言いつつも、データ読み込みはMemcachedを使っているのであんまりMongoDBの恩恵を感じない作りになってたり。

デザインとシステム込み込みで、制作期間が1日で済んだのは自分的には上々かなぁと(・`ω・)ドヤッ

短縮URLサービス | Ce2Be
http://ce2.be/

jQuery PowerTip
http://stevenbenner.github.com/jquery-powertip/


ツールチップで適当にググってたら発見。
せっかくなのでこのブログにも実装してみました。

PowerTip実装したイメージ

画像の上にマウスオーバーすると黒い角丸のツールチップが出るようになりました。

設置はCSSファイル1個とJSファイル1個読み込むようにして、JavaScript1行追加するだけ!
これはかなりお手軽!
このサイトが思いの外、便利でした。

Css Gradient Button - create css button
http://cssgradientbutton.com/


試しに作るとこんな感じです。



ボタンだけでもお洒落だったらフォームの印象も変わりますし、こういうのは良いですね。
«Prev || 1 · 2 · 3 · | Next»