タグ

2018年11月14日のブックマーク (3件)

  • CSSすら不要!detailsとsummaryタグで作る簡単アコーディオン

    2018年11月14日 CSS, HTML 長い文章や補足説明をアコーディオン(折りたたみ)にしたい時ってありますよね。そんな時に使える details と summary タグを紹介します。CSSなしでも実装できますが、CSSを加えてより素敵な表現をする方法も挑戦しましょう! detailsとsummaryタグの基的な使い方 details タグで囲んだ部分がアコーディオンとして設定されます。その中に summary タグで最初から表示させておきたい部分を囲めば完成! summary タグの部分をクリックすると、詳細文が表示されます。 HTML <details> <summary>Adobe Photoshop</summary> 画像編集ソフト。写真やイラスト、3Dアートワークの作成、webサイトやモバイルアプリのデザイン、動画編集や描画などはPhotoshopで。 </detai

    CSSすら不要!detailsとsummaryタグで作る簡単アコーディオン
  • CSSの「calc()関数」を使うとすごく便利に!レスポンシブ対応のレイアウトで高さを最適化するテクニック | コリス

    レスポンシブ対応のレイアウトを実装する際に手間なのは、ブレイクポイントの定義です。ここ1,2年でもたくさんのデバイスがリリースされ、それに伴いスクリーンサイズの種類も増えてきました。 そんな時に便利なのがCSSの「calc()関数」を使ったテクニック。 calc()を使用して、デスクトップやタブレットやスマホのそれぞれに最適なレイアウトを実装するテクニックを紹介します。 Use calc() to Change the Height of a Hero Component 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 calc()を使ったフォントサイズの可変 paddingとline-heightの場合 ヒーローコンポーネントの場合 calc()を使ったヒーローコンポーネントの実装 calc()のサポートブラウザ 最後に ca

    CSSの「calc()関数」を使うとすごく便利に!レスポンシブ対応のレイアウトで高さを最適化するテクニック | コリス
  • 広告なし視聴できる「YouTube Premium」、日本でもスタート - ITmedia NEWS

    YouTubeが、YouTubeとYouTube Musicで広告なしの再生、オフライン再生 、バックグラウンド再生を行えるほか、すべてのYouTube Originals視聴が可能な「YouTube Premium」サービスの提供を開始している。 3カ月間無料トライアルでき、終了後は1180円/月の有料サービスとなる。iTunes経由でも購入できるが、終了後の価格は1550円/月と割高だ。 YouTubeファミリープランを設定してファミリーグループの管理者になると、自分を除く同世帯の最大5人の家族(ファミリーメンバー)とYouTube PremiumまたはYouTube Music Premiumのメンバーシップを共有できる。

    広告なし視聴できる「YouTube Premium」、日本でもスタート - ITmedia NEWS
    shishikaba
    shishikaba 2018/11/14
    googleも得しない抱き合わせ販売をするんだな