WebサイトがどのCMSと技術で作られているかが分かるGoogleChrome拡張機能「Wappalyzer」 – ワードプレステーマTCD
「このサイトはどのCMSや技術でつくられているのか」 それが一目で分かるGoogleChromeエクステンション「Wappalyzer」をご紹介します。「Wappalyzer」を使えば、ブラウザにこのように表示されます。 「Wappalyzer」をインストールする GoogleChromeブラウザを開き、下記ページから「Chromeに追加」をクリックします。Firefoxをお使いの方は右側のボタンからどうぞ。 Chrome版 Firefox版 以上でインストール完了し、ブラウザの右上に表示されるようになります。WordPressを使っているサイトであれば、ブラウザからひと目で分かるようになりますね。また、アイコンをクリックすると、インストールされているWordPressのPHPバージョンや使っているアクセス解析ツールなども見れるようになります。 WordPressを使っているかどうかもひと
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
いますぐインストールしたい７つの Safari 拡張機能（＋α）
むむむ、Chrome をメインで使っている私ですが、こんな記事がでてくるとまた Safari に戻ろうかと考えてしまいます。 the Apple Blog でいますぐインストールしたい７つの拡張機能という記事があり、なかなか便利な拡張機能が紹介されています。 元記事は記述だけでしたので、なるべく画像も含めてご紹介。 AdBlock いわずと知れた広告ブロック機能です。単に広告を消すだけでなく、ブラックリストやフィルター、そして例外サイトも定義できます。e-mobile で出先からアクセスすることが多い昨今、大容量の広告を押し付けてくるサイトはこれでブロックしておくと便利そうです。 Type-To-Navigate この機能にはグッときました。マウスでリンクをクリックしなくても、リンクの文字列を数文字入力するとその部分がハイライトされて、Enter キーを押すだけでリンクに飛ぶことができます
良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!!
フリーランスでWEB製作をされている@sou_labさんから ドラッグ＆ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です！！ ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。 実はわたしは今まで作ったことがなかったのですが、 しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとは そんなワイヤーフレームですが、自分用ならともかく クライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方
「Page Speed for Chrome」登場、日本語を含む40言語に対応 | エンタープライズ | マイコミジャーナル
Google Chrome runs web pages and applications with lightning speed. Googleは3月22日(米国時間)、WebページやWebサイトのパフォーマンス分析ツールのChrome版「Page Speed for Chrome」を発表した。 Page SpeedはWebページ/サイトのパフォーマンスを分析して改善点を提示するツール。これまではFirefox/Firebugアドオンとして提供されてきた。Chrome版が提供されたことで、FirefoxとChromeの双方でPage Speedが使えることになる。 Chrome版のPage SpeedはFirefox/Firebugアドオンと同じコア機能を備えるほか、先行して次の2つの機能が実装されている。 スコア付けと改善策提案順序を最適化。より効果が見込める最適化がより上位に登場す
CSS属性フォーマット Version 0.2 – cyano
CSS属性フォーマット Version 0.2 をリリースしました。この拡張機能はCSSのセレクタ内の属性を指定した順番にフォーマットしてくれるものです。Version 0.2では属性を整列する順番を設定するダイアログを付けました。 CSS属性フォーマット Version 0.2をリリースしました。この拡張機能を使うとバラバラになりがちなCSSの属性を、位置を指定するもの→ボーダーを指定するもの→・・・といった具合にに並び替えることが出来ます。この拡張機能はDreamweaver 4以降で動きます（MX2004でしか検証してませんが…）。インストール方法は上のリンクからCSS_AttrFormat020.mxpをダウンロードしてダブルクリックするとExtensionManagerが立ち上がり、自動的にインストールされます。 この拡張機能はCSSのセレクタ内の属性を指定した順番にフォーマット
任意の今見ているWebページをどこでもシェアして「いいね！」して他の人のアクテビティも覗けるChrome拡張-Facebook Social Plugin - 適宜覚書-Fragments
任意の今見ているWebページをどこでもシェアして「いいね！」して他の人のアクテビティも覗けるChrome拡張-Facebook Social Plugin 多機能過ぎて困っちゃうくらい楽しいChrome拡張です。筆者は同様の機能の拡張を検証しまくってこれに決めました。とにかく快適です！ 整理しますと大きく3つの機能があります。ちなみにこの拡張、Facebookアカウントを持っていてもいなくてもそれぞれに便利に使えて、今見ているサイトの指標確認にも使えます。「Facebook？ケッ、実名厨の巣窟御用達かよ？」と見切ってしまわず触ってみることをお勧めします（＾＾。 今見ているWebページをどこでもFacebookに「シェア」出来ます 今見ているWebページをどこでもFacebookに「いいね！」を付けられます 今見ているWebページまたはサイトでの他の人のFacebookへのシェア、いいね！関
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
はてなブックマークをSafariから快適に利用する機能拡張を開発しました。 - 5.1さらうどん
JavaScript, extention | | 先日、Safari5が正式リリースされて、試しに使っていたのだけど、とてつもなく秀逸でしばらくメインブラウザとして使っていました。爆速だし、UIは綺麗だし、拡張機能までサポートされて最強すぎる！唯一の不満点として、Safariでネットサーフィンすると、はてブへの登録やブコメの閲覧が非常に面倒だったので、拡張機能を自作してみた。近いうちに公式で配布されるような気もするけど・・・。 インストールHatena Bookmark for Safariこちらからどうぞ。 主な機能マウスオーバーでコメントを表示右下にページのブックマーク数が表示されます。ブコメが付いている場合、マウスオーバーでコメントビュアーが表示されます。 ちなみに、コメントビュアーのデザインについては、Firefox向けのHBカウンタという拡張のデザインを拝借させて頂きました。m
iPhone向けサイト制作ノウハウ＆拡張機能「iPhone site extension for Dreamweaver CS4/5」 | デベロッパーセンター
iPhone（iPhone 3G/3GS）／iPod touchは、PC向けサイトがそのまま表示できるところが大きな魅力の一つです。しかし、小さな画面や、指で操作するとインターフェイスなどのようにデバイス特有な面も多く、PC向けサイトのままでは必ずしも見やすいとはいえません。そこで本記事では、Dreamweaverを使ってiPhone向けサイトを作る時のテクニックや注意点をご紹介します。 必要条件 この記事を最大限に活用するには、次のソフトウェアが必要です。 Dreamweaver CS5 体験版 今すぐ購入 制作したサイトの表示結果を確認する方法 ライブビューでプレビューする Dreamweaver CS5（および CS4）には「ライブビュー」機能が搭載されており、ページのレンダリングにはWebKitエンジンを利用しています。iPhoneのSafari（Mobile Safari）も
jQueryでもっとフォームを使い易くするプラグインのまとめ
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ Webサイトでフォームは大事ですよね。 使いにくかったり、分かりにくかったり、入力多ってなったり したら離脱しますよね。 そこで使い易いフォームに改善できるjQueryのプラグインをまとめました。 フォームに先に何を入力するかを入れておいてフォーカスされたら 消すとか必要な時だけにヘルプを表示させるなどフォームをもっと 分かりやすくするライブラりが紹介されてます。 あなたのWebを入力しやすくするjQueryプラグイン10選 チェックボックスやラジオボタンを見映え良く 【1】「Checkbox」 ドロップダウンの領域を節約し見映え良く 【2】「comb
Safari Extension のクラスリファレンスのようなもの - d.hetima
Safari Extensions Reference を参考に一瞥しやすいようにまとめました。言語仕様を無視したオレオレ表記方法ですみません。 global.html 終了時に body onunload で処理可能（アンインストール時にも呼ばれる）。 SafariExtensionSettings の値は Safari の初期設定ファイルに保存される(com.apple.Safari.plist に ExtensionSettings-extension.bundle.id-DEVELOPERID として)。 safari.application == SafariApplication safari.extension == SafariExtension safari.self == SafariExtensionGlobalPage class SafariExtension{
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Safari拡張の作り方 - os0x.blog
Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Safariの機能拡張「Awesome Screenshot」を使うとメモ付きスクリーンショットが簡単に作れる
Loading...
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
http://homepage.mac.com/drewthaler/jsblacklist/
Emoji Safari Extension — Convert emoji characters to icons automatically
screamo.jp