[Misc] Sublime Text Themes – Sublime Textの使いやすいテーマまとめ
Sublime Text用の使いやすいテーマをまとめた記事。どちらかというとダーク系テーマの方が多い感じ。長い時間コーディングするなら暗めの配色の方が見やすいですしね。ちなみに自分は最近じゃBrackets使ってます。Sublimeはテーマとか機能拡張とか多いのがイイですな。
Monthly Archives: 10月 2016
[Misc] Ambient rain simulator for pluviophiles – 雨音シミュレーター
雨音シミュレーター。サイト開いておくだけで雨音が聞けます。雨は嫌いだけど雨音は好きって人は結構いそうですもんね。雨音以外にも風の音、雷の音、人混みから聞こえてくる雑踏音などを個別に音量調節できるのもナイス。あとこのサイト、ウィンドウを拡大縮小すると分かるんですが、窓が曇った感じをCSSフィルターのブラーで表現してたりとか、結構手が込んでます。仕事中のBGMに良さそうです。
[Art] 70s Sci-Fi Art – 70年代のサイエンス・フィクションアート
70年代に描かれたSFに関するアートを集めたTumblrブログ。いやこれスゴいですわ。紹介されている点数がはんぱない。毎日かなりの数の作品が投稿されているようで、延々と見ていられます。またArtist Listでは作家ごとに見る事もでき、H.R.ギーターとかシド・ミードももちろんいます。サイエンス・フィクション好きにはタマらん内容ですなこれ。
[Web Design] Use Your Interface – アニメーションで見るインターフェース作例
動きに関するクールなUI作例を、アニメーションで紹介するデザインギャラリー。サイト内ではドラッグ操作、ロゴのアクション、円形エフェクトの3つのカテゴリに分けて紹介されていますが、最新のものはLatestでまとめて紹介されています。各作例はアニメーションGifを使って紹介されているので、サイト内でそのまま動きを見る事ができます。WebだけでなくMobile AppのUI作例集としてもイイ感じです。
[CSS] A huge collection of CSS backdrops – CSSだけで描画するクールなグラデーション背景
CSSだけで描画するクールな背景グラデーションをまとめたもの。いやこれ美しいですね。どのグラデーションも落ち着いたモノトーン気味の上品な感じのアレです。個別にコピペで適用する事もできますが、こちらにあるCSSファイルを使えばまとめて導入する事もできます。導入後は作例をクリックする事でClass名をコピーできるので、適用もサクサクできます。ちなみに本来のトップはこちらなんですが、一覧ページの方が見やすいのでそちらへのリンクとしました。
[Generator] iPhone Screenshot Maker – iPhoneと任意の画像のハメ込み合成を作れるサイト
iPhoneのディスプレイ部分に、任意の画像をハメ込み合成できるサイト。iPhone以外にもiPad、Mac、AppleWatchなどもあります。あとなぜかゲームボーイもあります。各端末の解像度はサイト内に書いてありますが、サイズが違っていた場合にどうするかなどの細かいオプションなども指定できます。Photoshopが手元にない時や、ノンデザイナー系の人にオススメ。
[Freebie] iOS 10 GUI (iPhone) – iOS 10のGUI素材
FacebookがiOS 10のGUI素材を配布しています。フォーマットはPSDとSketch、あとオンラインのプロトタイピングツールのFigmaで使える形で用意されています。まずスゴいのがファイルサイズ。PSDでダウンロードしたら268MBもありました。ダミーで入っている写真類が多いためだと思うんですが、GUIパーツや場面数もかなり多く、はんぱなく気合の入ったGUI素材でした。UIデザインする際の心強い味方となりそうです。
[CSS] CSS ICON – CSSだけで描画できるアイコン
画像を使わずに、CSSだけで描画できるアイコンセット。アイコンをクリックすると、HTMLとCSSコードが表示されるので、あとはそれをコピペして使うだけ。HTMLタグはdivが使われているようです。またCSSコードにマウスオーバーすると、そのコードでアイコンのどの部分が描画されているのかも分かるようになってて、なかなか興味深いです。使い勝手の良さ以外に、サイトの軽量化という目的でも使えそうです。