こんにちは、セブンシックスのダイチです。今回は、コーダーさんのための、Flexboxについてのお話です。実は、リストを横並びにするCSSについての考察をまとめようと思ったのですが、ぐだぐだと長くなったので、今回はFlexboxについてのみ書くことにしました。 最終行が、思い通りにいかない！ Flexboxは、CSS3で追加されたレイアウトモジュールです。これまでfloatなどを駆使してレイアウトしていた箇所を、シンプルに記述できることから注目されていますが、なかなか思い通りにいかない点もあります。 そのうちのひとつが、justify-contentで両端揃えにしたときの最終行。子要素の数が半端になったときに、中央がぽかっと空いてしまう問題があります。 これは、正常な振る舞いなのですが、実際にこんな並べ方をしたデザインを作るデザイナーさんはいないと思います。最終行は、左揃えにしたいケースが多

2011年 05月 17日 加速するfirefox – Firefoxのデベロッパーズカンファレンスに参加しました #fxdevcon カテゴリ： Firefox 交流 タグ：Firefox作成支援ツール 5/14に大阪で開催されたFirefoxのデベロッパーズカンファレンスに参加してきました。（正式名称：Firefox Developers Conference in Osaka ~HTML5 やったら Firefox がええんちゃう？） 主題はHTML5ということで参加したのですが、firefoxに関するトークが濃かったのでこちらを紹介したいと思います。 firefoxの現状について firefoxは現在ブラウザシェアが5/11時点で13.58%をマークし、5月10日現在におけるFirefox4の総ダウンロード数は1億5千万を突破。日本における総ダウンロード数は300万を超えているとの

Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で) 現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定な部分もあることに注意して下さい。 特に注意書きしてない部分はFirebug1.7の項目だと思って大丈夫だと思います コマンドラインに履歴ボタン コンソールパネルでのコマンドエディタ(でかい方のコマンドライン)にHistoryボタンが新たに追加されました。 過去に実行したコマンドをポップアップから選択して挿入することができます。(以前はCtrl+ZでUndoし続ける必要があった) コマンドライン

以前に『意外と知られていない機能が多い！？Firebugの使い方』というエントリーを書いたところ、気づけばビックリなブクマ数がついたりする。 Firebugってかなりのコーダー（デザイナー）とか、Webに関わる人の多くはいれているアドオンのハズ(未調査なので自分の気持です)だけど、SaCSS参加者では使っていないって人が意外にもいたので書いたエントリーでした。そのブクマしている人の数やコメントをみると、やっぱりみんながみんな、使い切れているものでないですよね。 ということで、前回は紹介しきれなかったけど、こんな使い方してるよ～という自分の使い方を紹介します！ 不必要な要素は消してしまおう 前回のおさらいっぽい部分から。 いろいろなサイトをみてまわっていると、時々、「これ邪魔だな」とか思う要素がポッとでてきたりってしませんか？大きいモニタの時はそんなこと特に思わないのですが、小さいモニタを使

Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. How to Debug Your jQuery Code Elijah Manor | November 23, 2009 In the past 10 years, more and more Web development has moved off the server and migrated to the browser, making a user's experience more responsive. Unfortunately, this transition hasn't bee

注意事項 Version 4（開発段階）以降でないと使えないものばかり。 アンインストール方法 chrome://extensions/にアクセス Uninstallをクリック 一覧 Bookmark all tabs すべてのタブをブックマークに追加 googlemaps-latitude-longitude Google mapsに軽度と緯度を表示 ただし、google.comでのみ動作。 Web Developer Mini Chrome用開発ツール iMacros for Google Chrome 参考 : Firefoxを自動運転するツール、iMacros TabSearch 開きすぎたタブを探し出すためのextension。 Smoothscroll Chromeにスムーズスクロールを。 FlashBlock SilverlightやFlashを非表示にする。 Alt+Fでホ

FirefoxでGoogle Maps APIを使用したページの地図がグレーでなにも見えなくなってしまったときの対処方法。 about:configを開きます。 フィルタにdom.disable_image_src_setを入力します。 表示された行の値がtrueになってると思うので、ダブルクリックするとfalseになります。 Google Mapsのページを再表示します。 おまけ 月 Google Moon 火星 Google Mars 2マップ同時に見れるので場所を探すのに便利 dual map experiment

一日のうちでいちばん長い時間、顔を合わせているのは、ブラウザかもしれません。 「まとめ：Google Chromeに乗り換えずに済む、Firefoxの小技17選」という記事がアップされたのは昨年の10月のこと。ライフハッカー読者の皆さんに人気のブラウザ・不動の1位は今も相変わらずFirefoxです。 そこで今回はここ最近のFirefox記事をまとめてみました。毎日お付き合いしているのだから、どんどん進化していってもらわないと！ というわけで、読み逃していた記事など発見してくださいねー。 意外と知らない（かもしれない）基本の小技 ・BackSpaceキーで「前のページ」に戻らないようにするTips（@Firefox） ・リンク先の開き方をコントロールするショートカット＋クリック（Firefox ＆ Chrome用） ・Firefox 3.5の位置情報検出を無効にする 続きは以下からどうぞ。

Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo

Mozilla Japanは6月17日、Firefox 3の新機能を説明する説明会を開催した。Firefox 3の正式版は、日本時間の6月18日早朝にリリースされる。 Firefox 3は新機能の追加やユーザーインタフェースの改良など目に見えるところから、新レンダリングエンジン「Gecko 1.9」の採用などバックエンドに至るまで、現行のFirefox 2から1万5000を超える改良を施したウェブブラウザ。 ネット体験を向上させる新機能 新機能の筆頭としては、アドレスバーにキーワードを打ち込んで、履歴やブックマークから目的のサイトを検索する「スマートロケーションバー」が挙げられる。ロケーションバーを検索エンジンのように活用できる機能で、［Ctrl］＋［L］や［Cmd］＋［L］でロケーションバーにフォーカスし、キーワードを入力してすぐに目的のサイトへアクセスすることが可能だ。 スマートロケー