hachiameのブックマーク / 2017年12月5日

hachiame id:hachiame

2017年12月5日のブックマーク (3件)

[JS]カードやリストをアニメーションで移動できるレスポンシブ対応のグリッドを実装するスクリプト -Muuri
レンガ状のカードやリスト状のパネルをドラッグ&ドロップで移動したり、フィルタリングやソートも可能なレスポンシブ対応のグリッドを簡単に実装できるスクリプトを紹介します。通常だと複数のライブラリを組み合わせないと実装できませんが、これ一つで軽量に実装できます。 Muuriとは「壁（Wall）」を意味するフィンランド語だそうです。 Muuri Muuri -GitHub Muuriの特徴 Muuriのデモ Muuriの使い方 Muuriの特徴レスポンシブ対応レイアウトのカスタマイズは自由自在パネルのドラッグ&ドロップに対応ネストされたグリッドに対応高速で快適なアニメーションフィルタリングやソート機能を装備 IE9+もサポート MITライセンス Muuriのデモデモでは、Muuriのさまざまなレイアウトを実際に楽しめます。 Gridのデモは、Masonryのようなグリッドレイアウトで
hachiame 2017/12/05
JavaScript
リンク
ReactにするかVue.jsにするか、jQueryだけ触っていたエンジニアがサンプル作って比較してみた - Qiita
今のタイミングでWebサービスを、何か新しく開発しよーって思ったら、フロントサイドをどうしようか悩みますよね？特にVue.jsかReact.jsか... そんな悩んでいるあなたへの記事になります。自分の仕事領域についてあまり普段javascript触ってません触るとしてもjQueryが多いですそんな人が書いた記事だと思って下さい今回作ったもの ReactとVue.jsで簡単なカレンダーを作成しました。 React https://github.com/ykyk1218/react-calendar-sample Vue.js https://github.com/ykyk1218/vue-calendar-sample コンポーネントの分け方今回言わないことテストについてルーティングについて Reduxとかvuex 環境構築はじめに Reactはjsx、Vue.jsは.
hachiame 2017/12/05
jQuery

React.js

JavaScript
リンク
グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing
これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。こんにちは。SVGで色々なコンポーネントを作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。これらはほとんどSVGとVueの組み合わせのみで作っています。依存が少ないというのは大事で、ライブラリ間の相性でハマったり、いろんなドキュメント間を往復することがなくなります。 Webでグリグリ動くUIを作るのは基本的にめんどくさいです。jQuery pluginを駆使して作るのも闇が多いですし、divやcanvasをゴリゴリするのも結構手間がかかります。ですが、最近はSVGで高度なUI実装されることが増えてきた気がします。特に自分が衝撃を受けたのは、CacooがFlashからSVGにスイッチしたことです。 nulab-i
hachiame 2017/12/05
JavaScript

プログラミング

jQuery
リンク
- 2017年12月6日
- 2017年12月5日
- 2017年12月4日