最近流行りのウェブ開発系ツールまとめ（主にデザイン） | keisuke.tsukayoshi
最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。 マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。 マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き
情報がわかりやすい！インフォグラフィックの参考になるサイト13選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。 インフォグラフィックは、情報・データ・知識を視覚的に表現したものであり、情報を素早く簡単に表現したい場面で用いられます。身近なものだと、標識や地図、会社のプレゼン資料などにも使われていますよね。 身の回りのインフォグラフィックに目を向けてみると、図形や色選びが素晴らしいものがたくさんあり、デザインの参考になります。 そこで今回はインフォグラフィックを勉強したい人のために、参考になるギャラリーサイトやまとめサイトを紹介します。インフォグラフィックの作成時にぜひご活用ください。 編集部注：この記事は2013年8月に公開されたものを、再構成・編集しています。 infogra.me（インフォグラミー） https://infogra.me/ja/ インフォグラミーは、世界中のインフォグラフィックが掲載されているプラットフォームです。 人気ランキングやカテゴリ検
【検証】クリックされるボタンの色は？ | WebNAUT by Beeworks
検証したパターン 調査結果 全アクセスのコンバージョン率（CVR） 結果は下記の通りとなりました。 なんと！緑色がもっともCVRが低いという結果になりました。 どうやら、無条件に「緑色のボタンはクリック率が高い」という結果にはならないようです。 Firefoxをダウンロードしたユーザーと、ビーワークスの採用に応募しようとしたユーザーには、何か違いがあったのでしょうか？ 「どこから流入したか」によって結果に違いがあった 調査対象ページにアクセスしたユーザーは、何かきっかけがあって、ビーワークスの採用に興味を持ってアクセスしているはずです。そこで、どこから流入したのか、「参照元」のセグメント別に結果を分けて分析してみます。 こうやってセグメント別に分けてみると、参照元によってCVRの平均値自体に大きな差があることがわかります。CVR順に並べると、検索 ＞ WebNAUT ＞ なめぱら という結
色が持つ効果と意味 | デザインの情報を発信するクリマガ
Sharebar 普段デザインをやっていると切っても切り離せないのが色です。 色はなんとなく使っているし、自然に目にしてますが意味や効果ってわかっていてもちゃんと考えた事がないのでは？ 一般的な色による心理効果と、ポジティブ・ネガティブなイメージ効果の項目に分けましたので ※もちろん人によって捉え方が違うので、絶対ということではありませんのでご了承くださいｗ 飲食店は色の効果をうまく利用してますよね？食欲が上がる赤系の暖色をつかっているのはそのためです。 デザインや広告だけじゃなくても、好きな色で自分の精神状態や 人に与える印象をを知ることで人間関係や仕事にも使えると思います。 早速いってみましょう！ 赤色（レッド）は情熱的で意欲的になる アドレナリンの分泌が盛んになり、元気にさせる効果がある。 自己主張を増加させる。 心拍数を上げ、食欲増進させる。 ポジティブなイメージ 女性的、
[CSS] CSSで利用する画像をSpriteにするかBase64にするかを考察してみた - YoheiM .NET
こんにちは、@yoheiMuneです。 Webページを作る際に、CSSに使う画像をSprite化するのが良いのか、Base64エンコーディングしてCSSに埋め込むのが良いのか、 最近良く議論になります。 今回は、その議論をじっくりと考えてみた結果をブログに書きたいと思います。 背景 仕事でWebベースのゲームやSNSを作成することが多くあります。 HTML,JavaScript,CSS,画像を使って、画面を構成する仕組みです。 そんな仕事で、最近良く以下のような話題が聞かれます。 アプリケーションで利用するアイコンやボタン背景画像などを、Base64エンコーディングしてCSSに埋め込むべき？ それとも、Sprite画像にして読み込むべき？ この話題は、既に話しまくられている話題かもしれませんが、自分なりに考えて結論を出してみたかったので、今回考察しました。 考察した結論 結論から申し上げま
![[CSS] CSSで利用する画像をSpriteにするかBase64にするかを考察してみた - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d025f9ce3e0fffbd53497eff09d202f966b1646/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F187.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
