<?xml version="1.0" encoding="UTF-8"?>

<rdf:RDF
 xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 xmlns="http://purl.org/rss/1.0/"
 xmlns:admin="http://webns.net/mvcb/"
 xmlns:content="http://purl.org/rss/1.0/modules/content/"
 xmlns:dc="http://purl.org/dc/elements/1.1/"
 xmlns:hatena="http://www.hatena.ne.jp/info/xmlns#"
 xmlns:syn="http://purl.org/rss/1.0/modules/syndication/"
 xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/"
>

<channel rdf:about="https://b.hatena.ne.jp/dozo/javascript%20UI/">
<title>javascript UI&#x306B;&#x95A2;&#x3059;&#x308B;dozo&#x306E;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;</title>
<link>https://b.hatena.ne.jp/dozo/javascript%20UI/</link>
<description>javascript UI&#x306B;&#x95A2;&#x3059;&#x308B;dozo&#x306E;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; (77)</description>
<items>
 <rdf:Seq>
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20221015#bookmark-4669499830065858946" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20221012#bookmark-4711193387182290850" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20221004#bookmark-374777031" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20221004#bookmark-4726164211032787523" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20221004#bookmark-282616975" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20221004#bookmark-4693413984134732674" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20220727#bookmark-4722937137390114498" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20220616#bookmark-4721077682376038242" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20210718#bookmark-4705628222899853570" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20210715#bookmark-4667726915298015522" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20210305#bookmark-339401587" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20190814#bookmark-4672918868087820130" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20180723#bookmark-364539426" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20180621#bookmark-359448995" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20180616#bookmark-365957188" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20180616#bookmark-308426172" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20160426#bookmark-137045814" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20150903#bookmark-264778453" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20150831#bookmark-237356243" />
  <rdf:li rdf:resource="https://b.hatena.ne.jp/dozo/20150212#bookmark-241475522" />
 </rdf:Seq>
</items>
</channel>
<item rdf:about="https://b.hatena.ne.jp/dozo/20221015#bookmark-4669499830065858946">
<title>Build tree array from flat array in javascript</title>
<link>https://stackoverflow.com/questions/18017869/build-tree-array-from-flat-array-in-javascript</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2022-10-15T00:56:17Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://stackoverflow.com/questions/18017869/build-tree-array-from-flat-array-in-javascript&#x22; title=&#x22;Build tree array from flat array in javascript&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstackoverflow.com%2Fquestions%2F18017869%2Fbuild-tree-array-from-flat-array-in-javascript&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://stackoverflow.com/questions/18017869/build-tree-array-from-flat-array-in-javascript&#x22;&#x3E;Build tree array from flat array in javascript&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://stackoverflow.com/questions/18017869/build-tree-array-from-flat-array-in-javascript&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/a591284234e1f367e22f174fbaf1317a71987680/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fstackoverflow.com%2FContent%2FSites%2Fstackoverflow%2FImg%2Fapple-touch-icon%402.png%3Fv%3D0f0cab681579&#x22; alt=&#x22;Build tree array from flat array in javascript&#x22; title=&#x22;Build tree array from flat array in javascript&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;I have a complex json file that I have to handle with javascript to make it hierarchical, in order to later build a tree. Every entry of the json has : id : a unique id, parentId : the id of the parent node (which is 0 if the node is a root of the tree) level : the level of depth in the tree The ...&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/18017869/build-tree-array-from-flat-array-in-javascript&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://stackoverflow.com/questions/18017869/build-tree-array-from-flat-array-in-javascript&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Build tree array from flat array in javascript&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Build tree array from flat array in javascript&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/18017869/build-tree-array-from-flat-array-in-javascript&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>2</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20221012#bookmark-4711193387182290850">
<title>Patterns &#xA0;|&#xA0; web.dev</title>
<link>https://web.dev/patterns</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2022-10-12T08:50:45Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://web.dev/patterns&#x22; title=&#x22;Patterns &#xA0;|&#xA0; web.dev&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fweb.dev%2Fpatterns&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://web.dev/patterns&#x22;&#x3E;Patterns &#xA0;|&#xA0; web.dev&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://web.dev/patterns&#x22;&#x3E;&#x3C;img src=&#x22;&#x22; alt=&#x22;Patterns &#xA0;|&#xA0; web.dev&#x22; title=&#x22;Patterns &#xA0;|&#xA0; web.dev&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;Web Platform Dive into the web platform, at your pace.&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/web.dev/patterns&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://web.dev/patterns&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Patterns &#xA0;|&#xA0; web.dev&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Patterns &#xA0;|&#xA0; web.dev&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/web.dev/patterns&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>295</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20221004#bookmark-374777031">
<title>GitHub - xaksis/vue-good-table: An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc</title>
<link>https://github.com/xaksis/vue-good-table</link>
<description>VueGoodTablePlugin</description>
<dc:creator>dozo</dc:creator>
<dc:date>2022-10-04T00:02:26Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<dc:subject>vue</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
    <rdf:li resource="https://b.hatena.ne.jp/q/vue" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://github.com/xaksis/vue-good-table&#x22; title=&#x22;GitHub - xaksis/vue-good-table: An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fxaksis%2Fvue-good-table&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://github.com/xaksis/vue-good-table&#x22;&#x3E;GitHub - xaksis/vue-good-table: An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://github.com/xaksis/vue-good-table&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/449a6e9c3c4ffd2de3461f67268dd2a7e1980887/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2Feea956f5dbc28f34177a1c3f4fe6f27a83a3057d18ff37ce8eb3904ed8a85076%2Fxaksis%2Fvue-good-table&#x22; alt=&#x22;GitHub - xaksis/vue-good-table: An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc&#x22; title=&#x22;GitHub - xaksis/vue-good-table: An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/github.com/xaksis/vue-good-table&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://github.com/xaksis/vue-good-table&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - GitHub - xaksis/vue-good-table: An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - GitHub - xaksis/vue-good-table: An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/github.com/xaksis/vue-good-table&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>3</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20221004#bookmark-4726164211032787523">
<title>GitHub - coderdiaz/vue-tiny-pagination: A Vue component for create a tiny pagination with Flexbox</title>
<link>https://github.com/coderdiaz/vue-tiny-pagination</link>
<description>&#x3053;&#x308C;&#x30D9;&#x30FC;&#x30B9;&#x3067;&#x81EA;&#x524D;&#x3067;&#x4F5C;&#x308B;&#x304B;</description>
<dc:creator>dozo</dc:creator>
<dc:date>2022-10-03T23:10:50Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<dc:subject>vue</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
    <rdf:li resource="https://b.hatena.ne.jp/q/vue" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://github.com/coderdiaz/vue-tiny-pagination&#x22; title=&#x22;GitHub - coderdiaz/vue-tiny-pagination: A Vue component for create a tiny pagination with Flexbox&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fcoderdiaz%2Fvue-tiny-pagination&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://github.com/coderdiaz/vue-tiny-pagination&#x22;&#x3E;GitHub - coderdiaz/vue-tiny-pagination: A Vue component for create a tiny pagination with Flexbox&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://github.com/coderdiaz/vue-tiny-pagination&#x22;&#x3E;&#x3C;img src=&#x22;&#x22; alt=&#x22;GitHub - coderdiaz/vue-tiny-pagination: A Vue component for create a tiny pagination with Flexbox&#x22; title=&#x22;GitHub - coderdiaz/vue-tiny-pagination: A Vue component for create a tiny pagination with Flexbox&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/github.com/coderdiaz/vue-tiny-pagination&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://github.com/coderdiaz/vue-tiny-pagination&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - GitHub - coderdiaz/vue-tiny-pagination: A Vue component for create a tiny pagination with Flexbox&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - GitHub - coderdiaz/vue-tiny-pagination: A Vue component for create a tiny pagination with Flexbox&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/github.com/coderdiaz/vue-tiny-pagination&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>1</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20221004#bookmark-282616975">
<title>GitHub - javve/list.js: The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.</title>
<link>https://github.com/javve/list.js</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2022-10-03T22:39:28Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://github.com/javve/list.js&#x22; title=&#x22;GitHub - javve/list.js: The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fjavve%2Flist.js&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://github.com/javve/list.js&#x22;&#x3E;GitHub - javve/list.js: The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://github.com/javve/list.js&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/6e76bded723b2827a68236172279e0ea0b422014/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Frepository-images.githubusercontent.com%2F1308789%2F33951400-2c3c-11eb-9f60-33e9d5735d9f&#x22; alt=&#x22;GitHub - javve/list.js: The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.&#x22; title=&#x22;GitHub - javve/list.js: The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/github.com/javve/list.js&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://github.com/javve/list.js&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - GitHub - javve/list.js: The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - GitHub - javve/list.js: The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/github.com/javve/list.js&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>8</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20221004#bookmark-4693413984134732674">
<title>Simple pagination in javascript</title>
<link>https://stackoverflow.com/questions/25434813/simple-pagination-in-javascript</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2022-10-03T22:33:48Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://stackoverflow.com/questions/25434813/simple-pagination-in-javascript&#x22; title=&#x22;Simple pagination in javascript&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstackoverflow.com%2Fquestions%2F25434813%2Fsimple-pagination-in-javascript&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://stackoverflow.com/questions/25434813/simple-pagination-in-javascript&#x22;&#x3E;Simple pagination in javascript&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://stackoverflow.com/questions/25434813/simple-pagination-in-javascript&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/18990d533cb6d838cf1b2c7bc4060fd77790a91d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.sstatic.net%2FSites%2Fstackoverflow%2FImg%2Fapple-touch-icon%402.png%3Fv%3D73d79a89bded&#x22; alt=&#x22;Simple pagination in javascript&#x22; title=&#x22;Simple pagination in javascript&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;I am trying to make pagination for my site. (http://anuntorhei.md) CODE: var someVar = 50; function someStupidFunction() { if (objJson.length &#x26;gt; 50) { document.getElementById(&#x26;quot;nextPage&#x26;quot;).style.visibility = &#x26;quot;visible&#x26;quot;; } if (someVar &#x26;lt;= 50) { document.getElementById(&#x26;quot;prevPage&#x26;quot;).style.visibility =&#x26;quot;hid...&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/25434813/simple-pagination-in-javascript&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://stackoverflow.com/questions/25434813/simple-pagination-in-javascript&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Simple pagination in javascript&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Simple pagination in javascript&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/stackoverflow.com/questions/25434813/simple-pagination-in-javascript&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>2</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20220727#bookmark-4722937137390114498">
<title>First look at Joy&#xA0;UI &#x1F973; - MUI</title>
<link>https://mui.com/blog/first-look-at-joy/</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2022-07-27T07:07:17Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://mui.com/blog/first-look-at-joy/&#x22; title=&#x22;First look at Joy&#xA0;UI &#x1F973; - MUI&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmui.com%2Fblog%2Ffirst-look-at-joy%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://mui.com/blog/first-look-at-joy/&#x22;&#x3E;First look at Joy&#xA0;UI &#x1F973; - MUI&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://mui.com/blog/first-look-at-joy/&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/00e54e13d481e79d668866b5df720d14e4a5c475/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmui.com%2Fstatic%2Fblog%2Ffirst-look-at-joy%2Fcard.png&#x22; alt=&#x22;First look at Joy&#xA0;UI &#x1F973; - MUI&#x22; title=&#x22;First look at Joy&#xA0;UI &#x1F973; - MUI&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;If you&#x26;#39;re a close follower of everything MUI, you might be aware that we&#x26;#39;ve been working on a new design system. If not, then this post will give you a first look at Joy&#xA0;UI&#xFF0D;MUI&#x26;#39;s new starting point for your design system! If you&#x26;#39;ve ever considered using Material&#xA0;UI because of the developer exper...&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/mui.com/blog/first-look-at-joy/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://mui.com/blog/first-look-at-joy/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - First look at Joy&#xA0;UI &#x1F973; - MUI&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - First look at Joy&#xA0;UI &#x1F973; - MUI&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/mui.com/blog/first-look-at-joy/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>51</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20220616#bookmark-4721077682376038242">
<title>Macaron | Visual component editor for Web development</title>
<link>https://macaron-elements.com/</link>
<description>&#x306A;&#x3093;&#x304B;&#x51C4;&#x305D;&#x3046;</description>
<dc:creator>dozo</dc:creator>
<dc:date>2022-06-16T09:15:05Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://macaron-elements.com/&#x22; title=&#x22;Macaron | Visual component editor for Web development&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmacaron-elements.com%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://macaron-elements.com/&#x22;&#x3E;Macaron | Visual component editor for Web development&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://macaron-elements.com/&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/9c7daf2a339a4acc6f3c4d5d9a37e274ae3f9228/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmacaron-elements.com%2Fogp.jpg&#x22; alt=&#x22;Macaron | Visual component editor for Web development&#x22; title=&#x22;Macaron | Visual component editor for Web development&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;Macaron is an open-source UI design tool to create and maintain Web Components.&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/macaron-elements.com/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://macaron-elements.com/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Macaron | Visual component editor for Web development&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Macaron | Visual component editor for Web development&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/macaron-elements.com/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>504</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20210718#bookmark-4705628222899853570">
<title>Svelte Material UI</title>
<link>https://sveltematerialui.com/</link>
<description>Svelte&#x306E;&#x30DE;&#x30C6;&#x30EA;&#x30A2;&#x30EB;&#x30C7;&#x30B6;&#x30A4;&#x30F3;UI&#x30B3;&#x30F3;&#x30DD;&#x30FC;&#x30CD;&#x30F3;&#x30C8;&#x3002;Vue&#x306E;Vuetify&#x307F;&#x305F;&#x3044;&#x306A;&#x3082;&#x306E;&#x3002;</description>
<dc:creator>dozo</dc:creator>
<dc:date>2021-07-18T05:49:51Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<dc:subject>svelte</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
    <rdf:li resource="https://b.hatena.ne.jp/q/svelte" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://sveltematerialui.com/&#x22; title=&#x22;Svelte Material UI&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsveltematerialui.com%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://sveltematerialui.com/&#x22;&#x3E;Svelte Material UI&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://sveltematerialui.com/&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/7f3a241e0f242d8774e5db7d836dbd44e6fe84c1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsveltematerialui.com%2Fheader.png&#x22; alt=&#x22;Svelte Material UI&#x22; title=&#x22;Svelte Material UI&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;check Follow System check Lightcheck Dark check Svelte check Materialcheck Fixationcheck Bubblegumcheck Metrocheck Unity Learn about theming See the theme source&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/sveltematerialui.com/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://sveltematerialui.com/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Svelte Material UI&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Svelte Material UI&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/sveltematerialui.com/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>3</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20210715#bookmark-4667726915298015522">
<title>Svelte &#x2022; The magical disappearing UI framework</title>
<link>https://svelte.dev/</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2021-07-15T11:05:07Z</dc:date>
<dc:subject>rust</dc:subject>
<dc:subject>webassembly</dc:subject>
<dc:subject>javascript</dc:subject>
<dc:subject>javascript UI</dc:subject>
<dc:subject>framework</dc:subject>
<dc:subject>svelte</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/rust" />
    <rdf:li resource="https://b.hatena.ne.jp/q/webassembly" />
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript" />
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
    <rdf:li resource="https://b.hatena.ne.jp/q/framework" />
    <rdf:li resource="https://b.hatena.ne.jp/q/svelte" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://svelte.dev/&#x22; title=&#x22;Svelte &#x2022; The magical disappearing UI framework&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsvelte.dev%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://svelte.dev/&#x22;&#x3E;Svelte &#x2022; The magical disappearing UI framework&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://svelte.dev/&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/f4c65d1bfbb06781fe8aa074f985edc5ce8c3644/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsvelte.dev%2Fimages%2Ftwitter-thumbnail.jpg&#x22; alt=&#x22;Svelte &#x2022; The magical disappearing UI framework&#x22; title=&#x22;Svelte &#x2022; The magical disappearing UI framework&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;Svelte is a UI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know &#x2014; HTML, CSS and JavaScript. It&#x2019;s a love letter to web development. But don&#x2019;t take our word for it. Developers consistently rank Sv...&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/svelte.dev/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://svelte.dev/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Svelte &#x2022; The magical disappearing UI framework&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Svelte &#x2022; The magical disappearing UI framework&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/svelte.dev/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>163</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20210305#bookmark-339401587">
<title>Storybook: Frontend workshop for UI development</title>
<link>https://storybook.js.org/</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2021-03-05T11:33:55Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://storybook.js.org/&#x22; title=&#x22;Storybook: Frontend workshop for UI development&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstorybook.js.org%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://storybook.js.org/&#x22;&#x3E;Storybook: Frontend workshop for UI development&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://storybook.js.org/&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/cc79c2d83a734292f9550878ba5a8bc83c3f5e48/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fstorybook.js.org%2Fopengraph-image.jpg%3F841db310ba5a3a1e&#x22; alt=&#x22;Storybook: Frontend workshop for UI development&#x22; title=&#x22;Storybook: Frontend workshop for UI development&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It&#x26;#39;s open source and free.&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/storybook.js.org/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://storybook.js.org/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Storybook: Frontend workshop for UI development&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Storybook: Frontend workshop for UI development&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/storybook.js.org/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>161</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20190814#bookmark-4672918868087820130">
<title>Avant UI | Bootstrap UI Kit</title>
<link>https://www.avantui.com/</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2019-08-14T03:24:38Z</dc:date>
<dc:subject>bootstrap</dc:subject>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/bootstrap" />
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://www.avantui.com/&#x22; title=&#x22;Avant UI | Bootstrap UI Kit&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.avantui.com%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://www.avantui.com/&#x22;&#x3E;Avant UI | Bootstrap UI Kit&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://www.avantui.com/&#x22;&#x3E;&#x3C;img src=&#x22;&#x22; alt=&#x22;Avant UI | Bootstrap UI Kit&#x22; title=&#x22;Avant UI | Bootstrap UI Kit&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;Avant UI Avant UI is a development toolkit based on Bootstrap Framework. Avant UI maintains the Bootstrap simplicity, provides a new look and adds new features and components. Enjoy it!&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/www.avantui.com/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://www.avantui.com/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Avant UI | Bootstrap UI Kit&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Avant UI | Bootstrap UI Kit&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/www.avantui.com/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>69</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20180723#bookmark-364539426">
<title>Vue.js Framework Components - Vuesax</title>
<link>https://lusaxweb.github.io/vuesax/</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2018-07-23T01:02:42Z</dc:date>
<dc:subject>vue</dc:subject>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/vue" />
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://lusaxweb.github.io/vuesax/&#x22; title=&#x22;Vue.js Framework Components - Vuesax&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flusaxweb.github.io%2Fvuesax%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://lusaxweb.github.io/vuesax/&#x22;&#x3E;Vue.js Framework Components - Vuesax&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://lusaxweb.github.io/vuesax/&#x22;&#x3E;&#x3C;img src=&#x22;&#x22; alt=&#x22;Vue.js Framework Components - Vuesax&#x22; title=&#x22;Vue.js Framework Components - Vuesax&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;It helps to pay dedicated development time so that I can move forward and evolve. Become a patron Experience design We love that our users enjoy creating with us. In Vuesax, we make this the best experience for you, because it&#x26;#39;s fun.&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/lusaxweb.github.io/vuesax/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://lusaxweb.github.io/vuesax/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Vue.js Framework Components - Vuesax&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Vue.js Framework Components - Vuesax&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/lusaxweb.github.io/vuesax/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>46</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20180621#bookmark-359448995">
<title>Vuetify &#x2014; A Vue Component Framework &#x2014; Vuetify</title>
<link>https://vuetifyjs.com/ja/</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2018-06-21T11:43:14Z</dc:date>
<dc:subject>vue</dc:subject>
<dc:subject>admin</dc:subject>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/vue" />
    <rdf:li resource="https://b.hatena.ne.jp/q/admin" />
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://vuetifyjs.com/ja/&#x22; title=&#x22;Vuetify &#x2014; A Vue Component Framework &#x2014; Vuetify&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fvuetifyjs.com%2Fja%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://vuetifyjs.com/ja/&#x22;&#x3E;Vuetify &#x2014; A Vue Component Framework &#x2014; Vuetify&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://vuetifyjs.com/ja/&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/68dfe6111ce88523eb614220372f5d950434da86/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.vuetifyjs.com%2Fdocs%2Fimages%2Fgraphics%2Fog-image.png&#x22; alt=&#x22;Vuetify &#x2014; A Vue Component Framework &#x2014; Vuetify&#x22; title=&#x22;Vuetify &#x2014; A Vue Component Framework &#x2014; Vuetify&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;Vuetify&#x306F;Vue&#x7528;&#x306E;&#x30AA;&#x30FC;&#x30D7;&#x30F3;&#x30BD;&#x30FC;&#x30B9;&#x306E;UI&#x30B3;&#x30F3;&#x30DD;&#x30FC;&#x30CD;&#x30F3;&#x30C8;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3067;&#x3001;&#x30C7;&#x30B6;&#x30A4;&#x30F3;&#x30B9;&#x30AD;&#x30EB;&#x3092;&#x5FC5;&#x8981;&#x3068;&#x3057;&#x307E;&#x305B;&#x3093;&#x3002;&#x7F8E;&#x3057;&#x304F;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x8C4A;&#x5BCC;&#x306A;Web&#x30A2;&#x30D7;&#x30EA;&#x30B1;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x306B;&#x5FC5;&#x8981;&#x306A;&#x5168;&#x3066;&#x306E;&#x30C4;&#x30FC;&#x30EB;&#x3092;&#x63D0;&#x4F9B;&#x3057;&#x307E;&#x3059;&#x3002;&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/vuetifyjs.com/ja/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://vuetifyjs.com/ja/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Vuetify &#x2014; A Vue Component Framework &#x2014; Vuetify&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Vuetify &#x2014; A Vue Component Framework &#x2014; Vuetify&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/vuetifyjs.com/ja/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>90</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20180616#bookmark-365957188">
<title>Buefy: lightweight UI components for Vue.js based on Bulma</title>
<link>https://buefy.org/</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2018-06-16T11:08:43Z</dc:date>
<dc:subject>vue</dc:subject>
<dc:subject>css</dc:subject>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/vue" />
    <rdf:li resource="https://b.hatena.ne.jp/q/css" />
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://buefy.org/&#x22; title=&#x22;Buefy: lightweight UI components for Vue.js based on Bulma&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbuefy.org%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://buefy.org/&#x22;&#x3E;Buefy: lightweight UI components for Vue.js based on Bulma&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://buefy.org/&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/8767c9b4236da22df8a64266004a3f4a261fce47/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fbuefy.org%2Fstatic%2Fimg%2Fbuefy-banner.png&#x22; alt=&#x22;Buefy: lightweight UI components for Vue.js based on Bulma&#x22; title=&#x22;Buefy: lightweight UI components for Vue.js based on Bulma&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/buefy.org/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://buefy.org/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Buefy: lightweight UI components for Vue.js based on Bulma&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Buefy: lightweight UI components for Vue.js based on Bulma&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/buefy.org/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>68</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20180616#bookmark-308426172">
<title>Element</title>
<link>https://element.eleme.io/</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2018-06-15T21:35:14Z</dc:date>
<dc:subject>vue</dc:subject>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/vue" />
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://element.eleme.io/&#x22; title=&#x22;Element&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Felement.eleme.io%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://element.eleme.io/&#x22;&#x3E;Element&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://element.eleme.io/&#x22;&#x3E;&#x3C;img src=&#x22;&#x22; alt=&#x22;Element&#x22; title=&#x22;Element&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;Element&#xFF0C;&#x4E00;&#x5957;&#x4E3A;&#x5F00;&#x53D1;&#x8005;&#x3001;&#x8BBE;&#x8BA1;&#x5E08;&#x548C;&#x4EA7;&#x54C1;&#x7ECF;&#x7406;&#x51C6;&#x5907;&#x7684;&#x57FA;&#x4E8E; Vue 2.0 &#x7684;&#x684C;&#x9762;&#x7AEF;&#x7EC4;&#x4EF6;&#x5E93;&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/element.eleme.io/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://element.eleme.io/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Element&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Element&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/element.eleme.io/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>160</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20160426#bookmark-137045814">
<title>Chart.js</title>
<link>https://www.chartjs.org/</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2016-04-26T05:13:00Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<dc:subject>graphics</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
    <rdf:li resource="https://b.hatena.ne.jp/q/graphics" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://www.chartjs.org/&#x22; title=&#x22;Chart.js&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.chartjs.org%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://www.chartjs.org/&#x22;&#x3E;Chart.js&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://www.chartjs.org/&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/2fdfab5cef34822822b4ba3c2b8abf3f335022b6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.chartjs.org%2Fimg%2Fcover.png&#x22; alt=&#x22;Chart.js&#x22; title=&#x22;Chart.js&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/www.chartjs.org/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://www.chartjs.org/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Chart.js&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Chart.js&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/www.chartjs.org/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>726</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20150903#bookmark-264778453">
<title>Lity - Lightweight, accessible and responsive lightbox</title>
<link>https://sorgalla.com/lity/</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2015-09-03T02:36:27Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://sorgalla.com/lity/&#x22; title=&#x22;Lity - Lightweight, accessible and responsive lightbox&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsorgalla.com%2Flity%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://sorgalla.com/lity/&#x22;&#x3E;Lity - Lightweight, accessible and responsive lightbox&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://sorgalla.com/lity/&#x22;&#x3E;&#x3C;img src=&#x22;&#x22; alt=&#x22;Lity - Lightweight, accessible and responsive lightbox&#x22; title=&#x22;Lity - Lightweight, accessible and responsive lightbox&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;Lity is a ultra-lightweight, accessible and responsive lightbox plugin which supports images, iframes and inline content out of the box. Minified and gzipped, its total footprint weights about 3kB. It requires jQuery or Zepto (with the callbacks, deferred and data modules). Demos Image Inline Goo...&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/sorgalla.com/lity/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://sorgalla.com/lity/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Lity - Lightweight, accessible and responsive lightbox&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - Lity - Lightweight, accessible and responsive lightbox&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/sorgalla.com/lity/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>39</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20150831#bookmark-237356243">
<title>The extensible community framework - Flarum</title>
<link>https://flarum.org/</link>
<description></description>
<dc:creator>dozo</dc:creator>
<dc:date>2015-08-31T06:46:29Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://flarum.org/&#x22; title=&#x22;The extensible community framework - Flarum&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fflarum.org%2F&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://flarum.org/&#x22;&#x3E;The extensible community framework - Flarum&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://flarum.org/&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/1cc0db084e6004a4139ac1f89fb76cc764dd064d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fflarum.org%2Fassets%2Fimg%2Fflarum-banner.png&#x22; alt=&#x22;The extensible community framework - Flarum&#x22; title=&#x22;The extensible community framework - Flarum&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;What&#x2019;s new March 2026 patch release 1.8.14 - EOL soon Forums made simple. Beautiful, fast, and free &#x2014; Flarum is the open&#x2011;source forum software your community has been waiting for.&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/flarum.org/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://flarum.org/&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - The extensible community framework - Flarum&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - The extensible community framework - Flarum&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/flarum.org/&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>29</hatena:bookmarkcount>
</item>
<item rdf:about="https://b.hatena.ne.jp/dozo/20150212#bookmark-241475522">
<title>GitHub - microsoft/TouchDevelop: TouchDevelop is a touch-friendly app creation environment for iPad, iPhone, Android, Windows, Mac, Linux. Our mobile-friendly editor makes coding fun, even on your phone or tablet!</title>
<link>https://github.com/microsoft/TouchDevelop</link>
<description>&#x30BF;&#x30C3;&#x30C1;&#x64CD;&#x4F5C;&#x306B;&#x7279;&#x5316;&#x3057;&#x305F;&#x30A4;&#x30F3;&#x30BF;&#x30D5;&#x30A7;&#x30FC;&#x30B9;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3002;</description>
<dc:creator>dozo</dc:creator>
<dc:date>2015-02-12T02:53:41Z</dc:date>
<dc:subject>javascript UI</dc:subject>
<taxo:topics>
  <rdf:Bag>
    <rdf:li resource="https://b.hatena.ne.jp/q/javascript%20UI" />
  </rdf:Bag>
</taxo:topics>
<content:encoded>&#x3C;blockquote cite=&#x22;https://github.com/microsoft/TouchDevelop&#x22; title=&#x22;GitHub - microsoft/TouchDevelop: TouchDevelop is a touch-friendly app creation environment for iPad, iPhone, Android, Windows, Mac, Linux. Our mobile-friendly editor makes coding fun, even on your phone or tablet!&#x22;&#x3E;&#x3C;cite&#x3E;&#x3C;img src=&#x22;https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fmicrosoft%2FTouchDevelop&#x22; alt=&#x22;&#x22; /&#x3E; &#x3C;a href=&#x22;https://github.com/microsoft/TouchDevelop&#x22;&#x3E;GitHub - microsoft/TouchDevelop: TouchDevelop is a touch-friendly app creation environment for iPad, iPhone, Android, Windows, Mac, Linux. Our mobile-friendly editor makes coding fun, even on your phone or tablet!&#x3C;/a&#x3E;&#x3C;/cite&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://github.com/microsoft/TouchDevelop&#x22;&#x3E;&#x3C;img src=&#x22;https://cdn-ak-scissors.b.st-hatena.com/image/square/f7951f6d1deae6007be9e6d18099d8378c594847/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F9c7caaa0d6cec526c29612d4c5105d85c319f4fd1e9535e500b44d5705e17cf3%2Fmicrosoft%2FTouchDevelop&#x22; alt=&#x22;GitHub - microsoft/TouchDevelop: TouchDevelop is a touch-friendly app creation environment for iPad, iPhone, Android, Windows, Mac, Linux. Our mobile-friendly editor makes coding fun, even on your phone or tablet!&#x22; title=&#x22;GitHub - microsoft/TouchDevelop: TouchDevelop is a touch-friendly app creation environment for iPad, iPhone, Android, Windows, Mac, Linux. Our mobile-friendly editor makes coding fun, even on your phone or tablet!&#x22; class=&#x22;entry-image&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;p&#x3E;You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert&#x3C;/p&#x3E;&#x3C;p&#x3E;&#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/github.com/microsoft/TouchDevelop&#x22;&#x3E;&#x3C;img src=&#x22;https://b.hatena.ne.jp/entry/image/https://github.com/microsoft/TouchDevelop&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - GitHub - microsoft/TouchDevelop: TouchDevelop is a touch-friendly app creation environment for iPad, iPhone, Android, Windows, Mac, Linux. Our mobile-friendly editor makes coding fun, even on your phone or tablet!&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF; - GitHub - microsoft/TouchDevelop: TouchDevelop is a touch-friendly app creation environment for iPad, iPhone, Android, Windows, Mac, Linux. Our mobile-friendly editor makes coding fun, even on your phone or tablet!&#x22; border=&#x22;0&#x22; style=&#x22;border: none&#x22; /&#x3E;&#x3C;/a&#x3E; &#x3C;a href=&#x22;https://b.hatena.ne.jp/entry/s/github.com/microsoft/TouchDevelop&#x22;&#x3E;&#x3C;img src=&#x22;https://b.st-hatena.com/images/append.gif&#x22; border=&#x22;0&#x22; alt=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; title=&#x22;&#x306F;&#x3066;&#x306A;&#x30D6;&#x30C3;&#x30AF;&#x30DE;&#x30FC;&#x30AF;&#x306B;&#x8FFD;&#x52A0;&#x22; /&#x3E;&#x3C;/a&#x3E;&#x3C;/p&#x3E;&#x3C;/blockquote&#x3E;</content:encoded>
<hatena:bookmarkcount>17</hatena:bookmarkcount>
</item>
</rdf:RDF>