Webサイト＆WebアプリのRetina対応方法まとめ
こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map
background のショートハンドで background-size が設定できない - Qiita
今回もコリスさんの記事を見て，真似してみた． 記事を見る前の設定では，background-size: cover; をつけてなかったので，ブラウザの幅を変えても背景画像の一部しか表示されなかった．これをなんとかしたいなーと思っていたときのコリスさん！！本当にお世話になっております．m(_ _)m background-size を設定する 無難なやり方 記事内にあるとおり，個別に指定する方法でやったら何事もなくうまくいった． body { background-image: url(path2image); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #47D
how to change a drawableLeft icon size on a button?
I added some icons on 4 buttons and they look so big next to the button. So how can I resize them? I used drawableLeft on the buttons to add icons. The drawables are called deal, trophy, puzzle and megaphone. The icons are too big. The content_main.xml file: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.a
Photoshopでキャンバスサイズを画像ピッタリに変更する小技
こんにちは、さち です。 Photoshop Elements でウェブ用の画像を編集をするとき、キャンバスに無駄な余白を作りたくないことがありますよね。 しかし、画像（レイヤー）ピッタリにキャンバスサイズを変更する作業は、拡大表示をして切り抜き範囲を微調整しなくてはいけない、アンチエイリアスの画像だと境界が分かりにくい、など地味に手間がかかります。 そこで今回は、ピッタリ切り抜ける超簡単な方法を紹介していきます。 余白を無くし画像ピッタリのキャンバスサイズにする キャンバスが大きすぎて余白ができています。 画像が描かれているレイヤーサムネイルの上で、Ctrl キーを押しながら「クリック」。 画像に沿った「選択範囲」ができます。 メニューの「イメージ」→「切り抜き」と進みます。（キーボードで Alt + I → P キーでもOK） 画像ピッタリのサイズにキャンバスが切り抜かれました。「選択
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「なんとなく」初心者から脱却しよう-Retinaディスプレイ編 - KOI
