検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

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

  • 知っておくと便利で役に立つHTMLの属性のまとめ

    あまり知られていないけど、知っておくと便利で役に立つHTMLの属性を7つ紹介します。 Google翻訳が翻訳しようとするのを防ぐtranslate属性、リンクをダウンロードするように指示するdownload属性、アッ...

    知っておくと便利で役に立つHTMLの属性のまとめ
    • Tailwind CSSの入門に!コピペで簡単に利用できるUIコンポーネントのまとめ

      Webサイトやスマホアプリで見かけるUIコンポーネントをTailwind CSSで実装されたコンポーネント集を紹介します。 Tailwind CSSを初めて触れる人にも簡単で、デフォルト構成で機能し、HTMLをコピペする...

      Tailwind CSSの入門に!コピペで簡単に利用できるUIコンポーネントのまとめ
      • Webのルビ仕様にはアクセシビリティを阻害している面がある。「日本DAISYコンソーシアム」が改善を求めてブラウザベンダ、WHATWG、W3Cらに公開書簡

        Webのルビ仕様にはアクセシビリティを阻害している面がある。「日本DAISYコンソーシアム」が改善を求めてブラウザベンダ、WHATWG、W3Cらに公開書簡 すべての人が等しく情報にアクセスできることを目指...

        • HTML属性を使い、ユーザーに優しい2要素認証を実現する方法

          Level up your Twilio API skills in TwilioQuest, an educational game for Mac, Windows, and Linux. Download Now

          HTML属性を使い、ユーザーに優しい2要素認証を実現する方法
          • 何故くそややこしいReactを勉強しないといけないのか? - Qiita

            逃げるプログラマー、避けられない壁 Web系アプリケーション開発をするとなると、React, Angular, Vueといったフレームワークの話題は避けて通れないのだけど、面倒にかまけてみて見ぬふりをしているデ...

            何故くそややこしいReactを勉強しないといけないのか? - Qiita
            • RF21 – Naman Goel – Rethinking CSS - Introducing Stylex

              CSS + superpowers - bloat. How Stylex creates a zero-cost abstraction that gives CSS superpowers. If you like what we do please consider subscribing → https://bit.ly/3lowyCt​​ --- This ev...

              RF21 – Naman Goel – Rethinking CSS - Introducing Stylex
              • 湘南乃風「睡蓮花」の歌詞

                睡蓮の花のように 朝日に向け今日も歌う 睡蓮の花のように この思い水面に光る 花びらが流した涙 貴方は笑えていますか? 上がりまくる季節が来た ヤバくなれるのは誰… 俺!俺! 俺!俺!Ole!Ole! Ah 真夏の...

                湘南乃風「睡蓮花」の歌詞
                • Facebook CSS-in-JS Solution Stylex Introduced at React Finland 2021

                  Engineering Digital Transformation for Continuous Improvement Engineering The Digital transformation leverages manufacturing's successful track record of improving productivity and qualit...

                  Facebook CSS-in-JS Solution Stylex Introduced at React Finland 2021
                  • テスト優先度をあげたくなる実話 - フロントエンド版 -

                    Storybook・テストに関して「メンテナンス工数に見合うだけのメリットがあるか?」という議論を、経験したことはないでしょうか。フロントエンドは、とにかく動くものを作ることが優先され、Storybook...

                    テスト優先度をあげたくなる実話 - フロントエンド版 -
                    • ウィトゲンシュタイン『論理哲学論考』とプログラミング言語的世界観

                      ウィトゲンシュタインの『論理哲学論考』の解説本を読んでいて、 「これはプログラミング言語の世界観だ」 と思ったところがあった。 解説本とは、古田徹也『ウィトゲンシュタイン 論理哲学論考 シリー...

                      ウィトゲンシュタイン『論理哲学論考』とプログラミング言語的世界観
                      • Webフロントエンド開発(2021)の見取り図をつくりたい

                        本業はiOS開発なのですが、6月頃から個人開発でWebフロントを触っています。 Webフロントに入門するときに、開発の前提知識・専門用語が多すぎて、脳が処理しきれない状態になりました。 これでも数年...

                        Webフロントエンド開発(2021)の見取り図をつくりたい
                        • エンジニアに伝わるデザインを作るためのFigmaのAuto Layout入門

                          徐々に日本でもメジャーなデザインツールとなっている「Figma」。前回の記事『FigmaのSmart Animateを活用したプロトタイプ入門』では、簡単にアニメーションを実現できる「Smart Animate」機能を紹介...

                          エンジニアに伝わるデザインを作るためのFigmaのAuto Layout入門
                          • ie11がお亡くなりになった後に利用可能なcss周辺 - Qiita

                            先日、コリスで紹介されたcssプロパティのaspect-ratio(ie11以外のモダンブラウザで利用可)に感動して、ie11がお亡くなりになってから利用できる他のcss周辺技術が気になり調査してみた。 aspect-rat...

                            ie11がお亡くなりになった後に利用可能なcss周辺 - Qiita
                            • プログラミングスクールの講師を2年間続けて限界が来て辞めた話 - Qiita

                              はじめに 某プログラミングスクールで二年間講師をしてました。 受講生の方からの評価点は平均より高く、最終的には全インストラクターの中から代表に選ばれる立場にまでなりました。 始めた経緯 もと...

                              プログラミングスクールの講師を2年間続けて限界が来て辞めた話 - Qiita
                              • Smart CSS Solutions For Common UI Challenges — Smashing Magazine

                                Quick summary ↬ Writing CSS has probably never been more fun and exciting than it is today. In this post we’ll take a look at common problems and use cases we all have to face in our work...

                                Smart CSS Solutions For Common UI Challenges — Smashing Magazine
                                • サブミット (送信) ボタンをデフォルトで無効化しない | Accessible & Usable

                                  公開日 : 2021年10月14日 (2021年10月18日 更新) カテゴリー : ユーザビリティ / アクセシビリティ / ユーザーインターフェース (UI) / ユーザーエクスペリエンス (UX) ウェブのフォームにおいて、サブ...

                                  • レスポンシブ対応にメディアクエリなしで、CSSの関数で定義!border-radiusの値を変えるテクニック

                                    border-radiusの値をデスクトップとスマホで変える、例えばビューポートが大きくてマージンがある場合は8pxで角丸にし、ビューポートが小さくてマージンがない場合は0pxで矩形にする。 メディアクエリ...

                                    レスポンシブ対応にメディアクエリなしで、CSSの関数で定義!border-radiusの値を変えるテクニック
                                    • プログラムによるレイアウト制御のための CSS Grid を考える

                                      この記事は、既存のCSSのレイアウトの文脈ではなく、「プログラムから制御されるレイアウト」をいかに綺麗に制御・生成するか、です。 複雑なSPAや何らかのオーサリング環境で、主に JavaScript の視点...

                                      プログラムによるレイアウト制御のための CSS Grid を考える
                                      • CSSのaspect-ratioプロパティがすべてのブラウザにサポートされました、画像をアスペクト比で実装する今までとこれからの実装方法

                                        先日アップデートされたSafari 15とSamsung Internet 15により、すべてのエバーグリーンブラウザでaspect-ratioプロパティがサポートされました。 ※エバーグリーンとは、最新版に自動アップデートされ...

                                        CSSのaspect-ratioプロパティがすべてのブラウザにサポートされました、画像をアスペクト比で実装する今までとこれからの実装方法
                                        • ビギナー向け、無料で最強の海外独学サイトリスト - Qiita

                                          お金をかけずに効率よくプログラミングを学ぶには とりあえず、メモ帳代わりにここのブログでなんか書いてみるかと思いたって、何の考えもなしに書いた一番最初に書いた記事に結構コメントや反響を頂き...

                                          ビギナー向け、無料で最強の海外独学サイトリスト - Qiita
                                          • HTML5はHTML Standardへ呼称変更 ~ HTML5プロフェッショナル認定試験は今後も有効 ~ |HTML5道場|Web資格なら「HTML5プロフェッショナル認定試験」公式サイト

                                            バズワードとしてのhtml5 HTML5と聞いてみなさま何を想像するでしょうか?バズワード化したウェブプラットフォームの代名詞としてのHTML5ということも、ウェブページ記述言語としてのHTML5ということも...

                                            • 【CSS】フルスクリーン表示 - Little Strange Software

                                              どうも!LSSです!! 以前、CSS+JavaScriptネタで、 という記事を公開しました。 「ブログレイアウトを無視して画面いっぱいに表示を呼び出す」というもので、この時はJavaScriptを使用して実現してい...

                                              【CSS】フルスクリーン表示 - Little Strange Software
                                              • Best Online Tools | 10015 Tools

                                                There is no tool in your favourite list yet. Start adding your favorite tools to list and access them with just one click.

                                                • 『Every Layout─モジュラーなレスポンシブデザインを実現するCSS設計論』、素直さという選択 #everylayout_ja

                                                  友人の腹筋ローラーの力を信じろさんと共に監訳を担当した書籍『Every Layout─モジュラーなレスポンシブデザインを実現するCSS設計論』が出版されます。現在、Amazonで予約受付中です。当初の予定より...

                                                  • How I built a modern website in 2021

                                                    How I built a modern website in 2021September 29th, 2021 — 34 min read For over half of 2021, I worked on a complete rewrite of kentcdodds.com. You're reading this on the rewrite of this ...

                                                    How I built a modern website in 2021
                                                    • 加工なし CSS のみで画像にグリッチと RGB ずらし効果をかける

                                                      グリッチとは 元々は「一過性の障害」という意味ですが、映像の世界ではしばしば「映像の乱れ」という意味で用いられます。ホラーやサイバーなどでよく見られる演出の一つ。 https://www.google.com/se...

                                                      加工なし CSS のみで画像にグリッチと RGB ずらし効果をかける
                                                      • モダンJavaScriptを基礎からしっかり学びたい人、Reactを身につけたい人に最高の入門書 -React実践の教科書

                                                        モダンJavaScriptの基本からTypeScriptの実践的な内容まで、Reactを一から学び、しっかりと身につけたい人にお勧めの解説書を紹介します。 Reactを身につける上で、これだけは知っておいた方がよいとい...

                                                        モダンJavaScriptを基礎からしっかり学びたい人、Reactを身につけたい人に最高の入門書 -React実践の教科書
                                                        • YouTube動画埋め込み時にパラメータを指定して表示をカスタマイズする方法 | Web Design Trends

                                                          YouTubeの動画をWebサイトに表示したい場合、埋め込みコードを使えば簡単に動画を埋め込むことができます。 今回は、YouTube動画をWebサイトに埋め込む時にパラメータ(オプション)を指定して... The ...

                                                          • CSSの新しい単位がすごく便利!コンテナベースの相対単位「コンテナ単位(qw, qh)」の基礎知識と使い方

                                                            CSSでよく使用する単位といえば、px, em, remをはじめ、最近ではvh, vwなどだと思います。特にレスポンシブ対応のレイアウト・コンポーネントを実装する時には、ビューポート相対単位のvh, vwが非常に...

                                                            CSSの新しい単位がすごく便利!コンテナベースの相対単位「コンテナ単位(qw, qh)」の基礎知識と使い方
                                                            • A Guide To CSS Debugging — Smashing Magazine

                                                              Meet Smashing Online Workshops on front-end & UX, with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. With Carie Fisher, Stefan...

                                                              A Guide To CSS Debugging — Smashing Magazine
                                                              • Safe DOM manipulation with the Sanitizer API

                                                                Applications deal with untrusted strings all the time, but safely rendering that content as part of an HTML document can be tricky. Without sufficient care, it's easy to accidentally crea...

                                                                Safe DOM manipulation with the Sanitizer API
                                                                • QNAP、NAS用OS最新版「QTS 5.0」、TeamViewerやWireGuard VPN、exFATに対応 

                                                                  QNAP、NAS用OS最新版「QTS 5.0」、TeamViewerやWireGuard VPN、exFATに対応 
                                                                  • 絵文字の色をCSSで反転させて引き伸ばすと背景画像になる - hitode909の日記

                                                                    絵文字の色を知っていなくても、とにかく引き延ばせば色を得られるのが良いと思う。 また、別の色を選んでくるんじゃなくて反転した色を使っているのも管理工数が少なくて良い。 😄😄 🔥🔥 👗👗 🤸🏼‍♂️🤸🏼‍♂️ 👁...

                                                                    • Web制作者・デベロッパー向け、ポートフォリオ用のHTMLテンプレート -Dopefolio

                                                                      Web制作者・デベロッパー向け、ポートフォリオ用のテンプレートを紹介します。 オープンソースで、HTML, CSS, JavaScript, Sassで実装されており、フレームワーク・ライブラリは必要ありません。自己紹...

                                                                      Web制作者・デベロッパー向け、ポートフォリオ用のHTMLテンプレート -Dopefolio
                                                                      • noteの虚空ボタンを顕現させる社内勉強会を開催しました|sawa / note inc.

                                                                        デザイナーの沢登です。 以前、コンテンツに関するアクセシビリティ勉強会をPRチーム森本さんに開催してもらいましたが、今回もアクセシビリティアドバイザーのfreee 伊原さんに協力いただきエンジニア...

                                                                        • このCSSなら簡単!フォームのチェックボックス・ラジオボタンとテキストをベースラインに揃えて配置

                                                                          フォームの実装で面倒なのがフォーム要素とテキストを揃える、特にチェックボックス・ラジオボタンとテキストをベースラインに揃えることです。 flexboxでalign-item: baseline;を使用すると、チェック...

                                                                          このCSSなら簡単!フォームのチェックボックス・ラジオボタンとテキストをベースラインに揃えて配置
                                                                          • Conditional Border Radius In CSS - Ahmad Shadeed

                                                                            A while ago, I was inspecting facebook.com home page feed to learn and see how they build things out. I’m always curious to see how people write CSS. I noticed a very, very interesting bo...

                                                                            Conditional Border Radius In CSS - Ahmad Shadeed
                                                                            • Pythonバックエンドエンジニアが1ヶ月でフロントエンドを学んだ話

                                                                              この記事について Pythonバックエンドエンジニアが1ヶ月でフロントエンドを学んだ話を共有する。 どういう勉強をしたかのラーニングパスを某所で話したら興味があるというコメントがあったので、自分の...

                                                                              Pythonバックエンドエンジニアが1ヶ月でフロントエンドを学んだ話
                                                                              • head内でパフォーマンスの問題がある箇所、Webページのレンダリングを妨げる要因を明らかにするCSS

                                                                                Webページのレンダリングを妨げる要因、<head>タグ内でレンダリングをブロックしているCSSやJavaScript、サードパーティーのリソースなどを表示して、どこを修正すればよいか教えてくれるCSSのスニペッ...

                                                                                head内でパフォーマンスの問題がある箇所、Webページのレンダリングを妨げる要因を明らかにするCSS
                                                                                • Next.jsで整える。デザインとロジックの分離

                                                                                  Transcript Next.jsで整える。デザインとロジックの分離 Page Extensionsの活用 2021/09/30 by hanetsuki hanetsuki • 業界4年目のフロントエンドエンジニア • 最初はHTMLとかCSSとか触ってた • 最近は...

                                                                                  Next.jsで整える。デザインとロジックの分離