hosicameのブックマーク - はてなブックマーク

JavaScriptなしで地域ごとに色が変わる日本地図を作る

HTML、CSS、画像だけで、マウスオーバーした地域ごとに色が変わる日本地図を作る方法です。文字だけではちょっと意味がわかりにくいかもしれませんので、とりあえず↓の日本地図の上にマウスカーソルを載せてみてください。クリックするとページ遷移しますが、このデモでは Not Found になりますのでご注意ください。デモページを別のタブで開く　　このデモをダウンロード（ZIP） 2009年に仕事で「日本地図をクリックすると地域ごとに違うページに飛ぶ」ページを作らなければならなかった時に、当時 JavaScript も書けないし Flash は PC に入っていなかったので、HTML と CSS だけで作ってみました。このデモはDOCTYPE宣言が HTML5 になっていますが、当時 HTML 4.01 で、IE6 でもきちんと動くように作りました。ですので、特殊なタグやプロパティは使わず

hosicame 2012/11/22

CSS

リンク

私が月に1度やってるMacのメンテナンス方法 | Stocker.jp / diary

私はメインマシンとして Mac を使用していますが、一時期全くメンテナンスをせずに使っていたら、10ヶ月ほどで買った時より明らかに動作が遅くなってしまいました。そこで、最近は毎月1回メンテナンス作業を行うことにしています。具体的には以下のような感じです。関連記事: Windows 10を快適に使用し続けるために月1回やった方が良いメンテナンスディスクユーティリティメニューバー右端の検索アイコンをクリックするか、command + space または control + space キーを押して Spotlight を起動します。 disk と入力します。すると、候補にディスクユーティリティが出てくるはずなので、Enter キーを押して起動します。ディスクユーティリティでディスクを検証ディスクユーティリティの［First Aid］ボタンをクリックし、［実行］をクリックするとMa

hosicame 2012/11/19

Mac

リンク

MacBook Air 2012のレビューとWeb制作者のための設定など

約1ヶ月前に MacBook Air 2012年版が発売されたので、早速2011年版 MacBook Air から買い替えました。今回購入したのは、13インチ / Core i7 / メモリ 8GB / SSD 256GB です。去年の記事では MacBook Pro 13インチから MacBook Air 13インチに買い換えた時の感動を中心としたレビュー記事でしたが、今回は時期的に、欲しい方はもう購入されていると思いますので、レビューだけではなく私がイントールしたアプリとその設定を中心に書いていきたいと思います。目次なぜMacBookを買い換えたのかなぜそのスペックにしたのか Apple Store店員の話検証その他のレビュー私のMacBook Airの使い方インストールしたアプリ外付けスピーカーいくつかの問題点気になった点総評なぜMacBookを買い換

hosicame 2012/08/07

mac

リンク

PhotoshopでのWeb制作効率を向上させる「JSX」とは

ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。しかし、最