This site has been archived. Please visit the Adobe Blog for the latest Adobe articles.
なんとなくGlyphsダウンロードしてみたんですよ、Glyphs*1。 Glyphsっていうのはフォント作るソフトなんですけど、僕はOTEdit使ってるし、別にいらないかなと思ってた。 でもまあ新鋭のソフトらしいんでなんとなく気にはなっていて(クックパッドさんのブログも読んだし)、ちょっと魔が差したというか、ひと仕事終わったときにダウンロードしてみたわけなんですね。 それで、動作を確認しようと思って、『+DESIGNING 34』でものかのさんが書いてらした、欧文合字で記号に変換しちゃうっていうのをやってみたわけです。「Shift」って打ち込んで1文字の「Shift」って文字になったら面白いかなと、ほんとに出来るのかなと。 すると、なんだか思ったより簡単にできてしまった。 はあ、こういうキーボードフォントがあったら便利かも……PC書に使えるし、いずれはWebフォントにだって……誰か作ってく
で、「日本語フォントのunicode-range」に対応していないブラウザではどうなっちゃうのかというと、 @font-faceのローカル参照に対応しているFirefoxやSafariでは、unicode-rangeディスクリプタが無視されて単にメイリオで上書きされるので、すべての文字がメイリオで表示される @font-faceのローカル参照に対応していないIE8以前ではsans-serifで表示される ということになります。 (上記のコードはメイリオとArialのみの例示です) (Macに対応するため、"HelveticaArialHiraginoMeiryo"みたいにどんどん上書きしていく必要があります) (それと、Android OSだと、ローカル参照があると、そのフォントが在っても無くてもローカルフォントで表示しようとします。と2011年6月に出版された『CSS[略]) 2つ目:W
Sketch, markup, code, style, test, and then deploy. Weblog Documents Projects About Hail2u.netで使われているマークアップやスタイルの解説兼プレビューのページです。マークアップはHTMLのソースを、スタイルについては全ての変更履歴を含むGitリポジトリかこのページで参照されている非圧縮のCSSファイルを参照してください。このページに限ってはマークアップにおかしいところが多々ありますが、その多くはプレビューを作る上でのやむを得ない事情によるものです。 バージョニング フォーマットはSemantic Versioningを使っています。ただしAPIの変更などというものはあまりないので、以下のような条件でバージョン番号の増加を行っています: メジャー・バージョンは、レイアウトの大幅な置き換えやテーマカラー
デザイナーが成長するには、いいものをたくさん見ること。 目を肥やすクリエイティブなパターンを使ったアートワークをdribbbleから、たくさん紹介します。
新郎新婦には内緒で、「ご結婚おめでとう」の「声」を集めたい。 みんなからのナマの「声」をどうにかして録音することはできないか。 それらを、記念の刻印入りの iPod shuffle にいれてプレゼントできないか。 ―――そんな秘密の企画がひっそりとはじまりました。 Twilio(トゥイリオ )というクラウド電話APIサービスでやってみよう! という計画を思いついたのは @darashi @june29 @hmsk のプログラマの3人でした。 Twilio(トゥイリオ )って何? Twilio(トゥイリオ )というのは、クラウド電話APIサービスのことで、 プログラミングで電話システムを作れるのだそう。 電話というツールで、何かシステムを作る。なんだかよくわからないけれど、 わくわくする遊びがはじまったんだ、ということだけは私にもわかりました。 そんなある日、@hmsk さんから Ruby
awskaruta.com Buy this domain. 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Behanceに「Google Visual Assets Guidelines」の紹介がありました。 これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。 アイコンのデザイン原理 丸や単純な矩形の組み合わせできています。 アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。 パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。 image by Behance image by Behance image by Behance ほかにも3つルールをピックアップ。 3D禁止 image by Behance 影のルール 真っすぐか45度、ソリッドに。 image by Behance 色のコンビネーション・ルール image by Behance こうした資料は、アイコンやロ
500x500px超のシームレスに使えるざらっとした紙のテクスチャ素材を紹介します。 FREE SEAMLESS PAPER TEXTURES 紙は全部で12種類あり、フォーマットはJPGです。 テク
出題編以下の画像のどこかが30秒かけて徐々に変化します。さてどこが変わってるでしょうか。IE9以下非対応です、モダンブラウザでご覧ください。 30秒で変化しきってそのあと30秒で逆再生…を無限ループしてますのでじっくり何度も見てればわかるかも。 答えは以下の通り。黒枠にマウスのっけると解答が表示されます。 解答編 前回のが思いのほか気づきにくかった?みたいなのでものっすごくわかりやすいとこ変化させてみました…がさすがにこれは目立ちすぎですね。 ちなみにこれはCSSのキーフレームアニメーション使って作ってます。 問題の画像加工も丁寧にやんないと面白みも半減なのでその辺も頑張んなくちゃ。 んじゃまた。
タッチデバイス独特の操作方法を明示 するジェスチャーアイコンが商用利用 も可能で、セットで配布されていたの でご紹介。他にもあった気はしますが、 汎用的なデザインで利用しやすそうだ ったのでメモ。 タッチデバイス用のジェスチャーアイコンです。万国で通じそうな汎用的なアイコンで個人的には気に入っています。 指で操作している所をアイコンにしたもの。他にも見かけますけど、このアイコンは結構分かりやすい気がします。商用でも利用出来るそうです。 用意されているファイルはPSD、EPSに加えてPNGがいくつか。 加工もしやすいですし、アプリ開発者さんは利用されてみては如何でしょう。 TOUCH GESTURE ICONS
While the current technology allows one to do wonders and the Internet is also another useful tool, allowing one to gain access to all sorts of information and materials for ones work. However, there are still times when searching for a particular information or material prove to be difficult when you do not get the result that you hope for. Among the many different type of problems that a web or
総合研究大学院大学 複合科学研究科 情報学専攻 卒 博士(情報学) 自然言語処理や機械学習、データ分析に関する研究内容とwebシステムの開発と運用について書いています。 シリコンバレーベンチャーみたいに深い技術の事業化をしたいと思っています。 ご興味ある方はご連絡ください。 どういう感じかは、こちらから確認できます 画像ではない手段で楽譜を作るには.... Audiofile.cc, ABC.js, VexFlow , など Audiofile.cc 読み込むjsファイルは <script src="jquery.js" type="text/javascript"></script> <script src="audiofile.js" type="text/javascript"></script> だけです。 そして、 $(document).ready(function() {
Today’s tutorial is about creating an animated swatch book using CSS rotation transforms and JavaScript. The idea is to show a swatch book like structure and make the single swatches or “sheets” clickable. When clicking on a swatch, we’ll rotate the other swatches in order to reveal the selected one. Please note: the result of this tutorial will only work as intended in browsers that support the r
Over 1,000,000+ icons, templates, fonts, and more. Sponsored
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く