スマホサイト全体のキャプチャを一度で撮って効率化！WebCollectorを使ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ライターの伊丹松です。最近喉が痛いです。9月10月に風邪を引かない人って逆になんなんでしょうね。 さて、最近では「モバイル・ファースト」などと言われるように、ますますプライオリティが高まっているのがスマホサイト制作。 しかし、PCサイトに比べてどうしても縦長になってしまうため、キャプチャが必要な場面でも一度に全画面を撮ることができません。スクロールして撮った複数の画面写真を後からPhotoshopで繋げて…という作業経験がある方も多いのではないでしょうか。 デザインチェック、デバグ、構成書・指示書への貼付けなど、キャプチャはさまざまな場面で必要になります。ちょっとした作業ですが、ページ数が多いサイトなどでは、トータルでみればけっこうな作業量になります。 そこで今回は、そんなキャプチャ作成作業の手間を解消してくれるアプリを紹介したいと思います。 WebCollectorの紹介 他
人間の目に優しい色合いを設計するためのカラースペース -HUSL
iOS 7にも採用されているような落ち着いたパステルカラー、同じ明るさで異なる色合いを組み合わせたカラースキームなど、人間の目に優しくより見やすくなるように色合いを設計するためのカラースペース「HUSL」を紹介します。 HUSL -Human friendly HSL HUSL -GitHub HUSLは「Human friendly HSL」の略で、RGBのカラースペースに幾何学的な変換して設計されています。カラーの定義はHSLのように色相（hue）と輝度（lightness）を使い、彩度に「saturation」ではなく「chroma 」を使用します。 彩度のsaturationとchromaの違いは、こんな式になるようです。 Saturation（彩度：S）＝ Chroma(C) ／ 明度(V) 参考：イメージクリエーションの構築と基礎知識の習得 どんな感じかは、デモですぐに試すこと
[JS]iOS向けのページ制作に役立つ便利機能がたくさん詰まったスクリプト -iOS.js
iPhone, iPadなどのiOS向けのページを制作するのに役立つCSSやJavaScriptの便利機能をたくさん備えたスクリプトを紹介します。 iOS.js [ad#ad-2] iOS.jsの特徴 iOS.jsのデモ iOS.jsの特徴 iOS.jsではデスクトップのブラウザ向けページとは異なる点を中心に、より簡単に実装できるよう便利な機能がたくさん用意されています。 改善 min-height ページがスクリーンより小さい時は常にアドレスバーが表示されてしまいますが、スクリーン全部を使って表示します。 ※下記にデモがあります。 リンク ページ内の全てのリンクをWebAppで開きます。 100% height 通常「height=100%」はロードした最初の画面の高さを元にしますが、アドレスバーが隠された後のサイズ変更に対応します。 ※下記にデモがあります。 アドレスバー ページがロー
アプリ開発者に聞いた！ 同じアプリなのに、AndroidよりiOSのアプリの方がデザインが良いのは何故なのか？
アプリ開発者に聞いた！ 同じアプリなのに、AndroidよりiOSのアプリの方がデザインが良いのは何故なのか？2012.05.08 17:007,806 そうこ 解説してもらおう！ アプリデザインはアプリデザインでしょ。iOSでもAndroidでも同じアプリなら同じアプリでしょ。が、実はグッドデザインでエレガントなアプリを作るなら、iOSで作った方が良いというのです。都市伝説でしょ？ いえいえ、これはiOSもAndroidもどちらもこなすとあるアプリ開発者達の言葉です。iOSの方がアプリを綺麗に作りやすい、これ絶対。なんで？ HipmunkというアプリのUIとUXを手がけるデザイナー兼iOS開発者のダニロ・カンポス（Danilo Campos）氏は、｢答えは実にジンプルで簡単。Androidアプリよりも、iOSアプリの方が美しく作るのがより簡単にできるからだ。｣と話します。 デザイン、それ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
