【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
2011年11月27日 情強がひた隠しにしているフリーソフトまとめ Tweet 3コメント ｜2011年11月27日 13:30｜ソフト・アプリ等｜Editタグ ：フリーソフト >http://uni.2ch.net/test/read.cgi/news/1322219255/ ニュース速報「情強ν速民がお勧めするフリーソフト」http://hatsukari.2ch.net/test/read.cgi/news/1310540136/51 ：(チベット自治区)：2011/07/13(水) 16:08:10.22 ID:Wp6ZvTmw0 GDI++（フォント表示がめっちゃきれいになる） http://www18.atwiki.jp/gdiplus2/ bluewind（シンプルで早いテキストランチャ） http://www.web-ghost.net/bluewind/ マウ筋（マウスジ
ちょっと便利帳
知っているとちょっと自慢。日本を知る。世界を知る。時を知る。ようこそ、『みんなの知識 ちょっと便利帳』へ !!
IDEA*IDEA
This domain is for use in illustrative examples in documents. You may use this domain in literature without prior coordination or asking for permission. More information...
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
100均収納グッズのカタログサイト「モノサイズ」。アイテム探し・サイズ確認に。（100円ショップ：DAISO・Seria・Can do） 2024/04/10『Seria・Cando 衣装ケース風 小物入れ』を掲載しました 2024/04/06『Seria・Cando カプセルトイ ディスプレイケース』を掲載しました 2023/12/15『Seria 横開きディスプレイケース ロング』を掲載しました 2023/05/27『Seria・Cando 山田化学 SIKIRI 3V』を掲載しました 2023/05/21『DAISO 重なる透明収納ケース 1段引出しシリーズ 4点』を掲載しました 2023/05/21『シャイニートレイ・ケース浅型・ケース深型』を掲載しました 2022/05/02『Seria 中が見えるボックスシリーズ 5点』を掲載しました 2022/05/02『Seria 横開きデ
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
『デザインは8の倍数でできている』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの？というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
日本の宅配ピザの標準価格は世界でもずば抜けて高い！ 一説によると、世界一高いとまで言われている。最低でも1枚（Mサイズ）1000～1500円が一般的な相場ではないだろうか。 そんななか驚くほど安いピザ屋さんを発見したのでご紹介したい。そのお店はなんと最低価格280円！ たったの280円で直径約25センチのピザを焼きたてで食べることができるのだ。しかも激ウマ!! ここのピザを食べたら「もう他店でピザを頼むことはできない。ピザに1000円って（笑）」という人が出てくるかも？ 他店と値段の差は歴然。 このお店「sempre pizza（センプレピッツア）」は東京・杉並区、高円寺駅北口から少し歩いたところにある。2011年6月に開業したばかりで、まだ1年も経っていない。しかし、おいしいピザをお値打ち価格で食べられるとあって、行列ができることもあるようだ。ビックリ価格のピザメニューは以下の通り。 ・
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
旅行や出張などで利用する「スーツケース」。荷物がきれいに収まらなかったり、スーツケースの中で衣類がぐちゃぐちゃになってしまったりと、パッキングに苦戦する人が多いのではないでしょうか？ そこで今日は、宿泊日数に合わせたスーツケースの選び方やパッキング方法などを紹介します。 ■ スーツケースの選び方 これからスーツケースを購入するという人は、宿泊日数や目的に合ったスーツケースを選びましょう。 ▽ http://www.devicenet.co.jp/store/bag/trank.html 4日間までの宿泊ならば、機内持ち込みができるサイズもあるSサイズのスーツケースがおすすめです。荷物を持って移動することが多い人や、個人旅行をよくするという人にもぴったりです。 1週間程度の宿泊なら、渡航先や季節によりますが、Mサイズのスーツケースで十分です。それ以上の宿泊や、2人分の荷物をまとめる場合は、L
html5-memo.com
404 NOT FOUND 指定されたページが見つかりません。 お手数ですが、次のいずれかの方法でページをお探しください。 ブラウザの再読み込みを行う 入力したURL（ページアドレス）にタイプミスがないか確認する ブラウザの「戻る」ボタンを押して前画面からやり直す
cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า
2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
こんにちは、株式会社リングスター（以下、リングスター）の唐金祐太（カラカネ ユウタ）と申します。大阪本社、明治20年創業の工具箱、いわゆる職人さんの使うツールボックスを奈良県生駒市にて製造しており、現在私の父が５代目になり、私はアトツギとして日々東奔西走しております。 リングスターの手掛ける工具箱私達リングスターは、100年以上一貫して工具箱を作り続け〈木製・鉄製・樹脂製〉と時代に沿った最適な素材を選び、今日まで「現場でも20年以上使えるプラスチック製の工具箱」とその圧倒的な耐久性を職人さんに評価をいただいて参りました。今回は約１年前に弊社の製品のスーパーバスケット（以下、バスケット）についてツイートした所、思いのほか反響をいただきました事をきっかけに書かせていただきます。（遅） 年間30万個売れるバスケット 10年前に職人さんがカゴに工具を入れていた事を見て開発 従来のカゴは耐久性がなく
寸法と解像度のチートシート
その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 ％程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く，横が数％長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm，印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書，TOEIC … 縦 4 cm × 横 3 cm TOEFL，英検 … 縦 3 cm × 横 3
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
10,000mAh 大容量携帯充電器 enecycle EN03 こんな感じの箱に入って到着した「enecycle EN03」。 中身本体はeneloopライクなこんな感じ。 気になる製品仕様 箱の裏面には気になる製品仕様。 内蔵電池:リチウムイオンバッテリー 10,000mAh 入力:miniUSB DC 5V 1A 出力:USB1 5V2.1A(最大) USB2 5V1.0A(最大) サイズ:70×99×23mm 重量:約240g 少ーしサイズと重量が気になる、こんな感じの製品仕様です。 新型iPad対応の2.1A+1Aのダブル出力！ 出力USBが2.1Aと1Aで2つあるので、iPadとiPhoneを同時充電、なんて事も出来ちゃう。 まぁあんまりやらないかもしれないけど、やれるにこした事はない。 充電はminiUSBから5V1A以上で！ 5V1A以上の出力でminiUSBプラグを使って
Free Icon Search Engine
Download the best high quality ICO, SVG, PNG icon filesBrowse our online vector icon library powered by our merged partner Find Icons, the largest searchable free icons database in the world. Featuring Icons for Apps, Settings, Social Media, Email & more, get thousands of icons in lots of different styles, for free and in any format. Our curated Icon Sets SelectionCheck out our hand-picked collect
「ポンチ絵」が大好きだ。 なかでも官公庁のつくるポンチ絵がいい。 細かく書き込まれた文字にフリーのイラスト素材、あちらこちらを向いた派手な矢印と吹き出し、関係性を示す線……。圧倒的な情報量がぎゅうぎゅうに詰め込まれた1枚の資料……。それこそが至高のポンチ絵だ。 言葉で説明していても、きっとこの魅力は伝わるまい。まずはご覧いただこう。 環境庁による名作「地域循環共生圏（日本発の脱炭素化・SDGs構想）」とにかくうつくしい。見とれるほどに。 デザインを学んだ人なら眉をひそめるかもしれない。だが、その複雑怪奇な魅力にはあらがえない――。 いったいなぜこんなものが生まれたのだろうか。誰がどうやってつくっているのか。なんのために…どんな意味があるのだろう？ わからないことだらけだ。 そこでこの記事では、官公庁のパワポ資料（いわゆるポンチ絵）の独特さ、ポンチ絵が生まれた背景とその使命について考察し、ポ
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
会員でない方でも「お気に入り」機能が 使えるようになりました 会員限定だった「お気に入り」機能を使って、 気になったアイテムやブランドを追加するとお買い物がより快適になります。 自分だけのアイテムリストを作る 気になるアイテムを追加して、価格や在庫状況などをこまめにチェック！ よく見るブランドだけ楽々検索 たくさんあるブランドの中から 好きなブランドのアイテムだけ楽々検索！ 好きなショップの最新情報を知る ショップを追加すると、日々更新される「ショップニュース」の中から お気に入りショップだけのニュースを見ることが出来ます。 値下がり情報や在庫状況などをお知らせ お気に入りアイテムが値下がりした時や、在庫が残り少なくなった時、 お気に入りショップが値下げした時などにお知らせします。 をクリックして追加 アイテムやブランドページにある ハートマークをクリックしてどんどん追加しよう。
考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
TOLOT（トロット）は、撮り溜めた写真からフォトブック、カレンダー（卓上、壁掛け）、ポストカードが作成できるサービスです。価格は250円〜（税込み）。人気キャラクターとのコラボ商品もあり、オリジナルのグッズ（アルバム、作品集、手帳、カードなど）を作って楽しめます。
フォントのサイズの単位に何を使ってますか？ px？ em？ それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
コンテンツの案内 このサイトには、下記の種類のコンテンツがあります。 「vimエディタ基本」vimエディタの基本的な情報を扱った記事の一覧 「vimエディタのインストール関連の記事」vimエディタのインストール方法 「vimエディタ・スターターマニュアル」vimエディタの操作方法（かなり入門） 「vimスクリプト」vimエディタの拡張スクリプトの記事の一覧 「役立つ、助けになるvimスクリプト」 「デフォルトでインストールされているvimスクリプト」 「vimエディタカラースキーマ」vimエディタのカラースキーマのスクリーンショットの一覧 「vimスクリプト リファレンス」vimスクリプトの書き方、サンプルコード 「その他のツール、コマンド」vimエディタ以外の、ツール、コマンドの記事の一覧 「ダウンロード」このサイトで配布しているファイルの一覧 このサイトではRSSでサイトの更新情報を配
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024年4月30日 biz@tsumikiinc.com
画像圧縮サイト／TinyPNG
Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now
検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog
HTMLファイ部のほんだです。 気づきTips！ Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当する エンジニアを集めた部署「HTMLファイ部」では、 制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。 通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の糸口をさがす ▼ 3. こんな方法があったのか〜 と気づきを得る というフローでスキルアップしていくことがもっぱらだと思うのですが、 学びを増やしていくためには違うアプローチも必要なんじゃないかと思います。 カヤックHTMLファイ部では、 1. みんなで蓄積したTipsをざぁっと読む ▼ 2. こんな方法があったのか〜 と気づきを得る ▼ 3. 制作の際に導入していく というフローを繰り返し実践していくことで、 検索では気づけないことを学び、実装力アップ
【無料】自炊の神アプリキタ！驚くほどPDFのサイズをカットする最強ツール「ExSqueeze it」 - iTea3.0
Home » Mac » Macアプリ » Macユーティリティ » 【無料】自炊の神アプリキタ！驚くほどPDFのサイズをカットする最強ツール「ExSqueeze it」
tumblrで画像収集するのは割と当たり前 ですが、後で見返すときに見にくいテーマ だと見る気がしないのでいろいろ試して いましたが、せっかく試したのでついでに 画像収集に向いてそうなtumblrのフリー のテーマをご紹介します。 というか変えたい時に探してるんですけど、いちいち面倒なのでメモしたいんですが、せっかくなのでここにリンク集作ってシェアしようかなと思った次第です。 簡単ではありますが、特徴をメモ書きしています。Lightboxが付いてるとか、自動で次のページを読み込むとかリキッドレイアウトとか。 全てをちゃんと確認したわけではないので、参考程度に。順不同、全部で51個ありました。 キャプチャはテスト用で作ったものです全部無料です環境次第でカラム数が変わるものもあります長くなってしまって見る気がしないので1カラムは省いています。Themanati 3カラムのリキッドレイアウトでギ
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに（備忘録も兼ねて）スマートフォン向け開発（主にネイティブアプリ開発）におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
<meta name="viewport" content="width=device-width,initial-scale=1"> と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返す
エンジニアが自分一人でアプリ開発などをしているとかなり困るのが画像素材の作成。（もっというとデザイン全般ですが。。。） その中でもアプリアイコンを作る際に個人ではどうしているかを晒してみようと思います。 アイコンを作る手順 ざっくり手順を言うと以下２つです。 Inkscapeで元アイコン作成 makeappiconで全サイズのアイコン画像作成 Inkscape アイコン作成といえばIllustratorやPhotoshopを使うのが一般的かと思うのですが、非デザイナーにとってこれらのソフトはまだまだ高価で簡単に手を出せるものではありません。 そこでこのInkscapeです。 公式サイトはこちら。 Inkscapeはオープンソースの無料のベクター画像編集ソフトです。（ものすごく簡単に言うとIllustatorと同じことができる無料のソフトです） 無料ですが、基本的なアイコン作りには困らない機
@torizoです。 今回は毎日Macを使いまくっている僕が実用性抜群のもう手放せないくらい超便利なMacアプリを紹介します。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
情強がひた隠しにしているフリーソフトまとめ : ライフハックちゃんねる弐式
100均収納グッズのカタログ情報サイト MONO SIZE（モノサイズ）
15 Useful Code Snippets for Smartphone Website
CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め
激安なピザ屋がウマすぎてヤバイ！ ピザ1枚280円でイタリア人が失神するレベル
たくさんの衣類もスッキリ！ 旅行に役立つ「スーツケース」のパッキング術 - はてなニュース
指定されたページが見つかりません。｜Infoseekニュース
逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)
Flexboxで決まり！ | Webクリエイターボックス
見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式
『盗む』から『買う』に。老舗の工具箱屋がカゴを作ったら、年間30万個売れるようになった話｜唐金祐太
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
iPhone5回分の大容量バッテリー『enecycle EN03』お値段2,480円の携帯充電器レビュー
横向きA4サイズの現代アート。霞が関の「ポンチ絵」はどうして生まれたか？ その知られざる使命とは｜narumi
この商品は売り切れなどの理由により表示しておりません - ZOZOTOWN
500円フォトブックTOLOT（トロット）
https://design-spice.com/2012/06/13/responsive-web-design-image/
[CSS]フォントのサイズ指定はpx？ em？ 既存の再検討とこれからのテクニック
名無しのvim使いへようこそ。 — 名無しのvim使い
フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
tumblrで画像収集するのに向いてそうな、無料のテーマ・51個まとめ（と、少しだけ特徴をメモ
ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開 | 初代編集長ブログ―安田英久
【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた
もう逃げない。HTMLのviewportをちゃんと理解する
エンジニアだけでアプリアイコンを作る - Shoichi Matsuda's diary
毎日Mac漬けの僕が快適すぎて手放せない超便利なMacアプリ10コ - iTea3.0