レスポンシブ対応CSSベースの軽量フレームワークのまとめ | コリス
そのままサイト制作に使ってももちろん便利、自分用のテンプレートを作るための勉強にも役立つCSSベースのフロントエンド用フレームワークを紹介します。 一部のフレームワークで古いIE用にmodernizr.jsやrespond.jsなどを使用しています。 Kube Kube -GitHub レスポンシブ対応、プロ仕様のシンプルでミニマルなフレームワーク。 ファイルサイズ 15.6KB 対応ブラウザ Chrome, Safari, Firefox, Opera, IE8+, and スマフォ用ブラウザ ライセンス 個人・商用ともに無料利用可 Base Base -GitHub レスポンシブ対応、ベーシックなUIエレメントやグリッド揃ったフレームワーク。LESS, Sassだけでなく、.htaccessを含むサイト制作用のフォルダやグリッドのPSDもセットになっています。 ファイルサイズ 3KB(
ChromeでもFirefoxでもIEでも！キャプチャ拡張機能の決定版「FireShot」が素敵だった - ウェブ企画ラボ
Chormeをメインブラウザとして使っていますが、キャプチャを取るのにしっくりくる拡張機能が無く不便でした。 でも、ついに見つけました！キャプチャをとるのに便利なChoromeの拡張機能「FireShot」を！ 今回は「Fireshot」を実際使ってみて便利だと思った点と簡単な使い方についてご紹介いたします。 「FireShot」の便利なところ 1.キャプチャの選択範囲を事前に選べる！ Fireshotはキャプチャできる範囲を事前に選ぶことができます。 選べるのは以下の4通り。 ページ全体をキャプチャ 見える範囲をキャプチャ 選択された範囲をキャプチャ ブラウザウインドウをキャプチャ 事前に選べるのでキャプチャした後に画像を切り抜く手間が省けます。 また、「選択された範囲をキャプチャ」や「ブラウザウインドウをキャプチャ」(ブラウザの枠ごとキャプチャすること)は他の拡張機能でなかなか見かけな
ウェブサイトの制作に携わる全ての人に役立つスタイルガイドを簡単に作成できる -Style Guide Boilerplate
ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します。 現役時代、独自のテンプレートを使ってましたが、こういう便利なものがリリースされる時代なのですね（遠い目 Style Guide Boilerplate Style Guide Boilerplate -GitHub Style Guide Boilerplateの紹介の前に、スタイルガイド未体験の人用にどのように役立てるか簡単に説明します。 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイトを効率的に管理する。 スタイルガイド制作のタイミングとしては、草案を制作中に作りつつ、納品時には定義が全て網羅されている状態がベストではないで
はてなブックマーク×Firefox記念 ノベルティセット欲しい！とは - はてなキーワード
はてなブックマークをFirefoxブラウザでもっと便利に使える拡張機能、「はてなブックマークFirefox拡張」が正式リリースされました。これを記念して、Mozilla Japan 様よりご提供いただいたFirefoxノベルティセットが当たる「はてなブックマーク×Firefox記念 ノベルティセット欲しい！」キャンペーンを開催いたします。 応募方法はかんたん。このキャンペーンページを自分のはてなブックマークに追加するだけで応募完了です。（はてなブックマークFirefox拡張を使ってブックマークするともっとかんたんです！） ブックマークに追加してキャンペーンに応募する！ まだはてなブックマークでページを追加したことがないという方も、下記リンクからはてなブックマークを利用開始いただけます。ぜひこの機会に利用開始して、Firefoxグッズを手に入れてください。
Mozilla Re-Mix: ケーブルもチューナーも無しで世界中のテレビチャンネルを試聴できるFirefoxアドオン「TV-FOX」
PCでテレビを見ることができるようになってからずいぶん経ちますが、最近では光ファイバーを使ったテレビ放送なども利用できるようになり、ますますPCでのテレビ視聴が充実してきています。 しかし、こうした放送を視聴するには、契約や月額料金などが必要となる上、専門チャンネルなども個別に契約しなければ視聴することができません。 また、光ファイバー経由のサービスを使わず放送を視聴したい場合は、アナログ・地デジチューナーなども必要となります。 こうしたことからテレビ視聴環境の導入を見送っている方も多いと思いますが、Firefoxに「TV-FOX」というアドオンをインストールしておけば、ちょっとしたケーブルテレビで見るような放送ならタダで好きなだけ見ることができるようになります。 「TV-FOX」は、Firefoxに常駐するツールバーから、世界各国の数千チャンネルのテレビ放送を無料で視聴することができると
Tomblooを使えばたった１秒で「はてなブックマーク」できる*二十歳街道まっしぐら（FC2ブログ時代）
「Tombloo」というFirefoxアドオンがあります。 これを使えば、簡単に「Tumblr」や「Twitter」その他Webサービスに投稿することができます。 いろんなサイトに対応していて、設定次第では手放せないツールになります。 そんな「Tombloo」を利用して，「はてブ」をする方法を以下にのせておきます。 （2009/03/07/14:24 キーボードだけでブクマする設定を追記しました） はてなブックマークレットを使っても簡単にブックマークすることができます。 しかし、ブックマークレットの仕様で多少使いづらいなあと思うところがあります。 一番気になるのは、ブックマークレットを押したとき！多分リロードしていますよね。 普通のウェブページだと大丈夫なんですが、 YouTubeやニコ動などの動画サイトでやると動画が再ロードされちゃいます。 あと、タグ付で、[はてな]みたいに [ と ]
Lingoesというポップアップ辞書が尋常じゃない - plaisir.genxx.com
Nikon D40 / Kyoto. パソコンで使えるポップアップ辞書環境についての続報です。以前記事を書いたように、かつてはDokopop＋PDICを愛用していたけれど、Firefox3ではDokopopが使えないため、Fast Look up Alcに移行したという話を前回書きました。しかし、辞書を引くためにいちいち単語を選択反転させなければならないのは煩わしく萎えてしまうので、Fast Look up Alcはほぼ利用しなくなりました。あれからいろいろと試行錯誤した結果、現在自分はこのようなポップアップ辞書環境に落ち着いています。1．Firefox3で利用する場合、2．PDFファイルを読むときに利用する場合という二つのケースを想定し、Dokopop＋PDIC、Mouseover Dictionary、Babylon、Lingoesという4つの手軽に利用できるポップアップ辞書ソフトをあ
サイトのデザインをしっかり確認できるFirefoxのアドオン -Pixel Perfect
Pixel Perfectは、ウェブサイトのデザインをピクセル単位でしっかり確認できるFirefoxのアドオンです。 Pixel Perfect Pixel Perfectは指定した画像をFirefox上に重ねて表示することができ、画像のポジションや不透明度を変更しながら、ウェブサイトのデザインを確認することができます。 画像を重ねて表示させるには、「Add overlay」をクリックして画像を登録します。
なんとなく、Firefoxの環境をまとめてみたくなったのでまとめてみた。 - jumiDiary
(2010.01.28追記)古い記事なのでもっといいアドオンとかがいっぱいある気がします。 夏休みで暇だし！ごめん嘘、現実逃避！！ 入れてるアドオン２９種類 基本的なアドオン Adblock Plus いらない広告を表示しないためのアドオン。 NoScript スクリプトを禁止したりできる。 Tab Mix Plus タブ周りを快適にする。 お気に入りなアドオン Easy DragToGo リンクや画像をドラッグすると、ドラッグした方向によって保存したり、新しいタブに開いたりできるアドオン。 中クリックが使えないノートPCとかには必須のアドオンだと思う。Drag de Goってちょっと高機能なのもあるけどFirefox3では動かないっぽい…？ Vimperator いろんなスクリプトを動かせるキーコンフィグいじりアドオン。 Vim本家のキーとか分からないので、自己流にキーコンフィグいじった
Mozilla Re-Mix: Firefox上でブログの管理・記事投稿ができるアドオン「ScribeFire Blog Editor」
Firefox上でブログ記事を作成して投稿したり、既存の記事を編集することができる高機能ブログエディタアドオン「Performancing」が、3.0に対応し、名前も新たに「ScribeFire Blog Editor」となってリリースされました。 これに伴い、日本語ロケールの追加、機能面の飛躍的向上などがなされており、かなり本格的なブログエディタとして実用的なツールへと進化しています。 「ScribeFire Blog Editor」は、Firefox上に専用のブログ編集ウィンドウを表示し、そこから新規記事の作成・投稿や、既存の記事の編集、画像や動画の検索および貼り付けなどを行うことができる高機能ブログエディタです。 代表的なブログツールであるWordpressやMovable Typeをはじめ、BloggerやTumblrにも対応しているエディタですが、MTベースのseesaaブログな
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
Mozilla Re-Mix: ページのトラフィック情報を表示して多角的に分析できるFirefoxアドオン「SearchStatus」（3.0対応）
Webサイトのトラフィック情報や、ページランクを確認するのにわざわざ個別サイトをチェックするのは面倒ですね。 それらの情報を、Firefoxのステータスバーなどに軽く表示してくれるアドオンが「SearchStatus」です。 「SearchStatus」は、Firefoxにインストールするだけで、アクティブページのGoogle ページランクやAlexaランクなどが確認でき、その他にも様々なトラフィック情報を得ることができるアドオンです。 インストール後、ステータスバーには見慣れたGoogle ページランク情報と、Alexaランクのバーが表示されます。 これだけならランクを知るだけでたいした意味はないかもしれませんが、「SearchStatus」は、バーを右クリックしてもっと多くの情報を得ることができます。 たとえば、Google ページランク表示部分で右クリックメニューを開いてみると、Go
知っていると便利なFirefoxの9つのショートカット | コリス
Incredible Firefox Keyboard Shortcuts Which You Probably Don’t Know About ショートカットはWindowsの表記です。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt [Shift] + [Enter] アドレスバーで「.net」を補完します。 [Ctrl] + [Shift] + [Enter]で「.org」の補完。 ※[Ctrl] + [Enter]で「.com」を補完。 [Alt] + [D] フォーカスをアドレスバーにします。 ※[Ctrl] + [L]も同じ。 [Ctrl] + [K]でフォーカスを検索バーにフォーカス。 [Ctrl] + [↑] or [↓]で検索エンジンの変更。 [Ctrl]+ [T] タブを新しく開きます。 [Ctrl] + [[Shift] + [T
ブラウザで Ruby on Rails 開発！ Heroku を使ってみよう - WebOS Goodies
Heroku は現在リミテッドβの状態なので、ユーザー登録を行うにはこちらのページでメールアドレスを登録し、招待メールが来るのを待たなくてはなりません。私が登録したときは 2 週間待ちだったのですが、現在はだいたい 1 日以内に招待が来るようです。ちょっと面倒ですが、ぜひサインアップして、 Heroku の素晴らしい世界を体感してみてください。 ・・・どうでもいいけど、サインアップのページにある看板はいったい。 無事にサインアップできたら、さっそくこちらのページから heroku にログインしましょう。すると、最初に以下のアプリケーション管理画面が表示されます。 heroku では同時に複数の Rails アプリケーションが開発できるので、この画面でそれらを管理するわけです。しかし、現在はひとつもアプリケーションが存在しませんので、新たに作成してみましょう。アプリケーションの作成は「Cre
HackAttack：Firefoxをマウスなしで使い倒す - ITmedia Biz.ID
いちいちマウスに手を伸ばさなくても、快適にFirefoxが使える──そんな便利でマストなキーボードショートカットを紹介する。（Lifehacker） Firefoxのキーボードショートカットを覚えてマウス操作を減らせば、Webサーフィンがもっと充実したものになる。特に、マウスがうまく動かないときに有効だ。 そう。皆さんお察しの通り、わたしはたまに（つまりしょっちゅう、ということだ）ワイヤレスマウスの充電を怠って、Lifehackerの原稿に取りかかるときにマウスが使えなくなっていることがある。 皆さんは今、こう思っているだろう。「この有線マウス嫌いの間抜けがたまにマウスの充電を忘れるってだけの理由で、わたしがFirefoxをマウスなしで使うアイデアに心引かれるとでも思っているのか？」。しかし、それがすべてではないのだよ！ わたしは、Webサーフィンの際にマウスに手を移動させなければならない
Gmailにタスク管理機能を追加するRemember The MilkのFirefox拡張がすごい！ | Google Mania - グーグルの便利な使い方
Gmailにタスク管理機能を追加するRemember The MilkのFirefox拡張がすごい！ 管理人 @ 12月 20日 12:02pm Firefox, Gmail（Gメール） 日本でも人気のタスク管理サービス『Remember The Milk』に新しいFirefox 拡張機能が加わりました。 インストールすると、Gmail 上にRTMが表示され、タスク管理することができます。メールと照らし合わせながらタスクを入力していけるので、これは便利です。 でもまだまだ、それは機能の一部分です。この拡張機能は本当にスゴイ！！ 後で返事しなければいけないようなメールにスターマークをつけるか「ToDo」のような特定のラベルをつけると、自動でタスクを作成してくれます。（設定はGmailのSettingページから） More Actions からタスク作成もできます。 さらには、タスクのメールア
80個以上のはてブ関連のGreasemonkeyまとめ - 聴く耳を持たない(片方しか)
追記:(2008/11/18)このエントリーを書いて以後、ありがたいことに未だにアクセスがあるのですが現在は表題の80個よりもさらにGreasemonkeyが増え続けています。それに正直、ちょっとまとめるのが億劫になったので最近はちゃんと更新していません。 ですが はてなで使えるユーザースクリプト - 何かしら図書館 こちらで随時更新されているので、最新情報についてはこちらを参考にした方がいいでしょう。 はじめに今年の1月に はてブ関連のGreasemonkeyを知っているだけ並べてみる - はてブクロニクル というエントリーを書き、当時私が知ってるだけのはてなブックマークに関連した Greasemonkey をまとめてみたのですが、その後も様々な Greasemonkey が公開され続けていたので、エントリーの内容をはてなブックマークのエントリーページに移し、適宜更新を続けていました。
【ハウツー】カスタマイズFirefox - Firefoxの拡張機能を作ろう (1) Firefox拡張の魅力 | パソコン | マイコミジャーナル
突然ですが、私は軽く動作が早いソフトウェアが好きです。毎日のように使うWebブラウザはらばなおさら、きびきび動作する軽いシンプルなソフトウェアを選びたいものです。ただそういうシンプルなソフトウェアには自分に必要な機能がそろっていないのではないかと思うかもしれません。 そういう場合は、たいていのソフトウェアには機能を追加できるようになっています。それが「拡張機能」や「アドオン」、「マクロ」などと呼ばれる小さなプログラムたちです。そして有志の方が多くの追加機能を提供してくれています。そういったプログラムを探して使ってみるもの楽しみの1つです。 さらに拡張機能は自分で作ることができるようになっています。自分に必要な機能は自分で作って、ソフトウェアを自分好みに仕上げていくことはとても楽しいものです。そう、ソフトウェアは拡張しなければ意味がないのです！ 今回紹介するFirefoxはオープンソース方式
Firefoxを鍛え直せ！ フォクすけブートキャンプ：第1日目：1分でFirefoxをしなやかに――WellRounded - ITmedia エンタープライズ
第1日目：1分でFirefoxをしなやかに――WellRounded：Firefoxを鍛え直せ！ フォクすけブートキャンプ 短期間であなたのFirefoxを見違えさせる集中カスタマイズ。しかも紹介するのは厳選された珠玉のエクステンションだけだ。ようこそ、フォクすけブートキャンプへ。 「ブートキャンプっていいよね」と聞いて、アップルのBoot Campを思い浮かべてしまうそこのあなた。残念ながら本連載はBoot Campの動作原理を紹介するものではない。世間一般でブートキャンプと言えばこちらを挙げる人が多いであろう「ビリーズ・ブートキャンプ」さながらに、短期間であなたのFirefoxを見違えさせるのが本連載の目的だ。 見違えさせると言っても、一生で何度使うとも知れないようなエクステンションを紹介するわけではない。無駄な脂肪は誰も求めていない。本当に厳選されたエクステンションでFirefoxを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bookma! - 404
