ウェブ制作必携ブックマークレットまとめ

ブックマークレットとは?

ブックマークレット (Bookmarklet) とは、JavaScriptで記述されたプログラムのことです。
ブラウザのブックマークに登録して利用します。JavaScriptが利用できるブラウザであれば、WindowsやMac・IEやFirefoxやOperaやSafariやGoogle Chromeなど、あらゆる環境で利用ができます。
実に色々なブックマークレットがありますが、その中でウェブ制作などで活用できる便利なスクリプトをご紹介します。


XRAY

CSSレイアウト情報をレイヤー表示
01

SpriteMe

CSSの背景画像を解析
02

グリッドレイアウトブックマークレット

背景画像が格子状のグリッド表示になります。body要素に対して設定するので上物で大きい背景を敷いていると見えない場合もあります。
03

Rule

サイトにルーラー(定規)やガイド線を出します。
04

wg:CSS Bookmarklet – Show divs and spans

ページのdiv要素とspan要素を点線にして可視化。カラム割の解析とかに超便利。
05

CSSを無効化するブックマークレット・改

CSSの適用をオン・オフ切替。
06

ブラウザのウインドウサイズを変えるブックマークレット

ウィンドウの幅と高さを変更するブックマークレット。

Check Password

アスタリスクで隠されたパスワードを確認できます。自分の入力した文字を確認するとき便利です。
08

ページ編集モード

表示中のページを編集可能にします。
09

参考・オススメサイト

Jimdo

オススメ書籍

10日でSEO&アクセスアップ Jimdoデザインブック

かっこいいだけではなく、人が集まるホームページを作る!

「Jimdo」(ジンドゥー)でのホームページの作成方法と運用方法を解説した書籍。解説記事を順番に読み進めて行くことで、Jimdoを使ったホームページの作成・運用・宣伝・集客の基本を、10日間で習得するのが本書のコンセプトです。12章構成の解説の中で、Jimdoの基本操作とホームページの作成、デザインとコンテンツ(内容)のレベルアップ、そしてSEOやリスティング広告を含む宣伝・集客の基本を解説しています。

コメントを残す

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

CAPTCHA


ABOUTこの記事をかいた人

株式会社マジカルリミックス 代表取締役CEO/JimdoExpert 宮城県出身。コンピューター系の専門学校を卒業後、仙台のデザイン会社に入社。 Webサイトのデザイン・コーディングをはじめとし、各種デジタルメディアのデザインに従事。2002年退職後すぐにマジカルリミックスを創業。2007年に法人化で株式会社マジカルリミックスを設立。Webサイト運用に関するコンサルティング、社内向けITトレーニング、セミナー出演、執筆など。2005年から仙台の専門学校で、非常勤講師としてWeb制作講義を担当。主な著書に『10日で作るかっこいいホームページ Jimdo(ジンドゥー)デザインブック』(エムディエヌコーポレーション)『HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。』(共著、同)『基礎から覚える、深く理解できる。Webデザインの新しい教科書』(同)。