タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Converted from TeX with LaTeXML. Sources upto the end of July 2025. Not a live preview service. Available as a dataset, download here. For articles with multiple revisions, only a single version is made available. When in doubt, always use the main arXiv.org article page. Goal: incremental improvement until worthy of native arXiv adoption. Sample: A Simple Proof of the Quadratic Formula (1910.0670
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Responsive Design Today Today, when using the term: "responsive design", you are most likely thinking about using media queries to change layout when resizing a design from mobile size, to tablet size, through to desktop size. But soon, this perception of responsive design may be considered as outdated as using tables for page layout. Viewport-based media queries give you some powerful tools, but
「固定値型」では、フォントサイズが固定値となるため、ヘッダーのコンテンツ幅によっては入り切らない場合があるため、ビューポートの幅が1280px未満の場合はSNSリンクを非表示にしている。 「相対値型」では、ビューポートの幅が変わってレイアウトに影響がないので、PCレイアウト時はSNSリンクは常に表示。 「固定・相対値複合型」では、「固定値型」の範囲内でフォントサイズが固定値となるため、ヘッダーのコンテンツ幅によっては入り切らない場合があるため、ビューポートの幅が1280px未満の場合はSNSリンクを非表示にしている。 「固定値型」では、ページのコンテンツの幅同様に、間延びを防ぐため最大幅を1680pxに設定。ビューポートの幅が1680pxより大きい場合は中央に配置される。 「相対値型」では、ページのコンテンツの幅同様に、常にヘッダーのコンテンツの幅がビューポートの幅と一致するため、最大値を
AVIF is a new image format that is quickly gaining popularity on the web because of its high compression rates, efficient performance, and broad adoption. AVIF is an open, royalty-free image format that is based on the AV1 video codec standardized by the Alliance for Open Media. This blog post will provide an overview of how AVIF is adopted in the ecosystem, and what kind of performance and qualit
.expressive-code+.expressive-code]:border-slate-300/20 [&>.expressive-code+.expressive-code]:shadow-[0_-1px_0_theme(colors.slate.300/.1)] [&>.expressive-code]:!h-full [&>.expressive-code_.frame]:!h-full [&>.expressive-code_.frame]:!shadow-none [&>.expressive-code_.frame]:after:!hidden [&>.expressive-code_:is(.frame,pre,.frame_.header)]:![border-radius:0]">
Looker StudioのResponsive Designがリリースされたので早速使ってみた。結論としては、めちゃめちゃ体験が良くオススメ。 次のような感じのデザインができます。 既存のレポートからはできない 一点だけ注意。既存のレポートからはできないので、移行が必要。 補足: 既存のレポートをResponsiveにしようとして失敗した図 Themeの横の Layout を確認したところ、Response Designの有効化ボタンを見つけた。 起動してみたところ、失敗した。新しくレポートを作ってほしいとのことなので作ることに。 Responsive Designを有効化したレポートを作成 作成手順 新しいレポートを作成したところ、次のようにLayout方式の選択画面が出現する。 Responsive Designを選択すると、Responsive Designを有効化できる。 有効化
If you’ve ever attempted to create responsive type that seamlessly adapts and scales between pre-determined sizes within a type scale based on viewport or container widths, you may have wrestled with JavaScript or wrangled with CSS calculators. But with the help of calc(), clamp(), and a somewhat wonky use of CSS vars, we can simplify this process and tap into the dynamism that modern CSS affords.
Smartphone and tablet simulator on computer with several models to test mobile responsive websites. Check the rendering on multiple devices, create impactful client demos, and save time in your testing. 58 devices available (with new ones added regularly) 📱 45 smartphones (old and recent) 💻 5 tablet models ⌚️ 11 special devices (smartwatches, kiosks, computers…) Main features 🎬 One-click video
AWS Compute Blog Building responsive APIs with Amazon API Gateway response streaming Today, AWS announced support for response streaming in Amazon API Gateway to significantly improve the responsiveness of your REST APIs by progressively streaming response payloads back to the client. With this new capability, you can use streamed responses to enhance user experience when building LLM-driven appli
Container queries and :has() are a match made in responsive heaven. Luckily, both of these features are landing together in Chromium 105. This is a huge release with two highly-requested features for responsive interfaces! Container Queries: a quick summary Container queries enable developers to query a parent selector for its size and styling information, making it possible for a child element to
Amazon EC2 Auto Scaling introduces highly responsive scaling policies Today, we are launching two new capabilities to EC2 Auto Scaling (ASG) that improve the responsiveness of Target Tracking scaling policies. Target Tracking now automatically adapts to the unique usage patterns of your individual applications, and can be configured to monitor high-resolution CloudWatch metrics to make more timely
Do you want to master CSS layouts? I'm building a new course. Learn more When you think about building fluid layouts these days isn’t about having fixed-width breakpoints anymore. Instead, the layouts we build today need to work on nearly any device size. To my surprise, I still see websites follow the adaptive design pattern, where it has a container that gets a new max-width value as per the vie
<style> .svg-icon-36 { width: 36px; height: 36px; fill: white; /* Can edit color */ background: orange; /* Can edit color */ padding: 5px; } </style> （注）投稿記事内のみ有効な CSS記述は、 styleタグ で囲む必要があります Google Blogger ブログの "全テンプレート（テーマ）" で利用可能な「SVGアイコン26種類」を まとめました！ /responsive/sprite_v1_6.css.svg#[SVGアイコン名] にて呼び出せますよー。 <p> <svg class="svg-icon-36"><use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_email_
Foundation for Emails 2 Quickly create responsive HTML emails that work. Even on Outlook. Get Started (Formerly Ink) 5.3k GitHub stars @FoundationCSS Making Emails Suck Less We know building HTML emails is hard, especially responsive emails. That's why we created Foundation for Emails. Get away from complex table markup and inconsistent results. Use Foundation for Emails to spend less time coding
Building flexible data visualizations for international sites For our international clients, we have created dynamic charts and data visualizations for the web. Charts typically render shapes like lines and paths, rectangles and circles. They contain text for titles, axis labels, numerical values and legends. SVG is the good fit for this purpose. It embeds directly into HTML and pairs well with CS
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く