デザインは第一印象が大切！5秒でできる3つのデザインチェック方法 | Webクリエイターボックス
2016年5月10日 Webデザイン, ユーザビリティ, 色彩 人間は一瞬で物を識別します。研究によると、たった0.1秒で人を判別できるようです。Webサイトにおいても同じことが言え、ユーザーはWebサイトを開いて0.05秒でそのサイトが好きかどうかを判断し、そのサイトを見続けるか、閉じるかを決めるそうです。そんな大切な「第一印象」。どのようにチェックすればいいのか、考えていきましょう！ ↑私が10年以上利用している会計ソフト！ ぼかしテスト ぼかしテストでは、デザインをぼかした状態で確認し、強調するべき箇所が強調されているかをチェックします。 テスト方法 Photoshopを使う方法と、ブラウザーを使う方法があります。 Photoshopを使う方法 バナー広告やWebサイトのスクリーンショット画像を用意 Photoshopで フィルター＞ぼかし＞ぼかし（ガウス）で5〜10pxほど画像をぼ
faviconをマルチファビコンとapple-touch-iconの2枚で済ます！ : おち研
増えすぎたfavicon（ファビコン）とapple-touch-iconのサイズ展開を最小枚数ですませたいあなたと私の作業ログ。iOS用の大きなWEBサイトアイコンapple-touch-iconも設定次第でAndroidに読み込めます。自サイト見た目をチェックする方法もご紹介してます。 faviconはサイトの顔なので作り込んだ方が良いのは判ってるのですが、昨今ではリクエストサイズが増えすぎて何が何だかもー訳がわかりません。 飽和すると投げ出しがちな性格なので、そもそも16×16の基本ファビコンすら描かずに以前やってたサイトのfaviconを流用して適当に済ませていました。 んが。 サーバログ見てたら「apple-touch-iconが無いよ」というエラーがいっぱい出てたので、これを機にマルチデバイス用アイコンを設定することにします。 まずは自サイトのアイコンをチェック 各サイズのアイコ
Atom でコードの構文エラーを確認できる Linter プラグイン
プログラムを書く際には当然文法に気をつけないといけませんね。文字を打ち間違えて実行してエラー出て直して・・・なんてのは開発効率が悪いですのでエディタ上で自動的にチェックしてくれると助かります。 VisualStudio とかの IDE では標準でついていると思うんですけど、Atom では無いのでプラグインをインストールして対応しましょう。 AtomLinter まず必須なのが上記 linter プラグイン。apm でインストールするなら $ apm install linter でインストールできます。 でもこれだけでは動かず、必要な言語の linter プラグインをインストールする必要があります。 自分の場合は html, css, javscript, php, ruby あたりをよく使うので以下をインストールしました。 linter-htmlhint linter-csslint l
PHPからDropBox APIを使ってみた - F.Ko-Jiの「一秒後は未来」
今回は DropBox の API を PHP 用の公式 SDK を利用して試してみました。特に多くのユーザーに利用してもらうためではなく、自分用に使うためのコマンドラインツールみたいなものであれば、OAuth 認証の処理を書く必要もないので簡単に実装できます。 作成するアプリを登録する まず DropBox 開発者向けサイトの「App Console」→「Create app」から作成するアプリを登録しましょう。 どのようなアプリを作るのかいくつか順に質問されるので、用途にあわせて選択します。ここでは、 What type of app do you want to create? → DropBox API app What type of data does your app need to store on Dropbox? → Files and datastores Can y
Gentallela - プログラマでも美しく管理画面を作成できるBootstrapテーマ | ソフトアンテナ
「Gentellela」はBootstrap 3を使った無料の管理画面用テンプレートです。デフォルトスタイルのBootstrap 3をベースとして多数のパワフルなjQueryプラグインやツールを組み込んだもので、美しい管理用パネルやダッシュボードを簡単に作成することができます。 テーマにはチャートや、カレンダー、フォーム検証ライブラリ、ウィザードスタイルのインターフェイス、ナビゲーションメニュー、テキストフォーム、スライダー、プログレスバー、通知メニューなどたくさんの有用なライブラリが組み込まれています。 今回はオンライン上で確認できるデモサイトを元に、どのような画面が実現できるのかスクリーンショットとともに紹介したいと思います。 ダッシュボード ▲ダッシュボードのデモでは多様なチャートが表示できることが確認できます。テーマはレスポンシブ対応で画面サイズに応じて適切に描画されます。 フォー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cheat Sheet
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
