Safari拡張の作り方 - os0x.blog
Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」:phpspot開発日誌
ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」 2010年06月10日- Video LightBox - Embed video to your website with beautiful Lightbox effect! ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」。 名前から推測するに、単に動画をLightBox化しただけでしょう、と思いきやなかなか素晴らしいプラグインになっていたのでご紹介です。 動画のサムネイルを次のように様々なスキンによって修飾できます。クリックすればニュイーンとLightBox表示されるというオシャレさ加減がいいです。 更に埋込可能な動画形式が豊富で、flv, mp4, 3gp や、外部動画サイトのYoutube, Facebook, Goo
かわいい上にハイクオリティなフリーのアイコン集
ブログ用からEコマース用まで、極小サイズ、手書き風、折り紙風などシンプルでかわいいフリーのアイコンをIconDockから紹介します。 IconDock キャプチャのアイコンは「20 Free Marker-Style Icons」 IconDockで配布されているアイコンから、フリーのものだけを下記にピックアップしました。 有償のアイコンでは更に素敵なアイコンセットが用意されています。 Stock Icon（有償のアイコンページ）
いまさら聞けないiPhone/iPadアプリの作り方の基礎
いまさら聞けないiPhone/iPadアプリの作り方の基礎：SDKで始めるiPad/iPhoneアプリ開発の勘所（1）（1/4 ページ） 初めてiPhone/iPadアプリ開発に挑戦する人が、迷わず短時間でアプリを作れるように、数多くの情報の中から要点をグっと絞った開発の勘所を紹介する入門連載です 迷わず短時間でiPhone/iPadアプリを作れるように 皆さんのお気に入りのiPhone/iPadアプリは何でしょうか。筆者は、Googleカレンダーと同期してくれるスケジュール管理アプリがお気に入りです。いまでは目的のアプリを探すのも大変なほど、日々多くのiPhone/iPadアプリが登場しています。 6月8日にはiPhone 4の発表があり、マルチタスクやモバイル広告ネットワーク、ゲーム開発など、iPhone OS改め、iOS 4で実現できる機能がたくさん追加され、さらに魅力的になりました
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla
【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL（zip：12kb） HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ？とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な？話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
フリーで使える15のHTML5＋CSS3なテンプレートファイル:phpspot開発日誌
15 Free HTML5-CSS3 Templates to Start the Future of Web Design | blogfreakz.com フリーで使える15のHTML5＋CSS3なテンプレートファイルが公開されています。 それぞれ地味なようでいて、HTML5やCSS3のテクニックをふんだんに使っています。 素材として使ってもよいですし、１つの学習用リソースとして活用してみるのも有益ですね。 関連エントリ ハイセンスにデザインされたHTML/CSSテンプレート集 CSSテンプレート配布サイト色々まとめ フリーのビューティフルなCSSテンプレート沢山「Css 4 Free」 フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 使えるCSSレイアウトテンプレート集「mycelly.com」
iPhoneユーザが目の色を変えるAndroidの機能紹介(1) - インテント
■ iPhoneユーザが目の色を変えるAndroidの機能紹介(1) - インテント あ、なんか釣りっぽいタイトルになってしまった(笑)。 いやね、行く先々で「たださん、Androidどうですか」って聞かれるんだけど、けっこうみんな、Androidのこと知らないんだよ。GoogleがAppleに対抗して作ったiPhoneOSの真似っこにすぎなくて、たいして違わないと思い込んでる(白状すると、おれもそう思っていた)。で、iPhoneとの違いを重点的に説明してあげると、「わー、いいなー」っていう反応がかなり返ってくるんだな*1。 というわけで、(だんだん個別に説明するのが面倒になってきたので)ウケのいい機能をいくつかピックアップしてみようと思う。まずはマルチタスクOSの面目躍如、アプリケーション間連携機能「インテント」について。 iPhoneで撮った写真をメールで送るという場面を考えてみる。i
「えっ・・・意味わかんない」思わず我が目を疑う動画。:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
これは反則！！ 猫好きが必ず悶え死ぬサイトを見つけたｗｗｗ：アルファルファモザイク
■編集元：ニュース速報板より「猫好きが必ず悶え死ぬサイト」 1 アブラボテ(東京都) :2010/06/07(月) 13:54:51.60 ID:U6qyaWTU ?PLT(12001) ポイント特典 これは反則！！ 猫好きが必ず悶え死ぬサイトを見つけた。 http://nylongirls.jp/topics/2010/06/love-meow.html ね、猫なんて、カワイイと思わないんだからね！などとツンデレしちゃったりするあなたでも、絶対に萌死ぬサイトを見つけたのでご紹介しましょう。 そもそも名前からして反則な、その名も「Love Meow」というこのサイト。これでもかこれでもか！とばかりに愛らしい猫写真のオンパレードなんです。 哺乳瓶からミルクを飲む子猫......。 物陰から覗く子猫。さらに舌をペロッ......。 僕、生まれたばかりなんだ......。 白猫
日本語版 WordPress チートシート | Webクリエイターボックス
2024年7月21日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも！」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト！ WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P
ウェブを保存して後で読む「Instapaper」のある快適生活の始め方（PC/iPhone/iPad連携） - ネタフル
PC/iPhone/iPadでウェブを保存して、後でPC/iPhone/iPadから読むことができる、いわゆる「後で読む」的な機能を複数環境で実現する「Instapaper」を始めてみました。 もちろん「Instapaper」の存在は知っていたのですが、これまでの自分の環境ではそれほど必要としていませんでした。 しかし「iPad」の登場により「何かを読む」ということが飛躍的に増えた＆やりやすくなったので、そろそろ「Instapaper」ということに相成りました。 それではユーザ登録の方法からご紹介です。 ユーザ登録はコチラから。 メールアドレスでもユーザネームのどちらでも登録できます。 が、パスワードを忘れた際にリカバリできないのと、将来的にメールアドレスを利用したサービスが登場するかもしれないので、メールアドレスで登録して方が良いかもしれません。 また、アカウントのところで、パスワードも
クックパッド株式会社 に行ってきた！ - 941::blog
わたし アイ！マイ！まいん！ はりきってマイペース～っとくらぁ。 はろー、くしいです。ずっとね、「クックパッド行きたい！」ってお星様に お願いをしていたんですよ。そしたら呼んでいただけましてね。ありがたい！ クックパッド株式会社は、30代女性の3人に1人が利用する日本最大の料理サイト 「クックパッド」を運営している会社さん。イマドキご存じない人はいないと 思いますけど、知らん！ていう方はこの機会に是非。 詳しくはこちら。 クックパッドいうたら会社のエレベーターで20台前半っぽいOLさんが 「クックパッドっていうサイト知ってる？」 「あ、知ってるー。よく見るー」 「そーなんだー。昨日ツナとトマトのパスタ作ってみたら超おいしかったー」 「へー、パスタおいしいよねー」 「なんだけど、欲張ってツナ缶２つ入れたら味薄くなっちゃったｗｗ」 「あたしも作ってみよーっと」 とか、普段の会話で言っていて何か
これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム:phpspot開発日誌
これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム 2010年06月07日- Plugins | jQuery Plugins これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム。 なかなかリッチなUIとGoogleカレンダーばりの操作性を持つ便利なスクリプトになっています。 Googleカレンダーに登録するのもよいのですが、ちょっと外部に流したくないこととかも結構あるので、自前で構築したいというニーズもあるのではないでしょうか。 タイムライン上をドラッグ＆ドロップして予定を入れられます。ポップアップがでるので予定を入れます。日本語もOK 見ての通りUIもなかなかいい感じです。 スケジュール管理等に活用できますね。 関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-w
iPadのSafariに不足しているものを補う - ザリガニが見ていた...。
指でダイレクトに触ってなめらかに反応する、あのiPadのUIは、あっという間に使う人々を魅了する。しかし、そのまま使い続けているうちに、実はMacBookのようなマウスを利用したUIほど細かい操作ができないことに、いずれ気付く。 iPadのUIには、指先での操作を考慮して、適度なサイズと間隔が保持されている。そのため、マウスのUIほど機能を詰め込むことが出来ず、厳選した機能のみが提供されることになるのだろう。 iPadのSafariに不足しているもの それにしても、今のSafariにどう考えても不足していると感じる機能が、二つある。 表示中のページを閉じる機能 ページ内検索 表示中のページを閉じる機能 例えば、http://b.hatena.ne.jp/hotentry で、気になる記事へのリンクをクリックすると、新規ページが開いてリンク先にジャンプする。 気になる記事を読み終わったら、今
UT-VPN Web サイト - 筑波大学 VPN オープンソースプロジェクト
UT-VPN は SoftEther VPN プロジェクトにしました NEW! 2013 年 7 月 25 日、「SoftEther VPN プロジェクト 日本語版」が以下の Web サイトで公開されました。 http://ja.softether.org/ また、同日 SoftEther VPN 1.0 (フリーウェア) 日本語版が上記 Web サイトで公開されました。これにより、「UT-VPN プロジェクト」は「SoftEther VPN プロジェクト」に移行しました。 今後は UT-VPN のバージョンアップの予定はありません。UT-VPN に加えて L2TP/IPsec や OpenVPN などのプロトコルに対応した最新の SoftEther VPN 1.0 をご利用ください。SoftEther VPN 1.0 は 2013 年中頃にオープンソース化する予定です。今後の開発は So
五歳からのプログラミング＠MITメディアラボ - My Life After MIT Sloan
プログラミングって、ある意味最強の表現手段なのだと思うときがある。 例えば先日書いた私の欲しい電子書籍のアプリや出版社が実現すべき電子教科書も、 私がプログラミングのような表現言語を持っていれば、私が見ている未来の世界を製品にすぐに実現して、世の中に広めることが出来るのに、と思う。 でも、私にはそういう表現手段が無いから、一生懸命、色んな言葉で表現するのだ。 それが、自分でモノが作れる人たちやコンテンツをもってる人たち（教科書会社とか）の目に届いて、一緒に未来を作っていければ・・と願いながら書いている。 もっとも私も一応FORTRANとかC++はかつては少しは書けたので（もう錆ついてるが）、 ちゃんと勉強すればObjective-CもJavaも書けるようになるのかもしれないが・・。 このように、いくら頭の中に未来のデバイスやアプリの姿を詳細まで想像できても、 プログラミングなどの表現手段を
プログラマーが覚えておくべき10のLinuxコマンド。 - このブログは証明できない。
ls -l 上司が通りかかったときに使うコマンド。 date 出社後、朝イチで使うコマンド。 su ログインしたら必ず最初に使うコマンド。 apt-get moo 仕事中に2ch見てたときに使うコマンド。 who 自分が何者かわからなくなったときのコマンド。 yum search 愛 No Matches found banner KAERITEEEE 大声で叫びたいときに使うコマンド。 halt 定時ダッシュ前に使うコマンド。 wget -r -l 1 -A .jpg -H -D blog-imgs-42-origin.fc2.com http://kanasoku.blog82.fc2.com/blog-entry-13978.html オカズ画像をダウンロードするコマンド sudo rm -rf / 何もかも忘れて幸せになれるコマンド。 プログラマーが覚えておくべき10の英語フレーズ
[JS]使い方も簡単、画像をフェードで切り替える超軽量スクリプト -hoverFade
既存のページに導入するのも簡単な画像をフェードで切り替えるスクリプトをDan Wellmanから紹介します。 フッタのアイコン 実装方法 フェードで切り替える画像のエレメントに対して、hover時に画像が切り替わるように設定します。その際に使用するクラス名は「hover-css」が初期設定です（変更可能）。 これはもしJavaScriptがオフの環境でも、ホバーがCSSで行われるようにするためです。 次にスクリプト用のクラスを用意します。初期設定は「hover-anims」で、「hover-css」と同様に画像が切り替わるように設定します。 これはスクリプトで利用するクラスで、その際にCSSのクラスは削除されます。 jquery.jsとhoverfade.jsを外部ファイルとして配置します。記述位置の理想はHTMLの終わりです。 HTMLにさきほどのCSS用のクラスを記述します。 また、初
SEOの効果を大きく左右するキーワード選びの注意点 | パシのSEOブログ
SEOはキーワード選びが最も重要と言っても過言ではありません。ビッグワードに頼り切った対策はリスクが高いですし、アクセス数の多いキーワードを無視してロングテールキーワードを重視する事も賢いとは言えません。検索順位が大変動した場合に慌てない為にも、バランスの取れた取り組み方が必要です。 キーワードのグループ分け 上図はSEO関連のサイトを作る場合のキーワード例です。メインキーワードはトップページで上位表示を狙い、サブキーワードはサブページ、ロングテールキーワードはサブページの文中で使うようなイメージです。 関連性の高い低いは、明確に分けることは難しいのですが、対策を行なっていく優先順位としては、関連性が高い方からという事になります。関連性が低いサブキーワードについては被リンク集めとして有効ですが、必然的にコンバージョン率は低くなります。 メインキーワード メインキーワードは、基本的には1つに
簡単！たった１３行のコードでHTML取得＆解析をするPerlスクリプト - DQNEO起業日記
１３行のコードで、Yahoo!Japanのトピックス一覧を取得する！ PerlでHTML取得・解析したいときはLWP::UserAgentとHTML::TreeBuilderというのを使うと簡単にできます。 LWP::UserAgentを使うと、Webページの取得ができます。 HTML::TreeBuilderを使うと、HTMLのDOM解析ができます。 この２つのモジュールを使って、Yahoo!Japanのトピックス一覧を取得してみましょう。 コメント行と空行を除くとたったの１３行です。 use strict; use warnings; use LWP::UserAgent; use HTML::TreeBuilder; # urlを指定する my $url = 'http://www.yahoo.co.jp'; # IE8のフリをする my $user_agent = "Mozilla
ポストイットが活躍してます - jkondoの日記
最近はてなココやうごメモはてなのコンセプトをブレスト的に考える機会が立て続けにあったのですが、ポストイットを使ってみんなにアイデアを書いてもらう方法でやると比較的うまくいったので紹介します。 ポストイットとペンをたくさん用意 目的とみんなに出して欲しいアイデアを説明 3つずつアイデアを書いてもらう 順番に発表して机に貼り付けていく 良いと思ったものに名前を書いてもらう 名前が入ったものを残して、それぞれについて感想や物足りないところなどを言う 議論を踏まえてもう一度3つずつ書いてもらう＞4に戻る という感じで2周くらい回すとそれっぽいアイデアに収斂していくので、一定時間で確実にアウトプットが出るように感じました。 普通に会議をやってると発言力が強い人ばかり喋っていたり、発言するのに気を使ってしまったり、アイデアを考えているようで実は考えていない状態だったりします。でもポストイットとか紙に書
ただの道路に駐車スペースを生みだして駐車している女性
北京市内のメインストリート・長安街は、やはり都会の中心ということもあって路上駐車が多発。ちょっとした荷物の積み降ろしはともかく、あまり長く駐車されるととても迷惑です。これは、そんな路上駐車をしている人の中でも特に悪質な事例を見つけたというムービーです。 ムービーの再生は以下から。 長安街牛姐停车完整版大公開！！！最后的鍊接讓真相大白！ 一ヶ所だけパーキングメーターのようになっている場所を発見。 ちょうど車の持ち主の女性が帰ってきたので、撮影者はその空きスペースに止めようとしたのか後ろに停車。 車は動き始めるとすぐに停車し、運転手が出てきました。 何をするのかと思いきや、駐車スペースを回収し始めました。 電柱に取り付けられていた標識も回収。まさかダミーだったとは……。 こうして、女性は駐車スペースを片付けると颯爽と走り去っていきました。 なんというか、まさに「その発想はなかったわ」という感じ
DPIは悪なのか?「ネット全履歴もとに広告」総務省容認 課題は流出対策」について思うこと。：ASSIOMA：オルタナティブ・ブログ
大手SIerにてSalesforceビジネス推進/プリセールスエンジニア/Evangelist業務を担当。 所有資格:Salesforce.com認定 SalesCloud/ServiceCloud/Pardotコンサルタント、 著書:IPv4アドレス枯渇対策とIPv6導入
Unlha32.dll等開発停止、LHA書庫の使用中止呼びかけ - Claybird の日記
今日ではほとんどのウイルス対策ソフトが書庫ファイルに対しウイルスチェックを行う機能を備えているが、多くのウイルス対策ソフトで「LZH書庫ファイルのヘッダー部分に細工を施すことでウイルスチェックを回避できる」という脆弱性が存在するとのこと（LZH書庫のヘッダー処理における脆弱性について）。 Micco氏はこれをJVN（Japan Vulnerability Note、JPCERTおよびIPAが共同運営する脆弱性情報集積サイト）に報告したところ、「不受理」となったそうだ。ZIPや7z形式の書庫にも同様の問題があるものの、そちらは「脆弱性」として受理されているとのこと。Micco氏曰く、 「ベンダー， JVN / IPA 等共に『LZH 書庫なんて知らねぇ～よ』という態度から変わることはない」と判断できましたので， UNLHA32.DLL， UNARJ32.DLL， LHMelt の開発を中止す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
Love Meow - for Ultimate Cat Lovers
Engadget | Technology News & Reviews
Engadget | Technology News & Reviews
http://www.designwalker.com/2010/06/html5-template.html
-- Your PC's Font Viewer!! --
ごりゅご.com