Chrome, Edge, Firefox, Opera, Safariをはじめとする現在のロゴから古いバージョンのロゴをはじめ、デベロッパーツールやCanaryなどのロゴ、古いIE, Netscape, Mosaicなど、ブラウザのロゴをダウンロードできる「Browser Logos」を紹介します。 すべてのロゴは背景が透明で、高解像度です。
ターゲットブラウザを決める時に役立つ便利なツールを紹介します。 条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、Chrome for Android, Chrome for desktopと続いています。 Browserslist Browserslist -GitHub Browserslistの特徴 Browserslistの使い方 さまざまな条件でターゲットブラウザを調べる Browserslistの特徴 Browserslistはフロントエンドでよく使用されるツール（Autoprefixer, Babel, ESLint, PostCSSなど）でブラウザのターゲットや互換性を共有するツールです。 0.5%以上シェアがあるブラウザ、最新2バージョンのブラウザ、サポートが終了してい
2018年1月から11月までの日本国内のブラウザのシェア、スマホやタブレットなどのデバイス、解像度、OS、検索エンジン、ソーシャルメディアのシェアを紹介します。 こういった数字は自サイトのものが一番参考になりますが、一つの参考データとしてご利用ください。 StatCounter ※画像は2018年11-12月のブラウザのシェア（世界） 以下は、すべて日本国内を対象にしたデータです。 2018年、デバイスのシェア 2018年、デスクトップ・モバイル ブラウザのシェア 2018年、デスクトップ・モバイル 解像度のシェア 2018年、デスクトップ・モバイル OSのシェア 2018年、デスクトップ・モバイル 検索エンジンのシェア 2018年、デスクトップ・モバイル ソーシャルメディアのシェア 2018年、デバイスのシェア デスクトップ・モバイル・タブレットの2018年1月から11月までのシェアです
VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。
フォームをスタイルするのが苦手、という人は少なくないと思います。 中でも、button要素はお問い合わせのようなフォームに限らず、さまざまなページに使用される使用頻度が高い要素です。 button要素はfont-sizeを適用するだけで見た目が大きく変わり、「border: 0;」を適用するとブラウザごとに異なる見た目になります。 そんなbutton要素のデフォルトのスタイルを美しくするために、button要素のスタイルの仕組みを紹介します。
20 Useful Firefox and Chrome Extensions for Firebug Resources • ToolsAndrian Valeanu • June 04, 2012 • 4 minutes READ Over the last two years, Firefox and Google Chrome have surpassed Microsoft Internet Explorer and have become the most popularly used internet browsers. While Firefox is robust, Chrome has new extensions that offer exciting options for several web designers and developers. With mor
All products featured on WIRED are independently selected by our editors. However, we may receive compensation from retailers and/or from purchases of products through these links. Learn more. Firefox 15 will offer web developers a couple of cool new tools when it arrives later this year, including a very handy new "Responsive Mode" for testing your responsive websites. It took a while for mainstr
These days Mozilla Firefox is emerging as one of the most popular consumer browsers but it is also become a developer’s best friend. Firefox add-ons and plugins make Firefox a powerful development tool instead of just a consumer web browser. For web designers/developers efficiency is paramount and any time saved by using these add-ons is gold. One of the best things about many of the Firefox add-o
As this is an era of technological development where new and advanced technologies are emerging with each passing day. There are many browsers available on internet these days and to choose a good browser according to your requirements mainly matters. As a webdesigner, if you want a right browser for you then Mozilla firefox is the right choice as it provides an infinite amount of functionality th
Anyone who uses the Internet spends a lot of time on browsing the web. However, people always appreciate if they can save time during their borwsing experience. So if Firefox is your go-to browser and want to save time while using it, then you have access to a plethora of add-ons to customize your browsing experience. In this post, I am going to share with you more than 35 useful Firefox add-ons t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く