Macでブログを書くときに手放せないブックマークレット／ChromeExtentionなど7点（テンプレ／CSS付）
定型文のDivタグにはClass名が割り当てられていますので、以下の様な感じでCSSを設定しておくと、見た目を色々いじることも可能です。 Bookmarklet「Apphtml」先ほど紹介したヨメレバ／カエレバの姉妹パーツで「ポチレバ」というのがあるんですが、iPhoneアプリの紹介には慣れ親しんだ「Apphtml」を用いています。iTunes系のアフィリエイトがLinkshareからPHGに移行したころに、Web版ができたので最近はこちらを活用させていただいております。 使い方はとても簡単です。ApphtmlのWebページを開き、紹介リンクのフォーマットを選択し「検索」ボタンを押下すると・・・ アプリ名を入力し・・・ サーチ結果が正しければ「キャンセル」を押下 最後に、Htmlが出力されますので、これをコピーしてブログに貼り付けましょう。 ちなみに、Apphtmlで出力するテンプレート及
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
WEBデザインする人なら入れておきたいレスポンシブWEBサイト作成に役立つブックマークレット「Viewport Resizer」:phpspot開発日誌
WEBデザインする人なら入れておきたいレスポンシブWEBサイト作成に役立つブックマークレット「Viewport Resizer」 2012年11月02日- Viewport resizer - responsive design testing tool WEBデザインする人なら入れておきたいレスポンシブWEBサイト作成に役立つブックマークレット「Viewport Resizer」。 ブックマークレットをインストールして、自分のページで起動すれば、ページ上にツールバーが現れ、ツールバーのボタンをクリックで、小さいデバイスとしてサイトを開くことができてレスポンシブデザイン構築の際の動作確認に便利 単なるブックマークレットで害はないのでとりあえず入れておけば使えますね 関連エントリ レスポンシブなテーブルを作るjQueryプラグイン「MediaTable」 最初からレスポンシブなCSSデザイン
これぞレスポンシブ確認ツールの決定版！OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
