Client works<a href= https://animaldpt.net/about/client-works_nogeyama-zoo/client-works-1/
![イラストレーター 西脇せいご](https://cdn-ak-scissors.b.st-hatena.com/image/square/ebecdbca4ebba8befcc4785528915909fe704dc0/height=288;version=1;width=512/https%3A%2F%2Fanimaldpt.net%2Fwp-content%2Fuploads%2F2018%2F03%2Fnishiwaki_p-works0d1-2.jpg)
プレゼン資料やブログ記事などを作成していて「ここにちょっとイラストがほしいなー」と思ったりしたときに重宝する、無料で商用利用可能なイラスト素材を配布しているサイトを集めてみました。 1. イラストAC イラストがすべて無料 「イラストAC」 2. ほらぱれっと 無料イラスト素材集ほらぱれっと / フリー&商用可TOPページ 3. ピクト缶 商用利用可のベクターイラスト素材集「ピクト缶」 4. ガーリー素材 ガーリー素材 | 無料フリーイラスト素材配布サイト 5. ストックマテリアル 商用可能な無料(フリー)のイラスト素材ならストックマテリアル 6. 無料素材倶楽部 アイコン・イラストフリー素材画像-無料素材倶楽部 7. エムスタジオ 商用利用/加工利用可能な無料フリーイラストアイコン素材 -エムスタジオ 8. クリップアートファクトリー クリップアートファクトリー | 全部無料で使えるテン
「画面」のデザインは、エンドユーザーから見た「プロダクト」との唯一の接点。超大事。 そんな画面のデザインにまつわる、エンジニアが「いじる」ときに気をつけると、もしかしたら面倒が減って争いが減ってみんなが幸せになれるんじゃないかなあ、とか、そもそもの設計上で考慮できると、もしかしたら使う人たちが幸せになれるんじゃないかなあ、というポイントを、思い付きで書いていくので、あとは誰か整理してほしい的な投げやり感あふれるアレコレ。デザインとコーディングの話を混ぜて書いてます。 空白の理由を考える編 その1. 空白にまつわる認識の相違 例えば、Tumblrのダッシュボード。右肩のメニューの隅までちゃんとレイアウトされてるなーって感じがします。 でも、もしあなたが「空白を理解しないエンジニア」だった場合、こんな感じにコーディングしてしまうかもしれません。 (※画像はイメージです) 「なーんか、素人感があ
作成:2013/11/11 更新:2014/10/24 Webデザイン > 前回フォントや「文字」に関するまとめを書きましたが、書き足りないことが結構あったので、続編を作りました。今回は自分の勉強もかねて、フォントに関する基礎知識、アキ、段組み、詰め、図版などデザインに携わるなら知っておきたい知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 文字の基礎知識 1.文字用語 組版 2.組版(くみはん) 3.禁則処理 4.追い込み/追い出し/ぶらさがり 5.段間 行間(レディング) 6.アキ 7.行長 8.段組み 9.黄金比 詰め 10.プロポーショナル詰め 11.音引き 12.拗音(ようおん) 13.合成フォント 余白 14.近接と遠隔 15.版面(はんづら) 図版 17.図版率 18.訴求度 文字の基礎知識 1.文字用語 頻繁に出てくる、ちょ
先日 Goodpatch さんが 保存アイコン=フロッピーディスクの時代は終わった…? という興味深い記事が掲載されていました。フロッピーディスクを保存アイコンをとして採用するのは古いのではないか、という議論は国内外で何年かに一回はあります。私も 2009 年に変わりゆく「保存」の存在と題してフロッピーディスクアイコンのあり方も踏まえて、今後の保存の姿を模索していました。また、先月開催された Android Bazaar Conference 2013 Spring でも同じ話題に触れています。 アイコンと問題解決について 様々なデザイナーが新しい保存アイコンを提案しているものの、「うん、これは保存だ」と納得できたものはほとんどなかったと思います。ダウンロードにみえるものも少なくありませんし、中には抽象的すぎて何を意味しているのかさえ分からないのもあります。自分たちのクリエイティブアウトプ
Windows 8 がリリースされてだいぶ日が経ちました。最大の特徴と言ってもよい Modern UI *1。モバイル端末をはじめとしたタッチデバイスに特化した大きめのタイル(ボタン)とタイポグラフィが一際目を引くデザインで、OS X や iOS のそれとは一線を画しています。 一方の Android。2011年2月にバージョン3.0である Honeycomb がリリースされ、それまでの 2.x から刷新したデザインになりました *2。2013年4月現在の最新バージョンである4.2(Jelly Beans)もこの流れを踏んでいます。 両者ともそれまでの Web2.0 と呼ばれていた頃に流行ったグラデーションやドロップシャドウをふんだんに使ったデコラティブなデザインに対し、平面的で装飾要素の極めて少ないミニマルなデザインが特徴です。これらは主に Flat UI と呼ばれ、2012年頃から現在
多くのギャンブル専門家は、カフェインが脳の意思決定能力に影響を与えるため、新米カジノプレイヤーなどのギャンブラーに対し、ベッティング中のカフェイン摂取に注意するよう警告しています。カジノでベッティング中にコーヒーを飲むのは避けるべきです。様々な科学的研究で、コーヒーを飲むとギャンブル下手になることが明らかになっています。 カジノでのコーヒーに注意 しかし中には、プレイ中にコーヒーを飲むよう勧めているカジノもあります。これは、カジノセンターがベッティング中のプレイヤーを混乱させるために使用しているトリックです。このような状況を理解して、ギャンブラーは勝率を高めるために、カフェインを避けるように注意しなければなりません。 • コーヒーのような刺激物は脳の意思決定能力に影響を与え、ギャンブラーがリスクを求めるようになることを多くの科学的、医学的研究者が証明しています。 • シャープな状態を保つた
.buttonClass { font-size:15px; font-family:Arial; width:140px; height:50px; border-width:1px; color:#fff; border-color:#18ab29; font-weight:bold; border-top-left-radius:28px; border-top-right-radius:28px; border-bottom-left-radius:28px; border-bottom-right-radius:28px; text-shadow: 1px 1px 0px #2f6627; background:#44c767; } .buttonClass:hover { background: #5cbf2a }
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに配置するために意図的に指定しているんであれば良いんだけれど、そうでないなら line-height 値には単位なし (number) で指定した方が良いのにとか思ったりする。その理由は Eric's Archived Thoughts: Unitless line-heights でも分かりやすく説明されているんだけど、ちと劣化コピーしてみる。 単位ありと単位なしの違い 手っ取り早く説明するために、サンプルを作ってみた。p 要素があって、その中にインライン要素の em で一部分を強調している。分かりやすいようにそれぞれの font-size
はじめに みなさん、明けましておめでとうございます!・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜!」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい! 前々から妻からは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く