[B! responsive] emonkakのブックマーク

emonkak id:emonkak

responsiveに関するemonkakのブックマーク (7)

CSSでブレイクポイントを定義する時の一般的なスクリーンサイズやデバイスの状況を確認できる -Screen Size Map
スマホ・タブレット・デスクトップの一般的なスクリーンサイズをデバイスの状況、人気が高いスクリーンサイズ、サイズごとの分布がまとめられたScreen Size Mapを紹介します。最近はスクリーンサイズもかなり増えてきました。レスポンシブ用にブレイクポイントをいくつ用意し、いくつにすればよいかという時に便利です。
emonkak 2019/10/06
css

responsive
リンク
CSS only Responsive Tables
CSS only Responsive Tables Friday 4 Mar 2016 Four years ago I shared an idea to make tabular data responsive. Browser support was experimental and the workarounds were extremely hacky. I revisited the technique this week, cleaned it up, and I am pleased to say all modern browsers work perfectly. See the full demo on CodePen Here’s what basic overflow looks like: And if you want to flip the axis: T
emonkak 2016/03/21
responsive

css
リンク
レスポンシブデザインにすぐ使える！すごいアイデア30個 | コリス
サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet looks like in 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 01. 空白スペースを効果的に使う 02. ロゴの配置を一貫させる 03. 縦置きと横置きを考慮したデザイン 04. 縦長スクロールページの素晴らしいアイデア 05. 指のタップに合わせた形と大きさ 06. レイアウトにレスポンシブ用の微調整 07. 一行
emonkak 2016/03/06
responsive

design
リンク
Download A4 Magazine Mockup Vol.2
If time is money, there's no time to wait for old-school paper publications. Create the most polished magazine view you may think of with this mockup. It is a real treasure trove for those who are up for versatility and creative freedom. This PSD file is packed with endless possibilities, ready to transf orm your ideas into tangible masterpieces. The scene showcases a unique perspective and provide
emonkak 2015/11/02
responsive

icon
リンク
スマートフォンに最適化したレイアウトを実現できるフリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」
TOP > Design > スマートフォンに最適化したレイアウトを実現できるフリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」スマートフォンが携帯電話の主流となったことで、webサイトはパソコンで見る際の状態ではなく、スマートフォン用のレイアウトで制作することが当たり前となってきています。しかし、同時に両方を構築するのに時間や予算がかけられない時もあるのではないでしょうか？そんな時に便利なフリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」を今回は紹介したいと思います。（Big Picture | HTML5 UP）スマートフォンに最適化したレイアウトを実現できるHTMLテンプレートがまとめられています。詳しくは以下 Type & Grids — Flat-
emonkak 2014/03/12
responsive

html

template
リンク
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
emonkak 2013/05/30
web

design

responsive
リンク
Responsive Retina-Ready Menu | Codrops
A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes. Today we will create a colorful Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game. The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimize
emonkak 2013/05/17
web

design

css

responsive
リンク
1