はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    参議院選挙2025

『qiita.com』

  • 人気
  • 新着
  • すべて
  • 【2018年版】今押さえておきたいフロントエンド関連 - Qiita

    80 users

    qiita.com/sawadays0118

    個人的に押さえておいたほうがいいと思う情報や最近動向が気になっている情報をまとめました。 短時間調べた程度でザックリ書いてますので、掲載している情報に間違いなどありましたら、 ご指摘いただけると助かります。 現時点でWorking Draft,Editor's Draftの情報もありますし、ブラウザ側でほとんど実装されてないプロパティ(業務ではあまり使えない系)も積極的に載せていっているので、対応状況についてはCan I useやMDNで調べてください。 途中まで載せてたけど多すぎてあきらめた... HTML Resource Hints(dns-prefetch, preconnect, prefetch, prerender) 指定しておくことで、ページ遷移時に名前解決・接続・リソースの取得・レンダリングを早めることができる。 Link types - HTML | MDN Prelo

    • テクノロジー
    • 2017/12/22 08:50
    • css
    • html
    • frontend
    • javascript
    • Front-End
    • html5
    • フロントエンド
    • web制作
    • Web
    • HTMLからはじめるWebパフォーマンス - Qiita

      8 users

      qiita.com/sawadays0118

      #WebパフォーマンスにおいてHTMLで出来ること Webパフォーマンス Advent Calendar 2017 9日目の記事です。 比較的取り組みやすいHTMLの変更だけで、Webパフォーマンスを改善する方法を紹介します。 ここではHTMLの圧縮等は扱いません。 ##Resource Hints(dns-prefetch, preconnect, prefetch, prerender) 指定しておくことで、ページ遷移時に名前解決・接続・リソースの取得・レンダリングを早めることができる。 Resource Hintsはあくまでページ遷移時に効果を発揮するものなので、初回読み込みするページでは関係がない。 https://developer.mozilla.org/ja/docs/Web/HTML/Link_types https://www.w3.org/TR/resource-hin

      • テクノロジー
      • 2017/12/09 20:11
      • performance
      • html
      • development
      • あとで読む
      • IE11のバグまとめ - Qiita

        502 users

        qiita.com/sawadays0118

        バージョンごとに進化するIEのバグ 備忘録も兼ねて記事にまとめました。 バグについての解決策と補足も併せて記載してますが、 記事に記載されていない遭遇率高めのバグやより良い解決策などがあれば、是非フィードバックをお願いします。 まとめてみた所感としては、IE6の頃から根本的な部分は変わってない気がします。 (ただし、パフォーマンスが大幅にアップしたのは認める。) IE11はWindows10の場合、2025年までサポートが続きます。 https://support.microsoft.com/ja-jp/lifecycle/search/18165 ナンテ/(^o^)\\(^o^)//(^o^)\\(^o^)//(^o^)\コッタイ もうね...アボカドまるごとバナナかと。 ちなみに今年の4月でVistaがサポート終了するので、1ヶ月後にはIE9を窓から放り投げてOKです。 https:/

        • テクノロジー
        • 2017/03/11 05:07
        • IE
        • ie11
        • css
        • バグ
        • web制作
        • あとで読む
        • browser
        • HTML
        • bug
        • windows
        • HTML,CSS高速コーディングマニュアル【作業環境編】 - Qiita

          6 users

          qiita.com/sawadays0118

          HTML,CSS高速コーディングマニュアル目次 作業環境編 スライス編(そのうち書きます) コーディング編(そのうち書きます) デバッグ編(こちらはコーディング編と統一するか、掲載自体省くかもしれません) はじめに コーディング作業を効率化するためには、作業環境を先にしっかり整えたうえで、 工程ごとに切り分けて考え、何に時間がかかっているか分析することが必要です。 そのため解説についても作業環境の構築、スライス、コーディング、デバッグなど工程ごとに分けて説明していきます。 コーディングを効率化するためには作業環境の見直しから コーディング作業を自動化したり、ツールを使ったり、ショートカット等で操作を素早くする工夫をしても、パソコンの動作がそれについてこれないとあまり意味を成しません。そのため作業環境(OSの設定を含む)から見直していく必要があります。 ここでは、業務でメインマシンとして使用

          • テクノロジー
          • 2016/12/19 10:14
          • FirefoxのWeb制作向けアドオンまとめ - Qiita

            3 users

            qiita.com/sawadays0118

            Web制作の効率化に使えるFirefoxアドオン メインブラウザは長らくFirefoxを使ってます(と言っても6年くらい)が、 そのなかで使い続けてるWeb制作に有用なアドオンだけを厳選して紹介したいと思います。 また、Firefoxの開発ツールについてもちょっとだけ書きたいと思います。 テキスト操作系 Copy Fixer ブラウザ上で何も選択してないときにCtrl+Cを押すと、ページのタイトルとurlが同時にクリップボードに保存される。 以下のような形式でコピーすることができ、簡単にURLの共有ができます。 Qiitaのトップページで行うとこんな感じでコピペが可能です。 CoLT リンクのテキストやURLを簡単にコピーすることができます。 ブラウザ上で選択してコピーすると単純に選択しづらかったり、余計な改行やテキストが含まれたり、テキストが全部コピー出来てなかったり、誤ってクリックして

            • テクノロジー
            • 2016/12/14 16:44
            • Webデザイン
            • ツール
            • あとで読む
            • Web制作するならブックマークしておきたいサイト色々 - Qiita

              38 users

              qiita.com/sawadays0118

              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 制作効率化のためにツールを活用しよう この記事ではWeb制作に焦点を絞り、普段からよく使っている(全然使ってないのもありますが/(^o^)\) オンラインツール・サイト・ブックマークレットを紹介していきます。 上手く活用すれば制作効率化に繋がりますので、ぜひ参考にしてみてください。 ぶっちゃけ最近だと画像最適化・minify・スプライト画像・アイコンフォント生成あたりは タスクランナー使ったほうが手っ取り早いですが、一応紹介しています。 OS、デバイス、解像度のシェア StatCounter Global Stats http://gs

              • テクノロジー
              • 2016/10/23 15:49
              • Web制作
              • Webサービス
              • web
              • お役立ち
              • development
              • Sassで使えるIE向けCSSハックまとめ - Qiita

                6 users

                qiita.com/sawadays0118

                <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> ※ HTML5 Boilerplateの条件付きコメントから抜粋(上記はIE9以上、IE8以下、IE7以下、IE6以下のclassによる振り分け) これから紹介するのは、普段からSassを使いつつも hackするとしても1,2箇所あるかないかだから、条件付きコメントが必須ってわけでもないんだよ

                • テクノロジー
                • 2016/03/30 20:06
                • Sass
                • IE
                • CSS
                • HTML
                • 最強のCSS設計()のヒントになりそうな考え方いろいろ - Qiita

                  9 users

                  qiita.com/sawadays0118

                  #自前で最強のCSS設計()を構築する 今やCSS設計という言葉自体がかなり浸透して、OOCSS・BEM・SMACSSといった設計方法を 実際に使ってる方も多いと思います。 上記のようなCSS構成案を既に取り入れている場合でも、 各設計方法の良いところを取り入れたい 細かいところで融通が利かない もう少しわかりやすく簡潔にしたい なんて感想を持っている方は結構いるんじゃないでしょうか。 これから紹介するものは、著者が実際に使用しているものもありますので、 新しいCSS設計を構築したり、アレンジする際のヒントにしていただければ幸いです。 ##設計概念について 様々な概念がありますが、ここでは代表的なものを取りあげます。 同じ意味合いを持つ概念でも、CSS構成案ごとに名称が異なっていたりしますので、 名称の違いだけ混同しないように注意が必要です。 ##ベース ブラウザのスタイリングをリセットし

                  • テクノロジー
                  • 2016/03/12 14:00
                  • css
                  • architecture
                  • display:table-cell;を安易に使うべきでない理由いろいろ - Qiita

                    71 users

                    qiita.com/sawadays0118

                    #display:table-cell;は特性を理解してから使おう カンタンに横並びや縦横中央揃えができるという理由から「使わな損やで?」みたいに取り上げられがちなdisplay:table-cell;ですが、それ以上に仕様と特性をちゃんと理解していないと、結構危険なCSSプロパティです。 初心者なら「floatって挙動がよくわからないし、clearfixもどう使ったら良いのかわからん。」と理由で、上級者なら「IE8以上から上下中央揃えを実現できるなんて最高だぜヒャッホゥ!」といった理由から選択しがちですが、使う場合は以下の様なデメリットがあることを必ず踏まえておいてください。 ##レスポンシブレイアウトでの自由さがない コーディングの際にPCで5列、スマホで1列になるグリットレイアウトのデザインがあったとします。 そしてHTMLはなるべく分かりやすく、メンテナンスも簡単に済むように以下の

                    • テクノロジー
                    • 2016/01/14 04:14
                    • CSS
                    • table
                    • レイアウト
                    • コーディング
                    • Qiita
                    • HTML
                    • web制作
                    • あとで読む
                    • フロントエンドエンジニア/Webデザイナー向けの興味深い記事まとめ - Qiita

                      59 users

                      qiita.com/sawadays0118

                      #はじめに フロントエンドエンジニアやWebデザイナー向けの個人的に面白いな、興味深いなと思った記事をまとめてみました。 テクニック系はココや某サイトをごそごそすればたくさん出てくるので、読み物系中心にまとめています。 ##どっちかというとフロントエンド向け ###Web Fundamentals | Web Fundamentals - Google Developers https://developers.google.com/web/fundamentals/?hl=en Google公式のWeb制作ベストプラクティス集(一部日本語訳あり) ###CSS Architecture — Philip Walton http://philipwalton.com/articles/css-architecture/ CSS設計のベストプラクティスとは何かがわかりやすくまとめられている

                      • テクノロジー
                      • 2015/11/06 13:26
                      • フロントエンド
                      • frontend
                      • CSS
                      • article
                      • web制作
                      • あとで読む
                      • web
                      • IEのサポート期限まとめ - Qiita

                        9 users

                        qiita.com/sawadays0118

                        IEのサポート期限について サポート期限について若干ややこしくなっているようなので、記事にしてまとめてみることにしました。 既にご存知の方も多いと思いますが、2016年1月13日をもって各OSで使えるIEのうち最新バージョン以外はサポート外となります。 OSによるサポート期限の例 Windows Vista IE7-8は2016年1月13日でサポート終了。IE9はOS自体のサポート期限である2017年4月11日までサポートされる。 Windows 7 IE8-10は2016年1月13日でサポート終了。IE11はOS自体のサポート期限である2020年1月14日までサポートされる。 バージョン別のサポート期限一覧 OS IE7 IE8 IE9 IE10 IE11

                        • テクノロジー
                        • 2015/10/31 10:16
                        • ie
                        • browser
                        • webdesign
                        • Microsoft
                        • software
                        • windows
                        • web
                        • あとで読む
                        • 細かすぎて伝わらないCSSのコダワリ選手権 - Qiita

                          3 users

                          qiita.com/sawadays0118

                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                          • テクノロジー
                          • 2015/02/08 18:26
                          • css
                          • HTML,CSSコーディングで気をつけたい基本的なポイント - Qiita

                            10 users

                            qiita.com/sawadays0118

                            Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? コーディングで押さえておきたいポイント 1.構造と見た目を分離する HTMLは文書構造。CSSはスタイリング。 と役割を分担させたコーディングをする。 brタグを連続で打ってスペースを空ける 行頭を1字分空ける、または揃えるために空白文字を使う 文章構成上必要ない、背景に配置するような画像やアイコンをimgタグで設置する。 カラムの端から端まで見出しになっているデザインにおいて、スタイリングし難いという理由でsectionタグ(または共通で囲ってるdivタグなど)から外側に見出しを出してしまう 上記の例は全てHTML側で見た目をコントロ

                            • テクノロジー
                            • 2015/01/19 16:25
                            • 【jQuery】Webサイトのコーディングがラクになるライブラリ型プラグイン - Qiita

                              22 users

                              qiita.com/sawadays0118

                              共通ナビゲーション設計やレガシィブラウザ対応もラクラク もっとHTMLに手を加えず簡単にWebサイトが作れないか。 というのをコンセプトにluck2.jsというjQueryプラグインを制作しました。 概要/ダウンロード Githubのページをご覧下さい。 https://github.com/sawadays0118/luck2js このプラグインはyuga.js TT Customの改変にあたります。 基本的な使い方は変わっておりませんので、製作者様のマニュアルも参考にしていただくようお願いします。 yuga.js TT Custom - yuga.jsの個人的なカスタマイズ http://etc.dounokouno.com/yuga.js-TT-Custom/ 対応ブラウザ ie6以上 基本機能 プラグインの主な機能一覧です。 ロールオーバー 外部リンクの自動設定 スムーススクロール

                              • テクノロジー
                              • 2014/12/28 20:54
                              • JavaScript
                              • あとで読む

                              このページはまだ
                              ブックマークされていません

                              このページを最初にブックマークしてみませんか?

                              『qiita.com』の新着エントリーを見る

                              キーボードショートカット一覧

                              j次のブックマーク

                              k前のブックマーク

                              lあとで読む

                              eコメント一覧を開く

                              oページを開く

                              はてなブックマーク

                              • 総合
                              • 一般
                              • 世の中
                              • 政治と経済
                              • 暮らし
                              • 学び
                              • テクノロジー
                              • エンタメ
                              • アニメとゲーム
                              • おもしろ
                              • アプリ・拡張機能
                              • 開発ブログ
                              • ヘルプ
                              • お問い合わせ
                              • ガイドライン
                              • 利用規約
                              • プライバシーポリシー
                              • 利用者情報の外部送信について
                              • ガイドライン
                              • 利用規約
                              • プライバシーポリシー
                              • 利用者情報の外部送信について

                              公式Twitter

                              • 公式アカウント
                              • ホットエントリー

                              はてなのサービス

                              • はてなブログ
                              • はてなブログPro
                              • 人力検索はてな
                              • はてなブログ タグ
                              • はてなニュース
                              • ソレドコ
                              • App Storeからダウンロード
                              • Google Playで手に入れよう
                              Copyright © 2005-2025 Hatena. All Rights Reserved.
                              設定を変更しましたx