はてなブックマーク

画面上にHTMLのidやclassを表示するブックマークレット たまには技術者向けの記事も書こうかなと思ったので、今日は自分で作ったブックマークレットを公開しようと思います。 ブックマークレットとは、JavaScriptを使って開いているページに対していろんな操作を行うもので、通常のブックマークのURLの代わりに「javascript:」から始まるJavaScriptを登録しておいて、ブックマークを開くようにブックマークレットを実行します。 このブックマークレットは、HTMLタグのidやclassなどのタグ要素の属性を画面上に表示するブックマークレットで、IE6, IE7, Firefox3.0, Opera9.5.0, Safari3.1.1 (for Win) で動作確認済みです。 下のリンクを右クリックして「お気に入りに追加」からブックマークに登録してください。 ブックマークレット

CSSドロップダウンメニューフレームワーク CSSで作るドロップダウンメニューのフレームワークを紹介します。 読み込むスタイルシートを変える事によってメニューのデザインを簡単に変える事が出来ます。 CSSとJavascriptの外部ファイルを読み込み、リストタグでメニューを作ってidやclassを設定する必要があります。 メニューの種類 水平面 デモはこちら 水平面で下から上 デモはこちら 水平面直線 デモはこちら 垂直な左から右 デモはこちら 垂直な右から左 デモはこちら その他のデモはこちらより クロスブラウザ Windows IE.5以降 Mozilla Firefox 1.5以降 Opera7以降 Apple Safari2以降 IE6以前用のJavaScriptコードが用意されています。 ライセンスは｢GNU General Public License｣です。 ダウンロードは

JavaScript、CSS、FLASHなどWebデザイナー・デベロッパー向けの記事を書いています。今日はフリーアイコンの紹介です。 新規作成や保存、ゴミ箱などのアイコンがあります。 フォーマットはpngです。 ダウンロードは以下からどうぞ。 Via：50 free icons Web関連初の国家資格となった｢ウェブデザイン技能検定｣ 第２回目の試験の受験申し込みが明日９月１９日（当日消印有効）までで締め切りになります！ まだ２回目ということもあって問題集とかは多くありませんが公式HPへ行くと練習問題が公開されています。 ウェブデザイナーを目指している方は一度チャレンジしてみてはいかがでしょうか？？ なんと言っても｢国家資格｣というのが魅力ですね。 詳細は公式HPへどうぞ via：ウェブデザイン技能検定 コミックスタイルのPhotoshopのエフェクトの紹介です。 詳細