The domain name Linker.in is for sale A great idea deserves a great domain name!
ウェブページを拡大表示し、サイズやカラーのチェックができるウェブ制作者の必携のFirefoxのアドオンを紹介します。 PixelZoomer PixelZoomerの起動方法は簡単です。 チェックしたいページをブラウザで表示し、右クリックから「PixelZoomer」を選択します。
知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると良いのですが。 1. Firebug :: Add-ons for Firefox Firefox上でCSS、HTML、JavaScriptを編集したりデバッグすることができる。 2. Web Developer :: Add-ons for Firefox ツールバーにJavaやcookie、CSSの切り替えといったメニューを追加する。 3. ColorZilla :: Add-ons for Firefox カラーピッカーのアドオン。 4. Html Validator :: Add-ons for Firefox HTMLのバリデーション（検証）を行い、ステータスバーのアイコンに表示。 5. FireFTP :: Add-ons for Firefox FirefoxをFTPク
Have you ever sliced a layout, only for it not to be grid-aligned once it’s scripted? This post explains what to do in this situation to restore the appearance of the website. Thanks to Eric Puidokas, there is a program that adds a grid overlay in Firefox itself, and in combination with Firebug, you receive a very easy way to grid-align a website. Install firebug. This will let you edit CSS real-t
If you aren’t yet a Firefox user, you may want to become one after reading this post listing Firefox extensions for designers. Of course you shouldn’t install it all, you shouldn’t bloat your Firefox (consider using profiles for using more extensions). This collection of Firefox extensions for designers gives you some of the best Firefox add-ons for web workers and designers. Must-have add-ons for
「はてなスクリーンショット拡張」のベータテストの開始 本日、Firefox でご利用いただける「はてなスクリーンショット拡張」のベータ版を公開いたしました。 https://addons.mozilla.org/ja/firefox/addon/14198/ はてなスクリーンショット拡張では、以下の機能を提供いたします。 Firefox のスクリーンショットを作成 Firefox のブラウザの画面のスクリーンショット(サムネイル)を作成することができます。ブラウザ画面全体や、現在表示している部分のみ、マウスで選択した範囲のみなど、複数の方法でスクリーンショットを作成できます。 作成したスクリーンショットは、以下の方法でアップロードや保存等を行うことができます。 フォトライフにアップロードクリップボードにコピーpng ファイルとして、ローカル PC に保存URL として data スキームの
Take a tourCheck out our video and our other online tools that we have put together to help you understand and use Pixel Perfect to its full potential. Get involved / Report a bugPixel Perfect is hosted at github.com. Head over to our page if you are interested in helping out or need to file a bug report. Buy us a beerNo pressure, this is something that we made for ourselves and want to share with
Pencilとは? Webデザイナーのみならず、WebディレクターやWebプロデューサーには必須とも言えるFirefox用アドオン「Pencil」をご紹介しよう。Webサイトの制作では、多かれ少なかれWebサイトのカンタンなイメージ、「ラフ」や「モックアップ」と呼ばれるものを作成することになる。 「ヘッダーには会社情報やサイトマップへのリンクを配置して、右端にはサイト内検索を設けよう」、「大雑把なレイアウトは上部にイメージ画像があって、左側にメニューでいい?」など、ディスカッションして最終的なデザインへと落とし込んでいくのだが、そうした際に言葉だけのやり取りでは各々の頭の中にあるイメージが合致するとは言いがたい。いや、筆者の経験上、ディスカッション参加メンバーすべてが確認できるように、手書きのイメージ図などで何らかのカタチでイメージを共有しないと後で必ず後悔することになる。そこで登場するの
Firefoxの拡張機能「Pencil Project」｜web creators 2008年10月 今回もweb creators 10月号の「webデザイン スタイルアップ Tips」というコーナーで紹介されていますが、PowerPointなど既成のソフトウエアを使わず、Webサイトなどのラフデザインを作成できるFirefoxの拡張機能「Pencil Project」をこのブログでも紹介してみます。 まずサイトにアクセスして、ページ上部の「Downloads」をクリック。ダウンロード後、Firefoxを再起動して、ツールメニューから「Pencil Sketching」を選択します。 すると、作成画面が表示されるので、左側の「shape collection」の中からパーツを選び、右側のキャンバスにドラッグ＆ドロップで配置していきます。 なかなか既成のソフトウエアのように痒いトコロまで手
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く