仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。最近はアイコンを画像で提供することが少なくなってきています。バイナリなのでサイズの可変に弱く、サイズも大きくなりがちです。Fontなのですが、こちらもちょっとした内容なのにサイズが大きくなってしまいがちです。そこで使ってみたいのがlittleboxです。Canvasで2Dを描くためのJavaScriptフレームワークHTML5における表現力向上に期待がかかるのがCanvasやWebGLです。いえこれまでのHTML並に書きやすいという訳ではなく、描画や操作をするには異なる技術の習得が必要になります。そこで使ってみたいのがKonva、2DをCanvas上に描画するためのライブラリになります。Konvaの使い方!サンプルです。SlideShareのスライドダウンローダーSlideShareに勉強会などで使った資料をアップロードしている方はたくさんいます。中にはダウンロードして使いたい資料もあるでしょう。SlideShareではパーミッションを設定することでダウンロード不可に指定ができます。それでも資料が欲しい!という方はSldnを使ってみましょう。Fontを使うとこれまで画像で作っていたロゴのようなものをテキストで表現できたり、さらにアイコンフォントのように大きさや色を自由に決められるアイコンが使えるようになります。問題点としては画像一つに比べるとデータ量が多く、サイズが大きくなってしまうことでしょう。そこで使ってみたいのがlocalFontです。node.jsからExcelファイルを読み書きWindowsなんて嫌だ!Officeファイルなんて嫌い!なんて言いつつもシステム開発時にお世話になるのがExcelです。CSVファイルを出力したり、逆に読み込む機能は良く作るのではないでしょうか。CSVを介さずにExcelファイル(xlsx)をそのまま読み込んだり、書き出せるのがExcelJSです。node用...2015/03/17業務で使えるオープンソース(149)「localStorage」HTML5で様々なAPIが追加されていますが(狭義ではHTML5に含まれないものも多いですが)、特に利便性が高くて使いやすいと思うのがlocalStorageです。localStorageを使ったWebアプリケーションや、すぐに使えるlocalStorageを使ったライブラリを紹介します。APIを提供していると、サービス利用者向けにサービスのステータスを表示したいと思うことがあります。定期メンテナンスであったり、障害でサービスが停止している場合も、ユーザに適切に情報発信できる必要があります。軽量、レスポンシブ対応のSass/CSSフレームワークスタイルシートのフレームワークはとても数多くあります。有名なところではBootstrap/Zerb/Ionicなどがありますが、有名なものは情報が多い一方、使った時のデザインが似通ったものになってしまいます。そこで人と違ったフレームワークを採用するのも面白さがあります。カスタマイズのしやすさなども大事でしょう。Chrome上でGreenSockを使ったHTML5アニメーションを作成GoogleがFlashバナーを自動的にHTML5に変換する広告配信技術を発表しました。これにより既存資産を活用したままモダンなWeb環境においても広告配信が可能になります。HTML5でもFlash並のアニメーション表現が可能になっているのです。ReactをRubyで書く最近にわかに盛り上がっているReactですが、独自の書き方やHTMLとJavaScriptが密接することに対して何となく避けてしまっている人も多いかも知れません。サーバサイドでも使えると言ってもnodeを使うのが難点に感じる人もいます。日本っぽいスタイルシートフィルタ日本のWebサイトデザインはもの凄く古くさいなんてよく言われます。情報設計を適切に行っていく風潮の中、未だにゴミゴミしたデザインのサイトがなんと多いことか。世界トレンドを追従しなければいけない訳ではありませんが、それでもちょっとがっかりなデザインは多いです。Yahoo!製の画像差分表示ツールあなたは今、目の前に同じような画像ファイルが複数あって、どこが違うのか調べないといけません。文字が違うかも知れませんし、アイコンの並びが違うかも知れません。色が1%だけ違う可能性もあります。そんなのをすべての画像に対して行うのは大変なことです。そこでBlink-Diffを使ってみましょう。最近のデザイントレンドはマテリアルデザインです。デザインと言っても見た目だけでなく、アニメーションも含めて考えなければいけない点が重要です。そのため開発する敷居が高くなっています。そこで活躍するのがマテリアルデザイン用のフレームワークになります。Issueのステータスを確認GitHubのIssueを使ってタスク管理を行っていると、タスクが登録されたりその返信を行った際にメールが飛んできて便利です。そのメールに返信してもIssueに追記されるのでメールでもGitHubでも利用できます。そのIssueのステータスはメール全体を追いかけないと分かりませんでした。Code終了のお知らせ。Codeの終了がアナウンス他の項目はプレミアムのみ紹介します。HTML5で音楽の波形を表示Web上で音楽を楽しむ環境は整いつつあります。SoundCloudにアップしている人も多いですし、YouTube上にある音楽を聴く人も多いでしょう。そんな音楽メディアに欲しい情報として波形があります。wavesurfer.jsは音楽ファイルを読み込み、波形を表示してくれるJavaScriptライブラリです。Fontを用意すれば終わりではなく、ブラウザに応じて対応するフォントの種類が異なるので複数用意しなければなりません。Format、SVGの4種類が基本です。納税は国民の義務です。その収入によって税率が変わるのは致し方ありません。収入が多い人はそれだけ納税し、社会基盤を維持しなければなりません。そこは誰もが納得するところでしょう。問題はその税金をどう使っているかです。新たなグラデーションと出会おうデザインにおいてカラーリングを決めるのは大変です。二つの色がダイナミックに変化していくグラデーションともなると、中間の色は自動生成になるのでイメージ通りに作るのは大変でしょう。そこで試して欲しいのがshadeです。1つの基準色を決めて、後はスライダーを使ってグラデーションの生成ができるWebアプリケーションです。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が715あります。blockworks。