Responsive Images the Simple Way
Long-time Cloud Four readers will be familiar with Jason’s definitive series on responsive images. This article is meant as a shorter companion piece focused on the most common responsive image use case: resolution switching. The responsive images spec is fantastic and covers a lot of use cases, but in my experience, most of the time you’ll only need to understand one of them: Serving a different
embedresponsively.com
Great news! The embed codes offered by these services are already responsive: Scribd (select 'Autosize') SoundCloud Storify Twitter Know of more? New embed type giving you problems? Please report any issues on GitHub. embedresponsively.com helps build responsive embed codes for embedding rich third-party media into responsive web pages. The code here is based on research and work by Theirry Koblen
Interpolation in CSS without animation - MadeByMike
Ideas for a more general purpose interpolation function in CSS. Posted by Mike on 29th December 2016 (about a 17 minute read). Interpolation is the estimation of a new value between two known values. This simple concept is vastly useful and it's commonly seen in animation on the web. With animation you declare the target properties and the end-state, and the browser will workout out the values in-
Get the Balance Right: Responsive Display Text
Last year in 24 ways I urged you to Get Expressive with Your Typography. I made the case for grabbing your readers’ attention by setting text at display sizes, that is to say big. You should consider very large text in the same way you might a hero image: a picture that creates an atmosphere and anchors your layout. When setting text to be read, it is best practice to choose body and subheading si
Viewport Unit Based Typography | Zell Liew
I talked about using rem and em for responsive typography and for building modular components in two blog posts previously. In both posts, comments about viewport based units inevitably comes into the picture. I resisted working with viewport units for a while, believing that using them would be a pain in the ass because of the calculations involved. Last week, I finally overcame the resistance an
レスポンシブ・タイポグラフィーなど
ウィンドウや画面のサイズに合わせて文字の大きさを自動的に変更するテクニックは、俗にレスポンシブ・タイポグラフィーまたはフルイド・タイプと呼ばれている。当初は僕も良いアイディアだと思い多用していたが、重要なのはビューポートの大きさではなくデバイスとの距離だろうと思い直したためもうほとんど使うことはない。当初から嫌いといっていた人はこの辺にしっかりとした意識があったのだろう。 使うことをやめた理由は、単純に技術的制約によってユーザーとデバイスの距離を知るすべがないからに過ぎない。レスポンシブ・タイポグラフィーが目指す、適切な文字の大きさを環境ごとに提示することそのものについては正しい考え方であると思う。ただ今利用されている「ビューポートが768px以下なら文字を小さめにする」というようなアバウトな実装だと問題がある。もちろんvw単位を使ったフォント・サイズ指定でも同じだ。 なぜならばデスクトッ
The anatomy of responsive images - JakeArchibald.com
I just had my responsive images epiphany and I'm writing it all down before I forget everything. This is what I know… Fixed size, varying density If your image is a fixed size in pixels, but you want to cater for screens of different density, here's the solution: <img alt="A cat" width="320" height="213" src="cat.jpg" srcset="cat-2x.jpg 2x, cat-3x.jpg 3x">Fixed size, here or in CSSThis is used as
Responsive Typography With Sass Maps — Smashing Magazine
There are various ways to approach responsive typography and consistent vertical rhythm, and they are not limited to my suggestion. However, Jonathan Suh finds that this works for him more times than not. Managing consistent, typographic rhythm isn’t easy, but when the type is responsive, things get even more difficult. Fortunately, Sass maps make responsive typography much more manageable. This i
フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024年4月30日 biz@tsumikiinc.com
Responsive Tables in Pure CSS - LivingSocial's Technology Blog
We recently overhauled our payment statement tables for mobile web in Merchant Center. Our goal was to meet the following requirements: No javascript. You can find all sorts of plugins to but it’s nice to go with a pure CSS solution if at all possible. The text must be localized so no storing plain text in the stylesheets, nullifying Chris Coyer’s recommendation though the end result is built upon
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://spyweb.media/2017/12/21/css-responsive-hexagon/
Redirecting to https://www.cerberusemail.com/
Responsive Image Maps jQuery Plugin
Loading...
GitHub - GalleriaJS/galleria: The JavaScript Image Gallery
