ウェブページの要素を一瞬で調べられるブックマークレット「XRAY」 - あなたのスイッチを押すブログ
ブックマークレットとは… ブックマークレットは、ブラウザのブックマークに登録しておく事で使える便利機能。登録したブックマークレットを使用すると、ウェブページが表示されるのではなく、ウェブページ上で何かしらのアクションを起こすことができます。 例えば、私のブログの画像サイズを調べたいとします。そうしたら、予め登録しておいたブックマークレット「XRAY」を選択します。（※ブックマークレットの登録の仕方については後述します） すると、画面上にメニューが表示されます。 この状態で、調べたいウェブページ上の要素をクリック。すると、ページの遷移はせず、先ほどのメニューに要素の詳細が表示されるんです。要素上にもタテヨコのサイズが表示されていますね。 メニューの中には画像のサイズだけでなく、marginやpadding、要素の持つclassなども表示されます。 人のウェブページを参考にしながら自分のブログ
毎日のソーシャルを記録しよう！回数をつぶやくActterというWEBサービスを作成、公開しました。
This domain may be for sale!
[Å] ブログカスタマイズに便利なツール、Chromeの「要素の検証」の使い方をご紹介！
[Å] ブログカスタマイズに便利なツール、Chromeの「要素の検証」の使い方をご紹介！
![[Å] ブログカスタマイズに便利なツール、Chromeの「要素の検証」の使い方をご紹介！](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c9c1cd8f93c96b173a59e68bf9ab6b6f9e72ec2/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2F2014%2F04%2FslooProImg_20140407002802.jpg)
最近お世話になったWeb制作に関するお役立ちツール＆プラグイン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの白浜です。春ですね。4月生まれなので春はなんだか気合が入ります。 さて、挨拶とは関係ありませんが、最近Web制作をする上で役に立ったツールやプラグインをご紹介したいと思います。 画像作成編 無料で半透過マルチアイコンやファビコン（favicon.ico）作成 http://ao-system.net/alphaicon/ アルファチャンネルを持った綺麗なマルチアイコンが一発で作れます。仕上がりが綺麗だったのでお気に入りです。favicon画像作成のお供に。 OGP画像シミュレータ | og:image Simulator http://ogimage.tsmallfield.com/ 画像をアップロードするだけでFacebookのタイムライン上にどのようにトリミングされて配置されるかを一発でシミュレートしてくれます。 「あっこのままだとロゴが欠ける…」とかぱっと見で
2013年Web制作に使い始めてよかったツール・サービスまとめ 〜そして時は2014年へ〜
2013年Web制作に使い始めてよかったツール・サービスまとめ 〜そして時は2014年へ〜 2013.12.19 | この方法お勧めです！ | 初心者向け | 制作あるある 皆様しわっす。WP-Dではジミーな技術系記事を書いてますエメラルドこと井村です。 パープルリーダーから「ゆく年くる年」というお題をいただきまして、たまにはまとめ記事的なものを書いてみたいと思います。 日々新技術に猛進する猛牛のような制作者の皆様には役に立たない記事だと思うので、日本酒でもたしなみながらくるくるスクロールしていただければこれ幸いであります。 個人的な話になりますが2013年3月に独立しまして、制作環境なども自分の好きな物を使うことができるようになりました。またフリーランスにとっては作業効率が自分の手取りに直結するので、作業の自動化・効率化は死活問題でもありますよね。 紹介しているツールやサービスは2013
Coveloping
box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 Coveloping 便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。 これからもどんどん増えていくそうです。 その中から、いくつか紹介します。
スクショ サイト WebSnapr
construktiv ist eine fortschrittliche und nachhaltig wachsende Digitalagentur mit über 100 Mitarbeitenden an den Standorten Bremen, Berlin und Erfurt. Gegründet 1997 von Kai Tietjen, umfasst die Agentur heute die Geschäftsbereiche Social Media & Influencer Marketing, Digital Advertising, Content Marketing & SEO sowie Web & Commerce. Zu den Kunden zählen Marken wie das Deutsche Rote Kreuz, congstar
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これはいい！HTML5とCSS3の便利なツールがまるっと揃っている -Web Directions
jQuery MobileかんたんCSSジェネレーター