育休明け、スタートアップ→デジタル庁 キャリアは5年刻みで思索 NEW キャリア 2024.01.24
育休明け、スタートアップ→デジタル庁 キャリアは5年刻みで思索 NEW キャリア 2024.01.24
前にも一度、同じような問題に直面して調べて解決したような気がしたのですが、今回もおそらくその時と同じくGoogleで調べて解決したので、メモって忘れないようにしておこう。 font size自動調整をきる 最近ではレスポンシブデザインでいろんなデバイスに対応したりしますが、私もそんな感じの仕事をしていたわけです。最初はPC Chromeでwindowを伸び縮みさせながら作っていたわけですが、ある程度できた所でiPhone Mobile Safariでチェックしていたのです。Portrait mode(縦向き)では問題なく閲覧していたのですが、Landscape mode(横向き)にしたときにどうも文字サイズが変になります。 最近はiPhoneもリモートでWeb inspectorで見れたりしますから、細かく調べてみても数値的には問題無さそう。おかしいなってことで調べた後に、iPhoneでは
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
アップル、MacBook Pro Retinaディスプレイモデルをアップデート:Airはひっそり値上げ アップルは2月13日、MacBook Pro Retinaディスプレイモデルのアップデートを発表した(ただし執筆時点でApple Storeはメンテ中の「We'll be back」となっている)。 2560×1600ドット表示対応の13.3型ワイド液晶を搭載する「13インチMacBook Pro Retinaディスプレイモデル」は、2.5GHz(最大3.1GHz)のCore i5と128GバイトSSDを搭載する下位モデルが13万8800円、2.6GHz(最大3.2GHz)のCore i5と256GバイトSSDを搭載する上位モデルが15万8800円となる。従来機種に比べて、下位モデルが6000円、上位モデルが1万円ほど値下げされたほか、上位モデルはCPUが2.5GHzから2.6GHzに高
2Dでも3Dでも画像をLEGO化するPhotoshopのアクションを紹介します。 「for all the kids」って書いてあるけど、子供じゃなくても欲しいぞ。
半透明のパネルにテキストを配置したり、ナビゲーションを半透明にしたりなど、ウェブデザインでよく利用される透過のエフェクトの効果的な使い方と注意点を紹介します。 Using Transparency in Web Design- Dos and Don'ts 下記は各ポイントを意訳したものです。 はじめに コントラストを作るために透過を使う イメージの重要な部分は隠さない さまざまなレベルの透明度を使う 透過するとテキストが読みやすくなるとは限らない 透過を使うのは少しのスペースに 激しいコントラストの画像には透過は置かない 透過をアートとして使う 透過を飾りとして使用しない 背景に透過を使う 同時に多くの透過のエフェクトは使わない 循環するイメージに透過を使用する おわりに はじめに 透過を使ったウェブデザインは非常に美しいですが、慎重にデザインする必要があります。透過はカラーのブロック・
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く