iOS・macOSと同時に大型アップデートがSafariにも到来、新たな「高さ」の基準やカスケードレイヤーが追加される

2022/03/15 129 users カスケードレイヤー Safari iOS・macOS 到来

2022年3月14日にmacOS Monterey 12.3およびiPadOS・iOS 15.4がリリースされ、同時にSafariが新しいバージョン「15.4」にアップデートされました。Google ChromeやFirefoxに先行搭載されている多数の機能が追加されたほか、動的に変化するビューポートのサイズに応じて要素の高さを決める「dvh」という新たな指定方法など... 続きを読む

【CSS】見出しが変に改行しない！スマホのfont-size指定にvminを使ってみよう

2017/05/08 189 users vmin Photoshoptips font-size

creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 about contact スマホのfont-sizeの指定で良さげな指定方法を見つけたのでご紹介いたします。 特に見出しなんかの 大きな文字 を使用する場面で活用できそうです。 スマホあるある見出し改行しちゃう問題 スマホのコーディングしてると、見出しやキャ... 続きを読む

[CSS]レスポンシブ対応のフォントサイズの指定方法 -デスクトップやスマホのビューポート幅（vw）に対して文字サイズを変化させる | コリス

2017/03/10 134 users コリス フォントサイズ ビューポート幅 CSS 記述

CSSだけで、ルートのフォントサイズを元に最小値と最大値を指定し、その間のサイズはビューポート幅（vw）に対して自動で変化させるスタイルシートの記述を生成するオンラインツールを紹介します。 例えば、768px以下はすべて1rem、1920px以上は2rem、その間はvwに対して変化する、という指定が簡単にできます。 Responsive font calculator ツールの使い方は、簡単です。... 続きを読む

[CSS]フォントサイズの指定方法の基礎知識からレスポンシブに適した指定方法までやさしく解説 | コリス

2015/06/05 386 users コリス フォントサイズ レスポンシブ 相違 CSS

CSSでのフォントサイズの指定方法をその単位とそれぞれの相違から、レスポンシブに適したフォントサイズの指定方法までをやさしく解説します。 CSS Font Sizing 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 CSSでのフォントサイズの指定方法 各指定方法の特徴 レスポンシブに適したフォントサイズの指定方法 CSSでのフォントサイズの... 続きを読む

レスポンシブなウェブデザインをする際に役立ちそうなこと（主にスマホ対応）のまとめ｜Webpark

2014/06/12 225 users 備忘録的 メディアクエリ ウェブデザイン 小さいディスプレイ

レスポンシブにデザインしたサイトを作った際に役立ったこと（主にスマホ対応）を備忘録的にまとめてみます。いろんな方が同じような内容をまとめていますし、基本的なことも多いですがお役に立てばうれしいです。 メディアクエリの指定方法 小さいディスプレイから指定する場合と、大きいディスプレイから指定する場合があります。どちらにせよ、PC用、タブレット用、スマホ用と分けることが多いようです。まずは大きいディス... 続きを読む

今どきのCSS3グラデーションの指定方法 - to-R

2014/02/05 125 users 今どき to-R CSS3グラデーション TOP 記述

今どきかはわからないですがCSS3グラデーションの指定方法を再考してみました。 対応ブラウザ 現在の正式な記述「linear-gradient (to bottom)」とちょっとレガシーな記述「linear-gradient (top)」、それと古いWebKit用のgradientプロパティの対応状況を調べてみました(緑はベンダープリフィックスが必要)。ひとまず角度指定がどのバージョンから変更され... 続きを読む

[CSS]俺好みのfont-family指定が最強に読みやすくてオススメ！ | DevAchieve

2012/12/22 474 users DevAchieve font-family指定 CSS

2012/12/22 [CSS]俺好みのfont-family指定が最強に読みやすくてオススメ！ 俺のためにWeb開発者は俺にとって読みやすいフォント指定をするのだ！ 指定方法は下にあるぞ！ 新規でサイトを制作するのに基本のフォント指定を持っていなかったので 色々調べたり、このブログのフォント指定を変更してみたりしたら 実は Arial より Verdana のほうが見やすいことがわかってしまった... 続きを読む

CDNでウェブサイトを高速化するためのまとめ: 小粋空間

2012/06/12 136 users CDN Con 小粋空間 まとめ ウェブサイト

CDNでウェブサイトを高速化するためのまとめです。 「そんなの知ってるよ」という方も多いと思いますが、バージョンの指定方法や、キャッシュ・フォールバックなど、CDNに関する情報を集めましたのでご覧いただければ幸いです。 認識誤り等ありましたらどこかでつぶやいてください。 １．CDNとは CDNとは「Contents Delivery Network（コンテンツデリバリネットワーク）」または「Con... 続きを読む

[CSS]IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ | コリス

2011/05/24 437 users コリス HTML 特定 IE以外 CSS

Conditional stylesheets -条件付きコメント：スタイルシート 条件付コメントはInternet Explorerの特定のバージョンでロードさせるべきスタイルシートを簡単に指定することができます。IE以外のブラウザではこの条件付きコメントは、HTMLのコメントとして扱われます。 条件付コメントの指定方法は、下記のようになります。 続きを読む

[CSS]IEを含めた主要ブラウザと各スマートフォンに対応した@font-faceの指定方法 | コリス

2011/02/06 170 users コリス iOS font-face font-family

IE6, 7, 8, 9をはじめとする主要ブラウザ、iOS, Androidのスマートフォンに対応させるための@font-faceの指定方法を紹介します。各ブラウザ・スマートフォンに対応させる@font-faceの指定方法各主要ブラウザ、スマートフォンに対応させる@font-faceの記述は、下記のようになります。@font-face {font-family: 'MyFontFamily';sr... 続きを読む

【書評】 「実践Web Standards Design」が名著すぎる - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/01/27 345 users IDEA セレクタ 名著 書評 アマゾン

現在「実践Web Standards Design」を読破中。アマゾンでもやたら評価が高かったので気になっていたのですが、改訂版が出るというので待っていたのでした。先日無事に改訂版を購入、一気に読み込んでいます。 ↑ やっと手に入れたぞ、と。 まだ途中ではありますが、いまいちわかっていなかったDOCTYPEやらマージンの相殺やらfloatやらCSSのセレクタの指定方法だとかがすっきりとわかってかな... 続きを読む

コマンドが失敗したらプロンプトを赤くする - blog.8-p.info

2009/01/02 281 users プロンプト コマンド ARGV 8-p.info char

しばらく前から、コマンドの終了ステータスをプロンプトの色に反映させるようにしている。 終了ステータスとは C言語なら int main(int argc, char* argv[]) { ... return 0; } この return している 0 が終了ステータス。この整数値の下位 8bit がプロセスの終了時に親 (そのプロセスを起動したプロセス) にわたる。 終了ステータスの指定方法はい... 続きを読む

[CSS]日本語と英語で異なる最適なフォントサイズの指定方法 | コリス

2007/04/10 176 users font-size line-height コリス CSS

日本語・英語のサイト制作に使用しているCSSのフォントサイズの指定で、2007年用デフォルトとしているものです。 %指定を採用している理由の１つは、font-size、line-heightとともに組み合わせにより微妙に異なり、その組み合わせの最適な値を採用するためです。 日本語サイトのフォントサイズの指定 英語サイトのフォントサイズの指定 line-heightの指定 日本語サイトのフォントサイ... 続きを読む