2022年に起きたフロントエンドの変化Burikaigi 2023 https://burikaigi.dev/ Twitter https://twitter.com/__sakito__
GitHub - mgdm/htmlq: Like jq, but for HTML.
$ htmlq -h htmlq 0.4.0 Michael Maclean <michael@mgdm.net> Runs CSS selectors on HTML USAGE: htmlq [FLAGS] [OPTIONS] [--] [selector]... FLAGS: -B, --detect-base Try to detect the base URL from the <base> tag in the document. If not found, default to the value of --base, if supplied -h, --help Prints help information -w, --ignore-whitespace When printing text nodes, ignore those that consist entirel
よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ
Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。 それだけを実装するため、HTMLとCSSのコードは非常にシンプル、カスタマイズも簡単だと思います。スニペットに登録しておくと、便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 レイアウトやUIコンポーネントだけを実装するコード CSS Layoutの特徴 CSS Layoutは、よく使用されるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。 CSS Layout 依存関係は一切無し フレームワークは必要無し ピュアCSSで実装、CSS
[iOS] YoutubeとVimeoに展開されている動画を再生する方法 | DevelopersIO
はじめに こんぬづは、弊社クラスメソッド株式会社は本日で本年の業務を終了しますが、それはさておき実家のリビングに転がっていたジンジャークッキーを食べたら辛すぎて辛い田中です。 さて本題です。最近、動画配信サービスに展開されている動画をiOSで再生する方法について調べたのでまとめます。 WKWebViewで再生する方法 動画配信サービスが生成してくれるiframeをhtmlのbodyに入れて、それをWKWebViewのloadHTMLStringの引数に加えます。 使うhtmlは以下のようなものになります。bodyのdiv要素内にiframeを入力します。 <html> <head> <style type=\"text/css\">body {background-color: transparent;color: black;}</style> <meta name=\"viewport
![[iOS] YoutubeとVimeoに展開されている動画を再生する方法 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/cd616d43627770acf3d2af18695851272d60bed9/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F12%2Fios.png)
あなたが知らないかもしれないCSSの7つの単位について - Coding Design's Tumblr
CSSでpx, %, emって単位は使っているけど、新しく追加された単位はどうでしょうか。 レスポンシブWebデザインのサイトやモバイルデバイスのサイト・アプリを作るようになると、もちっと便利に使える単位がないのかしらと思うところです。 そこで、CSSの新しい単位についてよくまとめてくださってる投稿があったのでご紹介します。 紹介されている単位は7つです。 remvh と vwvmin と vmaxex と chremまずはみなさんご存知の em に似ている rem から見て行きましょう。 em は指定されているフォントサイズを 1em とする単位です。 下記のように使いますね。 body { font-size: 14px; } div { font-size: 1.2em; } // 1.2em は 14px * 1.2 = 16.8px となるem で指定する値は親要素の値に対する比
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]長さの単位 - Qiita![[CSS]長さの単位 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/36a83a3ae521e0691cfcb2f7e9185b0e41ed8950/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCQ1NTJTVEJUU5JTk1JUI3JUUzJTgxJTk1JUUzJTgxJUFFJUU1JThEJTk4JUU0JUJEJThEJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iZTljMTNmMmM1NzFjMGU1MzRhODY4MGRkZDBkOTBhNg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwYW5jaG9vciZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OTBiNTY3MzdhMDI3Y2NlNDU0N2EyYWFjZGJhNDY1NTY%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D64987f5a37e89e410018af57192cbe86)
Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス
