検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

htmlの検索結果(絞り込み: 3 users 以上)92758 件中 1 - 40 件目

  • Vivliostyle ユーザーと開発者の集い 2020秋に参加しました - DTPab

    先週末、こちらのオンラインイベントに参加してきました。 vivliostyle.connpass.com 当日の配信はこちらです(勝手に貼り付けても良かったのか?)。connpassのイベントページから資料を見に行くと、...

    Vivliostyle ユーザーと開発者の集い 2020秋に参加しました - DTPab
    • CSSの変数(カスタムプロパティ)便利な使い方を詳しく解説 | コリス

      CSSの変数(カスタムプロパティ)の基礎知識、便利な使い方を詳しく解説します。Webページやスマホアプリのレイアウト、コンポーネントなど、実際の使用例がたくさんあるので、実用的なテクニックが満...

      CSSの変数(カスタムプロパティ)便利な使い方を詳しく解説 | コリス
      • Flashエミュレーター「Ruffle」はなぜ本家Flashの問題点を解決できるのか - 緑SM64のいろいろメモ

        Adobe Flash Playerがセキュリティの問題などから2020年末に終了することが発表され、Flashで作られたゲームなどのコンテンツをなんとか次世代につなげようという試みがいくつか出てきています。 それ...

        Flashエミュレーター「Ruffle」はなぜ本家Flashの問題点を解決できるのか - 緑SM64のいろいろメモ
        • Sass: LibSass is Deprecated

          After much discussion among the Sass core team, we’ve come to the conclusion that it’s time to officially declare that LibSass and the packages built on top of it, including Node Sass, ar...

          • 【CSS】CSS関連記事まとめ - Little Strange Software

            どうも!LSSです!! このブログのカテゴリを見ていると…「HTMLなど カテゴリーの記事一覧」の記事数ばかりがダントツで多くなってますねwww 「HTMLなど」というざっくりとしたカテゴリを設けたのは...

            【CSS】CSS関連記事まとめ - Little Strange Software
            • CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 - Togetter

              小形克宏 @ogwata CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 vivliostyle.connpass.com/event/189940/ 開会しました! 質問などあれば、#vivliostyle をつけて呟いてください。適宜こちらで...

              CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 - Togetter
              • より良いタイポグラフィのための知られざるCSS - Speaker Deck

                Transcript ླ໦� ৎ Α Γྑ͍λΠϙάϥϑ ΟͷͨΊͷ ஌ΒΕ͟Δ$44 Χʔχϯά ʕɹάϦϑ͕શ֯෯ͷͱ͖͸ແޮʹ ʕɹάϦϑ͕ϓϩϙʔγϣφϧ෯ͷͱ͖͸༗ޮʹ font-kerning font-kerning: auto; /* ϒϥ΢β͕ܾఆʢॳظ஋ʣ */ font-kerning: normal; /* ΧʔχϯάΛద༻͢Δ */ font-kerning: none; /...

                より良いタイポグラフィのための知られざるCSS - Speaker Deck
                • https://cssspider.fresalabs.com/home

                  • ゲーム攻略メディア「神ゲー攻略」の記事配信システムを、五年の歴史がある SSG から二年の歴史がある lit-html による SSR にリプレイスした話 - VOYAGE GROUP techlog

                    VOYAGE Lighthouse Studio の海老原 (@co3k) です。 ゲーム攻略メディア「神ゲー攻略」の記事は、これまで SSG (Static Site Generator; 静的サイトジェネレータ) を用いて構築、配信されていました。 ...

                    ゲーム攻略メディア「神ゲー攻略」の記事配信システムを、五年の歴史がある SSG から二年の歴史がある lit-html による SSR にリプレイスした話 - VOYAGE GROUP techlog
                    • Web制作者が持っておいて間違いない一冊!HTMLとCSSの必要な知識と最新テクニックをまとめて吸収できる良書 | コリス

                      HTMLとCSSを真剣に学びたい人にお勧めの本を紹介します。 HTML5とCSS3の仕様書に基づいて、知識をしっかり身につけ、実践的なテクニックを本格的に学べます。Web制作者が持っておいて間違いのない一冊...

                      Web制作者が持っておいて間違いない一冊!HTMLとCSSの必要な知識と最新テクニックをまとめて吸収できる良書 | コリス
                      • HTML - calc()関数がわからない|teratail

                        HTML・CSSを使って1カラム全幅デザインを作ろうとしたときにこちらのサイトを参考にCSSを追加したのですが margin:0 calc(50% - 50vw); この部分がいまいち理解できません。 かっこの中でプロパティの...

                        HTML - calc()関数がわからない|teratail
                        • CSSの新しい疑似クラス関数「:is()」複数のセレクタを1つにまとめることができて、これは便利 | コリス

                          CSSの新しい疑似クラス関数「:is()」が便利すぎるので紹介します。 :is()については、以前の記事で紹介した時はプレビュー版のみのサポートでしたが、ブラウザのサポートも進み、来年には普通に使用で...

                          CSSの新しい疑似クラス関数「:is()」複数のセレクタを1つにまとめることができて、これは便利 | コリス
                          • CSS Background Patterns by MagicPattern

                            Beautiful pure CSS background patterns that you can actually use in your projects! Created by @d__raptis

                            CSS Background Patterns by MagicPattern
                            • CSS Background Patterns by MagicPattern

                              Beautiful pure CSS background patterns that you can actually use in your projects! Created by @d__raptis

                              CSS Background Patterns by MagicPattern
                              • HTML&CSSとWeb制作の3年間の変化について – エビスコム

                                『HTML5&CSS3デザイン 現場の新標準ガイド【第2版】』はHTMLとCSSをリファレンス的にまとめた書籍です。第1版を出してから3年が経ち、その間の変化を反映させて最新の状態に改定しました。 Web制作の...

                                HTML&CSSとWeb制作の3年間の変化について – エビスコム
                                • iPhone 12で、ビューポートのサイズの種類が増えすぎ!デバイスの複雑さがUIの設計にどのように影響するのか | コリス

                                  iPhone 12シリーズが発表され、iPhone 12/12 Proの予約も始まりましたね。23日配送予定で予約できたので、私も楽しみです。ユーザーとしてはその新しいデザインや機能にワクワクしますが、デザイナー・...

                                  iPhone 12で、ビューポートのサイズの種類が増えすぎ!デバイスの複雑さがUIの設計にどのように影響するのか | コリス
                                  • hygen で生成 - 対話形式の Component 雛形 -

                                    Component 作成にあたり、storybook や test も一度にコミットする場面が増えてきました。そして CSS Modules や、特定 Component 専用の custom hooks など、一つの Component を構成するファイル群は...

                                    hygen で生成 - 対話形式の Component 雛形 -
                                    • その案件、本当にBootstrapが必要ですか?

                                      Bootstrapは非常に便利なフレームワークで、使いようによっては極めて高いコストパフォーマンスを発揮できるツールなのですが、適材適所という言葉があるように明らかにBootstrap向きではない案件でBoo...

                                      その案件、本当にBootstrapが必要ですか?
                                      • デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話

                                        こんにちは。TAK(@tak_dcxi)です。 今回記事にするのはタイトル通り「デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り」についてです。以前ツイートしましたが、特に説明もなか...

                                        デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
                                        • お問い合わせフォームのウェブアクセシビリティ対応の方法 - ICS MEDIA

                                          フォームはウェブサイトの中でもインタラクションの多い箇所です。ユーザー側にきちんと情報を伝え、そして正しく入力してもらう必要があるのでアクセシビリティには気をつけたいです。アクセシビリテ...

                                          お問い合わせフォームのウェブアクセシビリティ対応の方法 - ICS MEDIA
                                          • 開発者のためのReactJSロードマップ - ITnews

                                            ThemeSelection 高品質でモダンなBootstrap HTMLテーマや管理者向けテンプレートを提供するUIキットベンダ この記事は、著者の許可を得て配信しています。 https://dev.to/theme_selection/reactjs-roa...

                                            開発者のためのReactJSロードマップ - ITnews
                                            • シンプルなCSSで実装できる!記事は中央に固定幅、画像は幅いっぱいに、フルブリードレイアウトを実装するテクニック | コリス

                                              記事のテキストが多いサイトで見かけるレイアウト、記事は中央に固定幅、画像は幅いっぱいに表示するフルブリードレイアウトをシンプルなHTMLとCSSで実装するテクニックを紹介します。 記事の固定幅は...

                                              シンプルなCSSで実装できる!記事は中央に固定幅、画像は幅いっぱいに、フルブリードレイアウトを実装するテクニック | コリス
                                              • Vanilla JSでSPAやったるで

                                                TL;DR JS史上最軽量フレームワークと名高いVanilla JSでSPAしてみました。 今回目指すSPAの仕様 URLに対応するページが表示される。アンカーリンクをクリックするとURLが変更され、ページが遷移する。...

                                                Vanilla JSでSPAやったるで
                                                • まとまったCSSを別のコンポーネントに分けないでほしい話 - uhyo/blog

                                                  この記事は、ReactでCSSを書くときに関連したCSSを別々のコンポーネントに分けるのをやめようという記事です。主な理由は、スタイリングという機能が複数コンポーネントに分散するのを防ぐためです。こ...

                                                  まとまったCSSを別のコンポーネントに分けないでほしい話 - uhyo/blog
                                                  • Web制作の面倒な作業におさらば!便利な最新オンラインツール30個まとめ - PhotoshopVIP

                                                    この記事では、Webデザインやグラフィック制作がぐっと快適になる、最新便利オンラインツール、無料デザイン素材をまとめています。 これらのツールやサービスを利用すれば、これまで面倒だった作業も...

                                                    Web制作の面倒な作業におさらば!便利な最新オンラインツール30個まとめ - PhotoshopVIP
                                                    • Beautiful CSS 3D Transform Perspective Examples in 2020 | Polypane Browser for Developers

                                                      div { transform: perspective(75em) rotateX(18deg); box-shadow: rgba(22, 31, 39, 0.42) 0px 60px 123px -25px, rgba(19, 26, 32, 0.08) 0px 35px 75px -35px; border-radius: 10px; border: 1px so...

                                                      Beautiful CSS 3D Transform Perspective Examples in 2020 | Polypane Browser for Developers
                                                      • min(), max(), and clamp(): three logical CSS functions to use today

                                                        min(), max(), and clamp(): three logical CSS functions to use today Learn how to control element sizing, maintain proper spacing, and implement fluid typography using these well-supported...

                                                        min(), max(), and clamp(): three logical CSS functions to use today
                                                        • iPhone 12系統のレスポンシブ対応のメモ書き

                                                          今朝発表されたiPhone 12系統のレスポンシブ対応についてのメモ書き。取り急ぎ。 12 Pro Max 👉 428px (3x) PlusシリーズやXR,11,11 Maxの414pxよりも14px広い。 12 / 12 Pro 👉 390px (3x) 6〜8、Xや1...

                                                          iPhone 12系統のレスポンシブ対応のメモ書き
                                                          • Bootstrap 5 Alpha 2の注目しておきたい新機能、ダークテーマのコンポーネント・新しいユーティリティclassなど | コリス

                                                            先日リリースされたBootstrap 5 Alpha 2の新機能を紹介します。 新しく導入されたダークテーマのコンポーネント、ドキュメントナビゲーションの再設計、新しいユーティリティclass、今までとは異なるボ...

                                                            Bootstrap 5 Alpha 2の注目しておきたい新機能、ダークテーマのコンポーネント・新しいユーティリティclassなど | コリス
                                                            • ユーザー投稿型サイトのSEO対策

                                                              Zennという技術情報共有サービスを運営しています。長期的にZennの流入経路の多くは「検索」になると予想しています。むしろ検索流入が多いサービスであるべきだと考えています。 具体的なソースコード...

                                                              ユーザー投稿型サイトのSEO対策
                                                              • ストライクウィッチーズ ROAD to BERLIN 第1話「アルプスの魔法少女」 - ニコニコ動画

                                                                ページの読み込みに時間がかかっています エラーが発生しました お使いの環境では、「動画視聴ページ HTML5版」をご利用いただけない可能性があります

                                                                ストライクウィッチーズ ROAD to BERLIN 第1話「アルプスの魔法少女」 - ニコニコ動画
                                                                • metaタグに記述するソーシャルメディアや検索用のコードをまとめて簡単に生成できるオンラインツール -Meta Tags | コリス

                                                                  Twitter, Facebook, Pinterestなどソーシャルメディア、Googleの検索用のmetaタグのコードを1クリックで簡単に生成できるオンラインツールを紹介します。 日本語のコンテンツにも対応しており、...記事...

                                                                  metaタグに記述するソーシャルメディアや検索用のコードをまとめて簡単に生成できるオンラインツール -Meta Tags | コリス
                                                                  • #1 2020年8月にツイートしたTipsまとめ

                                                                    2020 年 8 月にツイートした HTML/CSS/JavaScript のツイートまとめです。見出しをクリックするとツイート元に遷移するので、気に入ったらフォロー・ファボ・リツイートお願いします。 1. enterkeyhint...

                                                                    #1 2020年8月にツイートしたTipsまとめ
                                                                    • Scrapyを使って自社SNSに特定形式の文字列が含まれていないかチェックする方法 - ZOZO Technologies TECH BLOG

                                                                      こんにちは、ジャポニカ学習帳の表紙に昆虫が戻って来た1ことに喜んでいる、SRE部エンジニアの塩崎です。 先日、有名な投稿型メディアプラットフォームで投稿者のIPアドレスが漏洩するという事象が発生...

                                                                      Scrapyを使って自社SNSに特定形式の文字列が含まれていないかチェックする方法 - ZOZO Technologies TECH BLOG
                                                                      • 次世代のフォント技術 バリアブルフォントの世界 - ICS MEDIA

                                                                        補完するのは登録された軸のみになります。たとえばitalの値が1種類しか登録されていないフォントはitalの値によらず一定の傾きをもちます。 オプティカルサイズとは、サイズに連動した文字のスタイル...

                                                                        次世代のフォント技術 バリアブルフォントの世界 - ICS MEDIA
                                                                        • CSSセレクタの詳細度を確認できるWebサービス「Specificity Calculator」 | TechMemo

                                                                          Specificity Calculatorは、CSSセレクタの詳細度を確認できるWebサービスです。 CSSでは、セレクタの詳細度が高い方を優先して適用する仕組みになっています。例えば、「.content」よりも「p.… The pos...

                                                                          CSSセレクタの詳細度を確認できるWebサービス「Specificity Calculator」 | TechMemo
                                                                          • CSSで期待通りに表示されない根本的な原因の見つけ方 | コリス

                                                                            CSSで、期待通りに表示されない、なんかずれてる、ブラウザによって表示が異なる、ということがありませんか? CSSで期待通りに表示されない時に、根本的な原因を見つける方法を紹介します。 その原因...

                                                                            CSSで期待通りに表示されない根本的な原因の見つけ方 | コリス
                                                                            • 次の時代のCSS in JSはWeb Componentsを従える

                                                                              CSS in JSはJavaScriptのコード中にCSSを書くプログラミング手法で、styled-componentsなどがメジャーどころです。現代的な開発では、ReactやVueといったフロントエンド用のViewライブラリを使う際にCS...

                                                                              次の時代のCSS in JSはWeb Componentsを従える
                                                                              • [React] よーし! いっちょReactやってみっか! #5 HTML→プロジェクト編 | Developers.IO

                                                                                はじめに CX事業本部の中安です。まいどです。 モバイルアプリエンジニアな自分がReactを始めてみることにした 「よーし! いっちょReactやってみっか!」シリーズの続きです。 今回もよろしくお願いしま...

                                                                                [React] よーし! いっちょReactやってみっか! #5 HTML→プロジェクト編 | Developers.IO
                                                                                • ブログに CSS in JS 環境下での スタイル分離リファクタリングを施してみた

                                                                                  ブログに CSS in JS 環境下での スタイル分離リファクタリングを施してみた2020-10-06(created) そろそろブログを大幅に改修しようと思っており、その前準備をしてリファクタリングをしていました。 具...

                                                                                  ブログに CSS in JS 環境下での スタイル分離リファクタリングを施してみた