Monthly Bookmarks #41

Monthly Bookmarks #41

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

Monthly Bookmarks #41 目次

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

Development

  • Ember Burger MenuCSSの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 FrontendCSSで実装できる様々なタイプのカードタイプのレイアウトやコンポーネントがまとめられています。
  • Mocka - Simple, elegant content placeholderローディングの代わりとしても利用できそうな、シンプルなコンテンツプレースホルダーを実装できるCSS。
    簡単に実装でき、軽量なのも特徴です。

目次へ

Design / Inspiration

目次へ

Service / Resource

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

目次へ

Close the search window,
please press close button or esc key.