Monthly Bookmarks #41

  • Posted on
  • Category : Bookmarks
Monthly Bookmarks #41

今月(2017年5月)個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。

Monthly Bookmarks #41 目次

  1. Development
  2. Design / Inspiration
  3. Service / Resource

Development

  • Ember Burger Menu CSSのtransitionを利用した様々なオフキャンバスメニューの動きがまとめられており、ボタンやチェックボックスで選択することでエフェクトを変更できます。
  • Prepack · Partial evaluator for JavaScript まだ開発段階だそうですが、Facebookが公開したJavaScriptをより速く実行するために最適化してくれるツールで、具体的には実行時ではなく計算できる部分はコンパイル時に行って最適化するというものになります。
  • SmartPhoto.js 主にスマートフォン向けとして作成されたレスポンシブ対応のフォトビューアーで、JavaScript版とjQuery版が用意されています。
    ピンチイン/アウトといった各ジェスチャだけでなくキーボード操作にも対応しており、こういったプラグインでよくあるグループ化機能や表示スピードなどの基本的な機能もちゃんと用意されています。
  • Learning CSS Grids デモ付きでCSS Gridについて解説しているエントリー。
  • On-Scroll Morphing Background Shapes | Codrops スクロールに合わせて背景の要素がアニメーションする動きを実装するチュートリアル。
    実装には「anime.js」と「scrollMonitor.js 」が使用されています。
  • 70 CSS Cards | Free Frontend CSSで実装できる様々なタイプのカードタイプのレイアウトやコンポーネントがまとめられています。
  • Mocka – Simple, elegant content placeholder ローディングの代わりとしても利用できそうな、シンプルなコンテンツプレースホルダーを実装できるCSS。
    簡単に実装でき、軽量なのも特徴です。

目次へ

Design / Inspiration

目次へ

Service / Resource

  • The Ultimate Website Code Generator HTML・CSS・meta・OGPなど、様々なジェネレータが用意されたオンラインツール。
    似たようなものは多いですし今後も定期的にこういうのは出てくると思いますが、ひと通り揃っていて便利そうです。
  • Generate code snippets for WordPress with Hasty 同じくこちらも似たようなジェネレータが他にもありますが、WordPressでよく利用されるコードを簡単且つ迅速に出力してくれるジェネレータです。
    現時点でカスタム投稿やカスタムメニューなどひと通りありますが、今後も追加される予定のようです。
  • Unsplash | High-Resolution Photos ハイクオリティなCC0の写真素材を多数配布している「Unsplash」のAPI。
    ドキュメントはもちろん、実際に使用されているショーケースなども紹介されています。
  • GitHub Marketplace GitHubが開設した、プロジェクト管理やコードレビューといった開発で使える各種ツールを販売するオンラインストア。
    すべてGitHubアカウントで利用できるので、アカウントを複数作成したり、支払い方法が異なっていたりする手間がないのでそういった時間の削減にもなります。

目次へ

Back to Top

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。