ChromeでHTMLを編集しよう！ - Qiita
ChromeデベロッパーツールがHTMLエディターとして使えると聞いたので試してみました。 忙しい人のための概略 HTMLファイルをChromeで開く デベロッパーツールを出す HTMLファイルが入っているフォルダをデベロッパーツール上にドラッグする ローカルファイルへのフルリクエストを許可する HTMLファイルを右クリックしてMap to file system resource...を選択 対応するファイル名を選択 デベロッパーツールを再起動する 編集開始！ 図解 1. HTMLファイルをChromeで開く HTMLファイルをChromeで普通に開きます。この例ではD:\Projects\HelloWorldがプロジェクトフォルダです。 2. デベロッパーツールを出す F12を押してデベロッパーツールを表示します。そしてSourcesをクリックします。 3. HTMLファイルが入ってい
Chromeでも読みやすい游ゴシックを指定する方法 - Qiita
Windows8.1から搭載された「游ゴシック」ですが、ChromeとOperaで薄く掠れて見難くなってしまいます。 一般的にはbodyにfont-weight: 500;を与えて回避している方が多いですが、フレームワークなどを使用した場合、font-weight100～400を指定しているコンポーネントの数だけfont-weight: 500;と指定しなければならなく、あまり現実的ではありません。 「游ゴシックについて」と「ベストなfont-family」がごちゃ混ぜになって記事が見難くなってしまいました。より詳細に書き込んだため記事を分割しました。 ストックされているかたや、ブックマークされている方にはご迷惑おかけします。 この記事はタイトルの通り游ゴシックのみを扱います。 当記事を踏まえたゴシック体のfont-familyの指定は「2020年まで使えるはずだったfont-family
エミュレータいらず！スマートフォンサイトデザインをPCのウェブブラウザで直接確認する方法(mac,windows) 【グレート・ビーンズ】 福岡
こんにちは、グレートビーンズの川崎です。 みなさんはスマートフォンはお持ちですか？ほとんどの方がそうですよね。 僕も画面が焼き付くくらいiphoneを一日中いじっているスマホ依存症です！スマホから5m以上離れると不安になります。笑 もうすぐ iphone5の発売の噂もささやかれてますね！どんなデザインなになるのか、とても楽しみです！ スマホでwebサイトを見ていると最近はスマートフォン専用のサイトが増えてきましたねー。 それに伴い、スマートフォンサイトの良いデザインを集めたPCのまとめサイトもたくさん出てきました。 自社のホームページもスマートフォンサイト対応すべく、参考にまとめサイトを見ていたのですが、そこで気になる事が一つ・・・ 「PCのまとめサイトのリンクをこのまま開いたらPCサイトじゃん！」という矛盾。 まぁ、レスポンシブサイトは そのまま見れますが、ユーザーエージェントで
【HTML】最近のPCサイトに見るテンプレ要素まとめ | istis
新卒入社2年目で、フロントエンドエンジニアをしています。阿部です。 いろいろなサイトのソースを見ていて、最近見るなぁと思った要素を勉強がてらにまとめてみました。 「IE対策」、「キャッシュ対策」、「高速化」、「ソーシャルメディア要素」、「スマートフォン要素」の5つに分けて、広く浅くですがご紹介します。 IE対策 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> IEで閲覧している場合、Google Chrome Frameで表示します。 Google Chrome Frameがインストールされていない場合は、IEの利用可能な最新のレンダリングエンジンで表示します。 Google Chrome Frame（GCF）とは、IEでGoogle Chrome相当のレンダリングエンジンを利用可能にするIEのプラグインで
CSS3のFlexboxを基本から理解して、使い方をマスターしよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう！」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ！ デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい！」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で
Firefoxで使用していた＆Chromeで使用中の拡張機能 計36個
2017年6月30日 便利ツール 以前「ChromeからFirefoxに戻した6つのくだらない理由」という記事を書いてから約８ヶ月。久しぶりにChromeをいじってみると、エクステンションの数も増え、いろいろと進化しているようです。「Firefoxにあるこの機能がChromeであれば移行するのに…」と思っていた事がだいぶ解消されたので再びChromeに復帰しました！そこでFirefoxに入れていたアドオンと、Chromeで使用し始めたエクステンションを紹介します。Firefox派の人も、Chrome派の人も、移行検討中の人も、ぜひ参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ Firefoxアドオンに代わるChromeエクステンション 私のようにもともとFirefoxユーザーの場合、一番のネックは便利なアドオン。それに代わるエクステンションがないと移行の決意はできません
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
