2015年用、日本語のフリーフォント163種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人や商用で利用できる、無料の日本語フォント164種類を紹介します。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。同人誌や印刷物などでの利用も明記しました。 毎年まとめていますが、初紹介のものから既存のものまでダウンロード・ライセンスを改めて確認しています（※情報はこの記事の執筆時のもの）。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 では、多彩なデザインが揃った「FGシリーズ」からご紹介。 FGゼロ 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 零式艦上戦闘機に使用されていた文字を現代風にアレンジしたフォント。レトロでシャープな字形
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary
一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア
「The Non-Designer's Design Book」はエンジニア必読の書籍だった - YAMAGUCHI::weblog
はじめに こんにちは、Python界の情弱です。もうかれこれ5年くらい「僕にウェブデザインのセンスがあったら、いやせめてデザインのセンスがあったらどんなによかったことだろう」と思っていたわけですが、半ば諦めていました。しかし先日同僚の@kotarokパイセンに勧められるがままに「ノンデザイナーズ・デザインブック」を読んだら、これが素晴らしい書籍で、もう一度僕にやれば出来るかもと思わせてくれたわけです。 ノンデザイナーズ・デザインブック [フルカラー新装増補版] 作者: Robin Williams,吉川典秀出版社/メーカー: 毎日コミュニケーションズ発売日: 2008/11/19メディア: 単行本（ソフトカバー）購入: 58人 クリック: 1,019回この商品を含むブログ (102件) を見る 本書が良いのは、多くのデザイン例があり、それも原則の適用後だけではなく、その前後でどれだけデザイ
勝手にリデザイン：新宿高層ビルの館内施設案内板
勝手にリデザイン：新宿高層ビルの館内施設案内板 新宿のとある高層ビルの館内案内標識が話題に。後学のために、仕様・問題点を整理、改善案の作成を行ってみました time2011/09/08 hatenabookmark- Twitterで、あるサイン（案内板）のことが話題になっていました。新宿のあるビルの案内図のようですが、わかりづらいことが問題になっているようです。 …確かにこれはわかりません。トイレを探している時に遭遇したら結構辛いと思いますね。でも、なぜわかりにくいのか、どういう改善案が考えられるのか、もう少し考えてみることにしました。 仕様 まず、この図から読み取れる情報だけでは何が「正解」かわからないので、実際の現場に足を運んでみました。 そして、館内をぐるっと見学してみて、大体の施設の配置を把握してきました。（ちなみに、ビルの中をウロウロしてると普通に不審者だと思うので、警備員の方
大江戸Ruby会議：「IT勉強会じゃないコミュニティを」 － ＠IT
いわゆるIT勉強会ではなく、プログラマが集まってプログラマ集団として成果を出す。そういうコミュニティが作りたかった――。2011年4月10日、東京・深川で行われたRuby技術者（Rubyist）の集まり「大江戸Ruby会議01」の基調講演で挨拶した松田明氏は、浅草を中心に取り組んできた地域のRuby技術者のコミュニティ作りに込めた思いを、こう述べた。 成果を出すプログラマ集団のための場を 大江戸Ruby会議は、札幌、名古屋、仙台、東京、関西、九州などで年に数回行われている“地域Ruby会議”と呼ばれるイベントの1つ。参加者数こそ約80人とRubyKaigiやRubyConfなど内外の年次イベントより小規模だが、オープンソースコミュニティの1つのあり方を示すお祭りであり、交流会でもある。 開催メンバーは「地域Rubyist集団の生活発表会みたいなものです」と趣旨を説明する。“生活発表会”とい
PNGの画質を劣化せず極限までファイルサイズを落とす、たった1つの方法 | フリーソフトラボ.com
ウェブ上で使用される画像ファイルのフォーマットには、主にJPEG、GIF、PNGという3種類の圧縮形式があり、この中で可逆圧縮かつフルカラー、つまり元画像の画質を見た目上一切劣化させることなくファイルサイズを縮小できるのがPNGですが、欠点は高画質な分ファイルサイズが大きくなってしまいがちなこと。 このため、フルカラーのPNGをウェブ上で使用する場合は専用ツール（有名なものではAzConvPNGなど）を使用してファイルサイズの最適化を行い、画質を劣化せずにできる限りサイズを落とした上でサーバーにアップロードされることがよくありますが、それでも削減できるファイルサイズは良くて1割といったところでしょう。 実は、一般にはほとんど知られていませんが、この他にもフルカラーPNGを画質劣化なしに、さらに大幅にファイルサイズを削減できる裏技的な方法が存在します。やり方は少し面倒ですが、うまく使えば非常
Firefox 4のツールバーボタンの色を変更する方法 | ライフハッカー・ジャパン
デザインも一新されたFirefox 4 betaを好きになる理由はたくさんありそうですが、左上のコーナーに常にあるメインメニューボタンのオレンジ色が実はあんまり...、という方もいらっしゃるのではないでしょうか？ そんな方のために、この色を変更する方法をご紹介。ちょっとCSSを変更してやることにより、色の変更だけでなく、透明にしておくことも可能です。 NeoWinフォーラムからの情報を元に、Download SquadブログにCSSファイルの変更方法のクイックチュートリアルが掲載されています。ボタンの色の変更、透明にする方法、動かす方法、などなど。透明にしたい、というだけであれば、Download Squadにコードが公開されているので、それをuserChrome.cssファイルへコピペするだけ。プロファイルフォルダが見つからない、という場合、Mozillaに聞いてみるとすぐに分かります。
あなたのサイトを最適化する１０のポイント - こしあんスポット！
”あなたのサイトは軽いですか？” 「軽いよ」と答えられる方はいらっしゃるでしょうが、はたして本当でしょうか。なぜならあなたのPCにはキャッシュが保存されていて、単に2度目以降の表示が高速、ということかもしれません。 サイトを閲覧する側にとって、読み込み速度はサイトの印象を決める大きな要因です。どんないいコンテンツを扱っていてもずっと何かを読み込んでいては元も子もありません。 ということで今回は10 Ways to Improve Your Web Page Performanceより、ページを最適化させて表示を高速にする10のテクニックをご紹介します。続きからどうぞ。 コンポーネントの容量を低く保つ 基本となることですが、Webページのコンポーネントひとつひとつの容量をできるだけ低く保ちましょう。一般的に25KB以下に保つのが良いとされています。 FireBugなどのツールを利用すれば
これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20:phpspot開発日誌
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
フリーのドローソフト「Inkscape」が面白い - ただいま村
Illustratorのようなベクターデータを編集する「ドローソフト」のひとつとして、「Inkscape（インクスケープ）」があります。UNIX由来のソフトで、無償で利用できるのがありがたい。 そろそろ年賀状を作らないと、と思ってInkscapeを入れてみたら、これはIllustratorなしでもかなりいけそうな感触。皆さん使ってみては、と思って紹介します。 自分の環境がMac OS XなのでMac主体で書いていますが、ダウンロードとインストール、初めて使う人向けの解説（チュートリアル）はWindowsでも大丈夫な記事へリンクしています。 ダウンロード Inkscape. Draw Freely. うへー英語だーと思ったあなたでも、右上の「↓Download Now!」をクリックすれば大丈夫。 インストールと実用的なチュートリアル Macでは、X11をインストールしてからInkscapeを
Artweaver :: the artist way
Full-featured painting tool Artweaver is a full-featured painting tool with a huge set of predefined realistic brushes to paint creatively or just experiment. Artweaver is suitable for beginners and advanced users. Learn more Download Artweaver Realistic brushes Artweaver has a powerful and highly configurable brush system to simulate many different brushes. Learn more
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クールで多機能なHTML5オーディオプレイヤー「Speakker」:phpspot開発日誌
https://raksul.com/magazine/wp-content/uploads/2015/02/150212_tokushu_lp_03.png
新着記事
Windows Error: “You can't keep Windows settings, personal files and apps because your current version of Windows might be installed in an unsupported directory” - Windows Bulletin
http://www.designwalker.com/2009/04/wireframe-2.html
商用サイトでもフリーで利用できる高品質なフォント集 -Font Squirrel | コリス
Deviant Art » Blog Archive » Deviant Art Css : 24 Web 2.0 Navigation