IE6・7・8で簡単にCSS3の角丸を実装する方法

IE6~8に簡単に角丸を実装する方法

最近主流になりつつある、CSS3での角丸表示。
簡単に誰でも実装できるし、おそらく最もよく使われるであろうCSS3の機能の一つだと思います。
…ですが、残念なことにIE8以下には対応していません…oz

Google Codeで発行されている「curved-corner」を使用して、角丸が非対応のIE6・7・8にたったの2ステップで角丸を実装する方法を紹介します。

続きを読む

facebookページ(旧ファンページ)にコンテンツを追加する方法

facebookページへコンテンツを追加する方法

遅ればせながら、つい数ヶ月前にfacebookを始めました!(遅っ!)
美味しいお店を見つけたらチェックイン!して、
面白いことがあったら近況報告して、
友達の写真にコメントして。。
私はfacebookを、楽しむためのコミュニケーションツールとして使っています。

基本的に実名登録なのでちょっと怖い部分もありますが、
昔の同級生なんかを発見できたりして、懐かしくなったりもww
続きを読む

scrollsmoothly.jsとCSS3で、スムーズにスクロールする表示位置固定のTOPへ戻るボタンを作ってみた (サンプルあり)

表示位置固定のTOPへ戻るボタン

最近、ページ右下に固定されたTOPへ戻るボタンをよく目にします。
とてもユーザーに分かりやすいですよね!
ということで、
scrollsmoothly.jsを使って、スムーズにページTOPへスクロールするボタンを作ってみました。
(サンプルあり)
ちなみにボタンのデザインは、画像を使わずにCSS3で実装してみました。
続きを読む

スーパープリントで3回名刺を注文してみた

名刺作ったよ

また名刺を作りました。

前回もお世話になった、
「安くて品質いいけど、納品遅いよ」が売り(笑)の、
スーパープリントで印刷。

この業者さんは安いのに、ホント親切丁寧ですよ。
続きを読む

WEBフォントにあんずもじを設定してみた(サンプルあり)

WEBフォントの設定方法

最近流行り?の「WEBフォント」を試しに実装してみた。

WEBフォントとは、
CSS3の@font-face機能の事。

自分のサーバーにフォントデータをアップして、
CSS3の@font-face機能で呼び出して、
どのPCでも同じフォントで表示されるようにする事です。
続きを読む

Dreamweaverの新規ドキュメントのHTML変更方法

Dreamweaver新規ドキュメント変更方法

今自宅で使用しているDreamweaverのバージョンが、
恥ずかしながらCS3の私…。

HTML5とCSS3がいよいよ!というときに、
CS3ではちょっと不便な点が…。

この”ちょっと不便なところ”
を直してみたので、今回はそのレポート。

続きを読む

PHPで3キャリア絵文字対応のモバイルページを作成する方法

絵文字も表示可能なPHPでのモバイルページ作成

つい先日、仕事でモバイルLPの作成依頼があり、
3キャリア対応のPHPのページを作成してみた。
ちなみにPCにも対応。
今回はその制作の際に起こった問題なども合わせてレポートします。
無難なXHTMLページの作成方法はこちらに記載

その作り方は以下の通り。
続きを読む

1ページで3キャリア対応のモバイルXHTMLページ作成方法

1ページで3キャリア絵文字対応のモバイルXHTML作成方法

私が今勤めている会社では、
クライアント様が納品後に更新等出来るよう、
仕事では無難なHTMLでの納品が必須となっています。

モバイルは、PCとは違う厄介なキャリア問題があります。

今回は、1ページで3キャリアに対応する、
モバイルXHTMLページ作成方法をご紹介。
続きを読む

サーバーをアイルに変更してみた

アイルサーバー88%OFFキャンペーン

今まで、ハッスルサーバーを使用していました。
理由は、月額208円ととにかく安いから。

しかもマルチドメインの設定が30個までできて、
設定料金も無料。

ブログ1個ならハッスルサーバーが断然オススメなのですが。。。
続きを読む

コーディングスピードが上がるDreamweaverのプラグイン「Zen Coding」

zenコーディング

今まで、コーディングの効率化は、
コードヒントで十分だと思っていました。

ところがどっこい!

比べ物にならないくらいコーディングスピードが上がる、
超便利なDreamweaverのプラグイン、
Zen Coding」を見つけたので紹介します。
続きを読む

ページTOP