親がdisplay: table-*;の時、子のimg {max-width: 100%; }が効かないYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Web制作における対応ブラウザの選定方法
Web制作における対応ブラウザの選定方法 「フロントエンドのテクニカルディレクションに求められるスキル」で出てきた話題として対応ブラウザの選定方法について掘り下げて解説を行います。 サイトのターゲット・予算・リソース・開発期間などビジネスにより選定方法は異なりますので、あくまで参考程度にしてください。 対応ブラウザを絞る意味 まず最初は「なぜ、対応ブラウザを絞るのか」という視点から。 理想論で言ってしまえばWebサイトを訪れるユーザー全てに最適なコンテンツを提供できれば申し分がありません。 しかし、現実的には各ブラウザ/OSによって実装が異なる機能があったり、実装されていない機能があったり、特有のバグを含んでいる物があったりすることもあり、そういった場合は個別のブラウザ/OSに対してデバッグやチューニングを行わなくてはいけません。 そのため対応ブラウザの数が多ければ多いほど、Webサイトの
MDN Web Docs
Resources for Developers, by DevelopersDocumenting web technologies, including CSS, HTML, and JavaScript, since 2005. //////////// //////////// //////////// //////////// //////////// //////////// //////////// ++++++ ++++++ ++++++ ++++++ ++++++ ++++++ ++++++{{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} ../../ ../../ ../../ ../../ ../../ ../..
レスポンシブ対応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(
ウェブデザイナーのための便利すぎるツール＆リソース20選【最新版】 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ ウェブデザイナーに便利なデザインリソースやツールをまとめた最新版の記事をThe Next Webから。きっとあなたの知らない、日本ではまだメジャーじゃない注目リソースやツールがあるはず？ — SEO Japan Webデザインにおいて、使用するツールはあなたの結果に重要な役割を果たす。もちろん、紙に鉛筆で描くことのような、基本を忘れないことが大事だが、時には新しいアプリやリソースを見つけることが、あなたのクリエイティブなジュースをもっと流れるようにするのに役立つかもしれない。 今回は、デザイナーとデベロッパーのための20個の便利なツールをリソースリストとしてまとめた記事を紹介する。あなたのお気に
Site has been suspended
Account for domain www.evolus.vn has been suspended
「Pencil」を使って行う、皆が幸せになれるペーパープロトタイピング - 表参道フォークウヱル別館
先日、TechCrunch にこんな記事が上がっていて、興味深く読みました。 どうやったら開発のコストを少なくできるか？ 答え：コードを書かない開発者は新しいプロダクトを作るのに、まずはコードを書いて簡単なデモレベルのものをつくろうとする。だけど、彼はコードを「書く」前にもやることがあるという。たとえば紙によるモックアップだ。これだけでも十分な役割を果たすことがある。 （中略） 先にペイパーモックアップを作って（ウェブなら画像をブラウザーで見せるだとか）、それをもとにユーザーにヒアリングをして、そからフィードバックを得て実際に製品の開発にはいるんだそうだ。 私たちは「プロトタイプ」「ペーパープロトタイピング（紙でプロトタイプを作り、検証すること）」と呼んでいましたが、Forkwell の開発ではコーディングに入る前の1ヶ月あまり、ひたすらこのペーパープロトタイピングを行っていました。参考に
Google Chromeに入れておきたい拡張機能30個まとめ | フリーソフトラボ.com
Google Chromeもバージョン4になって、Firefoxのアドオンに相当するような拡張機能に対応しました。PCの中上級ユーザにとってFirefoxのアドオンはもはや手放せない機能となっているため、性能が良いと分かっていながらも、なかなかGoogle Chromeへの乗り換えに踏み切れなかった人も多いのではないでしょうか。 そんな人にオススメのChrome拡張機能ですが、まだ初期段階の現在では、大量の拡張機能から自分にあった「使える」ものを見つけ出す作業はなかなか難しく、ほとんどの説明が英語表記だけで提供されているため、どんな機能が利用できるのかも一目では分かりづらい・・・。 そこで今回は、Firefoxユーザーにもおなじみの気の利いたGoogle Chrome用の拡張機能を30個まとめて紹介します。まだFirefoxほど多数の優秀な拡張機能がそろっているわけではありませんが、Fir
Firefox 4をインストールしたらまず行う設定 : audiofan.net blog
ついにFirefox 4が登場。最近はChromeにしてしまおうかとも思ったりしてたけど、改めて見直すことにしよう。 基本的には3.5のときの延長線上だけど、最近はあまり細かく設定してないので、シンプルに。 Firefoxボタン→オプション→プライバシー→履歴→Firefoxに記憶させる履歴を詳細設定する Cookieを有効にするが、保存期間はFirefoxを閉じるまで Firefoxボタン→オプション→プライバシー→履歴→サイトから送られてきたCookieを保存する→オン（標準設定） Firefoxボタン→オプション→プライバシー→履歴→サードパーティのCookieも保存する→オン（標準設定） Firefoxボタン→オプション→プライバシー→履歴→Cookieを保存する期間→Firefoxを終了するまで Cookieを有効にしていないといろいろと不便になるサイトはよくあるので、有効にして
FirefoxをGoogle音楽ファイル検索ボックスにする方法 | G Mania - グーグルの便利な使い方
FirefoxをGoogle音楽ファイル検索ボックスにする方法 管理人 @ 7月 19日 10:35am Firefox, 検索Tips Firefoxのスマートキーワード機能とGoogle検索を使って、アドレスバーから簡単に音楽ファイル検索をする方法の紹介です。 かなり便利なのでお試しください。 方法は次の通りです。 「ツールバー＞ブックマーク＞ブックマークの管理」から「新しいブックマーク」を選択して、新しいブックマークを作成を開きます。 次のリンク先のページの４行目のアドレスをＵＲＬ欄に貼り付けます。 http://www.friedbeef.com/wp-content/files/google_music.txt キーワード欄に例えば、「music」とスマートキーワードを入力します。（自分が利用したいキーワードでＯＫです。） これで準備完了です。 Firefoxアドレスバー（検索ボ
Firefox拡張機能も含め、まるごと複数PCでシンクロする方法 - GoogleMania | グーグルの便利な使い方
Firefox拡張機能も含め、まるごと複数PCでシンクロする方法 管理人 @ 6月 27日 06:16pm Firefox 複数のPCを利用する人にとって、「同じ環境でブラウザを利用したい」と思わない人はいないでしょう。 ブックマークの保存、拡張機能のインストールなど、いちいち二つのPCで同じ作業をするのは時間の無駄です。 それを解消してくれる方法がありました！ Lifehackerの「Hack Attack: Sync your Firefox extensions and profiles across computers」というエントリーにて、Microsoftのファイル共有サイト「FolderShare.com」を利用して、Firefoxの拡張機能からブックマークなどの利用環境（プロファイル）をシンクロする方法が紹介されていました。 Firefoxのプロファイルフォルダには、すべて
ITmedia Biz.ID：「DownThemAll！」でFirefoxでのダウンロードをパワーアップ
「DownThemAll！」でFirefoxでのダウンロードをパワーアップ：Geek to Live Firefoxのデフォルトのダウンロードマネージャーは、大量のファイルを頻繁にダウンロードする人にとっては不満が残るだろう。拡張機能「DownThemAll！」でこれが便利になる。Greasemonkeyスクリプトと組み合わせることで、Flickrのオリジナルサイズ画像をまとめてダウンロードすることも可能だ。（Lifehacker） 【この記事は、2007年2月28日付けで米ブログメディア「Lifehacker」に掲載された記事を翻訳したものです。】 Firefoxのデフォルトのダウンロードマネジャーは、大がかりなダウンロードには適さない。もしダウンロードするデータが複数あって量も多く、もっとしっかり管理する必要をしばしば感じているなら、Firefoxの拡張機能「DownThemAll！」
約３００個のCheat Sheetが手に入るリンク集。Google、Firefoxからプログラミング言語まで盛りだくさん！ - GoogleMania | グーグルの便利な使い方
約３００個のCheat Sheetが手に入るリンク集。Google、Firefoxからプログラミング言語まで盛りだくさん！ 管理人 @ 6月 14日 08:01am Firefox, Gmail（Gメール）, 検索Tips Cheat Sheetとは直訳するとカンニングペーパーですが、覚えるべきことをまとめたものをチートシートと呼ぶそうです。キーボードショートカットリストなど、印刷してPCの横に置いておくと便利です。 「Our Favorite Cheat Sheets」（Whatis.com）は、PC上で利用できる、様々なソフトやプログラミングなどのCheatSheetを集めたリンク集です。 内容は、 AS/400 ブログ編集 ブラウザーショートカット CSS、HTML/XHTML、XML インターネット用語 Microsoft Office Miscellaneous Networki
FireBugで使える役立つ関数テクニック色々:phpspot開発日誌
Seifi.org Blog Archive FireBug Tips and Tricks There is so much power packed into this little FireFox plug-in. FireBugで使える役立つ関数テクニック色々。 FireBugをインストールしていても、多くの機能を使っていない方が多いのではないでしょうか？ 次のような、便利な関数がFireBugには用意されています。 console.log 関数の sprintf 風使い方(次のように、sprintf 風に使えます) var x = "fubar"; var y = 543; console.log("value of x is %s and value of y is %d", x, y); console.info 関数 で情報アイコン付きでメッセージ表示 console.in
あなたのFirefoxを職場と自宅で完全に同期する！？方法 | POP*POP
ちょっと間があいてしまいましたが、今回ご紹介する「諦めている不便利」はこちら。H.Nさん、ご投稿ありがとうございました！ Firefoxの機能拡張を職場と家で同じにしたいと思ったことありませんか？ Google Browser Syncではブックマークまでしか同期が取れません。FEBEではバックアップした機能拡張ファイルを持ち歩かなくてはいけません。 どうにかならないでしょうか。 確かに『Google Browser Sync』や『FEBE（Firefox Extention Backup Extention）』は大変便利なツールですが、それぞれ守備範囲が決まっているため、職場と自宅のFirefoxを完全に同期させるには手間が掛かりますね。 それならば、職場と自宅で全く同じFirefoxを使用することを検討してみてはいかがでしょうか？ 今回、ご紹介したいのは『Firefox Portabl
Firefoxでちょっと使えるショートカットとブックマーク - WEBデザイン BLOG
自分でFirefoxのwallapaperなんか作ってみようかとおもいましたが、探せばいいのがありますね。今回はよくあるVistaのマーケティングで使われるデザインパターンを意識してこんな感じのアイキャッチを作ってみました。日々、最新のデザインパターンを作っておかないといざって時に作業に時間かかちゃいますからね。 作業効率の向上＝ ショートカット操作＋オリジナルブックマーク＋ブックマーク設定 作業効率を向上させるためには、ショートカット操作は欠かせないです。今回紹介するちょとしたオリジナルのブックマークや設定＋ショートカットを使えば以前よりも早く作業できるようになるかと思います。 よく使うショートカット ［ CTRL ］+ ［ W ］ ウインドウを閉じる ［ CTRL ］+ ［ T ］ 新規タブ開く ［ CTRL ］+［ SHIFT ］+ ［ T ］ 前回閉じたタブを再び開く ［ CTRL
マウスで選択した範囲にあるすべてのリンクを開いてくれるFirefox拡張『Snap Links』 | POP*POP
かなり便利なFirefox拡張のご紹介。 Snap Linksを使えばマウスでドラッグした範囲にあるリンクをまとめて開いてくれます。操作も簡単かつ直感的です。 詳しい使い方は以下よりどうぞ。 ↑ インストール後、範囲を選択するには右マウスドラッグで。キャンセルするにはESCで。赤く囲まれているのが開かれるリンクです。わかりやすいですね。 ↑ マウスを放すとその範囲にあるリンクを新しいタブで開いてくれます。 ↑ なお、デフォルトで選択されるのはSnap Linksが「主要なリンク」と判断したもののみです。全部のリンクを開くにはSHIFTキーを押します。 ↑ なお、選択した範囲を移動させたい場合には、右マウスボタンでドラッグしつつ、ALTキーで移動させます。 検索エンジンの検索結果を一気に開きたいときや、リンク集などを見るときにすごく便利ですね。 インストール＆詳細は以下よりどうぞ。 » Sn
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptは盗んで学べ！ 知識0のデザイナーでもできるjsdo.itの遊び方
Connection Problem
Connection Problem