srcset属性について - Qiita
とりあえず3行で srcsetはHTML5で策定された新属性 この要素はブラウザのスクリーン要件(幅、高さ、ピクセル密度)に応じて、異なる画像を読み込む事ができる IEでは使うことが出来ないので注意(http://caniuse.com/#search=srcset) srcset属性について詳しく 詳しく書いてあり、良い記事です。 srcset と sizes エリック・ポーティス 文と絵 鈴木丈 訳 個人的には、印象に残ったのは グリンピースおいしい^q^ でした メリット Retinaディスプレイ用に画像を切り替える ウィンドウサイズに合わせて画像を切り替える ウィンドウサイズに合わせて動的に画像を切り替える ->環境ににあった最適な画像をブラウザが選んでくれる（余計な画像は読み込まない） 引用元:HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう デメリ
HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう | Kia King
WEBでレスポンシブ対応するときに結構大変なのが画像の扱い。iPhone等の高解像度デバイス(Retinaディスプレイ等)には2倍の画像を用意する必要があるし、最近は画面のサイズに会わせて画像を切り替えたい場合も多い。そんな時にHTML5のsrcsetがすこぶる便利だったのでご紹介します。 srcsetでできること 次のようなことが可能になります。 Retinaディスプレイ用に画像を切り替える ウィンドウサイズに合わせて画像を切り替える ウィンドウサイズに合わせて動的に画像を切り替える Retinaディスプレイ用に画像を切り替える 基本的な使い方は下記のような感じでimgタグに使用します。シンプルですね。 <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/example-img@2x.jpg 2x" alt
ここをテーマTwenty Seventeenにしてのカスタマイズ一覧 | デフよん
ここをテーマTwenty Seventeenにしてのカスタマイズ一覧 2016/12/08[公開] 2018/02/07[最終更新] WordPress 4.7-jaアップデートが来ましたので、早速ここを2017年デフォルトテーマであるTwentySeventeenにしました。4.7にアップデートしてもテーマTwenty Seventeenは追加インストールが必要です。いままでTwenty Fifteenを利用していました。Twenty Sixteenは見送って、今回のテーマはライブプレビューをみて気に入ったので2年振りのテーマ刷新です。 この記事は、TwentySeventeenにしてカスタマイズした内容を追記していく予定です。全部出来上がってからアップしようと考えていたら、いつまでもテーマ変更できないと思うので、思い切って先に公開してから細かいところは追々設定していく予定です。まだざっ
今注目のテキストエディタ「Atom」の使い方と便利機能まとめ
更新日: 2022年8月9日公開日: 2015年7月21日今注目のテキストエディタ「Atom」の使い方と便利機能まとめ 『Atom』というエディタの名前を聞いたことはありますか？ 登場したのは2015年と比較的新しいエディタながら、Web開発者が作業を効率化するための様々な機能を網羅している優れものです。拡張機能が数多く公開されたり、人気の拡張機能が標準機能として加わったりと、今も進化しています。 使い始めると奥が深い、Atomの基本を簡単にご紹介します。 ※記事執筆2017年7月18日時点の最新バージョン1.19.0 Beta4の画像を使用しています。 Atomとは まずはAtomの基本情報や特徴などを紹介していきます。 Atomの基本情報 公式サイトはこちら AtomはGitHub（※1）の創業者Chris Wanstrath氏が「Web技術を用いて、Emacsのように自由にカスタマイ
【すぐわかる！】Atomエディタのインストールと日本語化、便利な使い方
Atomとは、使いやすいテキストエディタのひとつだ。プログラミングをするのに便利でエンジニアから絶大な支持を得ている高性能エディタになっている。 このページでは、Atomをはじめて使う方にインストール方法、日本語化、簡単な使い方についてまとめてご紹介した。参考にしていただければと思う。 Atomとは? Atom(アトム)とはソフトウェア開発のためのウェブサービス「GitHub」で開発され、2015年6月に正式バージョン1.0.0がリリースされたばかりの比較的新しいテキストエディタだ。 エディタとしての基本的な機能の充実度もさることながら、「パッケージ」と呼ばれる拡張機能を追加することで、それぞれのユーザーが使いやすい環境を作り上げることができるというのも魅力的のひとつと言えるだろう。 事実、Atomの登場以来ユーザー数は増え続けており、既に月間アクティブユーザー数は100万人を突破している
ATOM Editor をそろそろ始めようか - Qiita
私は20年来の「秀丸」ユーザでかつ重度の秀丸依存症なのだが，今まではともかく，これからも「Windows で秀丸」というわけには恐らくいかないので，マルチプラットフォームで使えるエディタを探している。 いくつか試してみたが，やはり ATOM Editor が相当だろう，と思うようになった1。 Visual Studio Code は MS 製品にしては面白いと思うし， .NET 5 のリリース時期あたりにはかなり良くなってる可能性もあるのだが，まだできないことのほうが多い。 Sublime Text は（Windows 版はあるけど）なんとなく Mac 用という印象。 そこで， ATOM Editor を実用性の観点から評価してみる。観点は以下のとおり。 Windows 環境でのインストールや運用の簡易さ できるだけ少ない機能拡張（基本機能でどこまでできるか） 秀丸との比較 ATOM Ed
テーマ Twenty Seventeen を使ってブログをカスタマイズ（目次）－WordPress – 妻と僕。
WordPressの初心者が無料のテーマ「Twenty Seventeen」を使用してブログをカスタマイズしていきます。 このページは、カスタマイズについて記述した記事のサイトマップ（目次）的なものとお考えください。ですので、カスタマイズの関連記事をアップするたびにここを更新していく予定です。 スポンサーリンク テーマを編集する時に絶対役立つツール ブログを始めてから４ヶ月。「WordPress」という言葉さえ知らなかったブログ超絶初心者の僕です。初心者の僕がテーマをカスタマイズできているのは、Google先生がなんでも優しく教えてくれるのと、ドラえもんの道具みたいに便利な『デベロッパーツール』を使用しているから。テーマのカスタマイズにおいて、この『デベロッパーツール』を知っているか知っていないかで、カスタマイズのしやすさに天と地ほどの差がでるので、知らなかった人は是非使ってみてください。
WordPress【twenty seventeen】トップページのヘッダー画像の高さを簡単に変更・カスタマイズする方法 | 便利なデジタル生活
WordPressのテーマ【twenty seventeen】ですが、とても素敵なテンプレートだと感じています。しかし、トップページヘッダー画像の大きさが凄い！！ 正直、この大きなヘッダー画像はインパクトがあって人によっては良いのかもしれません。しかし、個人的にはヘッダー画像が画面全てに表示されてしまうので、下スクロールさせないと記事一覧が表示できないことが少し残念と思ってしまいます。 恐らく動画をヘッダー画像に使用する場合には良いのかもしれませんが、通常のサイトだと大きすぎて邪魔と思う方が多いのではないかと感じています。 トップページ以外のページでは高さが抑えられており、それと同じ高さにしたいと思い【twenty seventeen】のヘッダー画像の高さ表示に関する仕組みを全て解析しました。トップページと他ページの違いは「home」、「twentyseventeen-front-page
WordPress【twenty seventeen】をカスタマイズする方法！ | 便利なデジタル生活
2017年10月現在においてWordPress標準の最新テーマである「twenty seventeen」ですが、本サイトもこのテーマをベースにカスタマイズしております。日々少しずつカスタマイズしてきましたが、このテーマ特有のカスタマイズに限定したネタをまとめて一挙公開します。 恐らく、このページ以上に「twenty seventeen」特有のカスタマズ方法を紹介しているページはないのではないかという位にまとめてみました。まとめたと言っても、今まで少しずつ記事にしてきたことをまとめて紹介するページと思ってください。 私も2017年6月よりWordPressでサイト運営を開始しましたが、最新テーマの「twenty seventeen」が一番斬新的な感じがして採用したのですが、実際に使ってみると直してみたくなる部分が多数出てきましたね。もう原型を感じさせないサイトになってしまいました。しかし、こ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Atom入門 (全15回) - プログラミングならドットインストール