【201203現在】Web制作関係あたりで個人的にブクマしてるサイトさんまとめ

  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加

Firefox(Web制作専用)のブックマークがえらい量溜まってしまったので整理がてらシェア。
EvernoteとRSS使うようになってからすっかりブックマークもしなくなったし。

◆特殊文字系

http://e-words.jp/p/r-htmlentity.html
HTMLの特殊文字 | IT用語辞典
HTMLやCSSで詰まると必ずこちらのサイトに行きつく

http://www.htmq.com/text/index.shtml

特殊文字リファレンス | HTMLクイックリファレンス

http://www.foxking.org/oldsite/pc/entity_references_memo.html
実体参照メモ | 狐のコンピューティング

特殊文字関係はすぐ忘れるから一度自分でもまとめないといかんなあと思う。

http://copypastecharacter.com/
Our favorite set | CopyPasteCharacter.com/
Twitterとかで使える特殊記号をコピペで使えるサイト

◆自動生成系

QRコード

http://www.plus-a.net/qr/
QRコード無料作成サイト~QRコードオリジナル
コードの中にアイコンが埋め込める

http://qr.quel.jp/form_smartlink.php
スマート振り分けQRコード | QRのススメ
QRコードひとつで携帯キャリア・スマートフォンOS毎・タブレット端末OS毎に飛ばす先を設定できる。すげえ。いつか使いたい。

http://www.favicon.jp/favicon_auto_create/
Favicon Japan!! -ファビコン自動生成-
画像アップロードでファビコン自動生成

ファビコン

http://www.favikon.com/
favikon(英語)
画像アップロードでファビコン自動生成。アップロード後に微調整できるのが便利。

当ブログのファビコンはAll In One FaviconというWordPressプラグインで設定しています。

—– ↓20130307 追記 ここから↓ —–

現在は「WP Total Hacks」というプラグインで表示させる方法に変更しています。

—– ↑20130307 追記 ここまで↑ —–

リンク先サムネイルを表示

http://mozshot.nemui.org/
Mozshot(英語)
リンク先のサイトのスクリーンショットを自動生成。生成してサムネイルが実際に表示されるまでちょっとかかる。
ちなみにこの記事で使っているリンク先サムネイル表示はBM shotsというWordPressプラグインで以下略。

—– ↓20130307 追記 ここから↓ —–

現在は「Browser Shots」というWordPress公式プラグインを使って、リンク先サムネイルを表示させています。
Browser Shotsプラグインの設定方法・使い方をまとめた記事を書きました。よろしければこちらもどうぞ。
【改訂版】URLからスクリーンショットを取得する「Browser Shots」プラグインの使い方+おまけ|趣味の半畳

—– ↑20130307 追記 ここまで↑ —–

ダミーテキスト

http://lipsum.sugutsukaeru.jp/
すぐ使えるダミーテキスト – 日本語Lorem ipsum
夏目漱石、宮沢賢治

http://webtools.dounokouno.com/dummytext/
ダミーテキストジェネレータ | Web制作小物ツール
坊ちゃん、徒然草他

http://cupcakeipsum.com
Cupcake Ipsum(英語)
ひたすらお菓子とか甘い物関連の単語や文章を生成するジェネレータ。
段落、文章の形式も選べるしサイトデザインも可愛い。

◆コーディング系

文法・構文確認

Another HTML-lint gateway
HTML文法チェッカー

—– ↓20130307 追記 ここから↓ —–

サービスが終了していたようなので、リンクを削除しました。

HTML5の構文チェックはこちらのサイトで行えるようです。

http://www.htmllint.net/html-lint/htmllint.html

Another HTML-lint 5

2013年3月現在、HTMLのタグチェックは、こちらのブックマークレットを愛用しています。
主にタグの閉じ忘れの確認に使用しています。いつもありがとうございます。

http://tockri.blog78.fc2.com/blog-entry-168.html

HTML内タグの閉じ忘れをチェックするツール[ブックマークレット]|とっくりばー

—– ↑20130307 追記 ここまで↑ —–

http://jp.piliapp.com/php-syntax-check/
php の構文チェック
php構文チェック。WordPressのテーマ弄くった時とかに使う。

ブラウザ別表示チェック

http://browser-shots.org/
Check Browser Compatibility, Cross Platform Browser Test – browser-shots(英語)
クロスブラウザ表示チェックをまとめて

http://vs-ie.info/

【VS-IE】 IE6対策テクニック

まあブラウザ毎の表示テストはFirefox,Opera,Safari,Google Chrome,IE6を制作用パソコンに突っ込んでいちいち全部で開いて表示チェックしとります。

http://www.vcarrer.com/2009/02/sketchbook-for-web-designers.html
Sketchbook for web designers | Carrer Blog(英語)
ワイヤーフレームは手書き派なので、こちらのテンプレートをプリントしてごりごり描いてます。web 10pxが使いやすい。

◆フォント系

http://aulta.jp/tools/design/fontsview/
ロゴ作りに、フォントビューワ! | 株式会社オルタ
パソコンにインストールされてるフォントがずらっと表示。表示させるテキスト・文字サイズ・色・背景色変更可能
(表示が重いかも)

http://font.colorfull.jp/
Your PC’s Font Viewer!!(英語)
上記サイトの英語フォントオンリーみたいな感じ
表示させるテキスト、文字色、サイズ変更可能

http://decomoji.jp/
デコもじ
ウェブフォント。使ってみたいけどきっかけがないな

◆WordPress

http://ja.wordpress.org/
WordPress | 日本語
WordPress 日本語ローカルサイト。最新版ダウンロードしに行く。
あとWordCampとか催し物が気になってるけどなかなか都合がつかない。
遠征もありますしねー

今すぐ WordPress.com のアカウントを作成 | WordPress.com
新規作成のたびにアカウントが要るのでここは必須

WordPress.com API Key
APIキーの取得方法が変わって取得にずいぶん苦心した思い出。
WordPress.comアカウントにログインした状態でここにアクセスするとAPIキーが表示される

◆個人的なお気に入りとかよく使うサイト

http://www.downforeveryoneorjustme.com/
Down for Everyone Or Just Me(英語)
URLを入力して「or just me?」をクリックすると、そのURLのサイトが落ちてるのか、あるいは自分だけ見れない状態なのか教えてくれる。
「It’s just you.」だと「見れないのはお前だけだよ!」ってこと。

XREA 障害メンテナンス情報
CORESERVER 障害メンテナンス情報
見たくなくても見なきゃいけない

ftp://ftp.mozilla.org/pub/mozilla.org/firefox/releases/
Firefoxの過去のバージョンをダウンロード

http://thecolourclock.co.uk/
The Colour Clock
時計。1秒ごとにじんわり背景色が変わっていく。ぼけーっと眺めてしまう。綺麗。

とりあえずブクマに埋もれていたのをこのくらいでーー。
まだまだ大量にあるけどそれはまた別の機会にまとめたいです。

【201203現在】Web制作関係あたりで個人的にブクマしてるサイトさんまとめ” への1件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。