{"pageContext":{"index":50,"total":362,"name":"2020-04-19","items":[{"node":{"frontmatter":{"title":"flip - 支持文字的计分牌效果组件","publish":true,"cover":"https://github.com/pqina/flip/raw/master/flip.gif","showCover":true,"date":"2020-04-12","category":"frontend","url":"https://github.com/pqina/flip/","author":"pqina","translator":"","tags":["flip"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"bootstrap5将不再支持IE","publish":true,"cover":"","showCover":true,"date":"2020-04-12","category":"frontend","url":"https://github.com/twbs/bootstrap/pull/30377","author":"Bootstrap","translator":"","tags":["bootstrap"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"gifcap 仅需在浏览器上运行的录屏生成gif工具","publish":true,"cover":"","showCover":true,"date":"2020-04-12","category":"frontend","url":"https://github.com/joaomoreno/gifcap","author":"João Moreno","translator":"","tags":["gif"],"priority":1},"html":"<p><a href=\"https://gifcap.dev/\">在线使用</a></p>"}},{"node":{"frontmatter":{"title":"checkboxland - 用checkbox展示所有html功能","publish":true,"cover":"https://github.com/bryanbraun/checkboxland/raw/master/docs/img/checkboxland-banner.png","showCover":true,"date":"2020-04-12","category":"frontend","url":"https://github.com/bryanbraun/checkboxland","author":"Bryan Braun","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"gatsby-remark-giphy gatsby的gif动图插件,自动查找giphy资源","publish":true,"cover":"https://camo.githubusercontent.com/55dc3006ac95e14552c329526a1a8014fc6b7780/68747470733a2f2f6d65646961302e67697068792e636f6d2f6d656469612f31415061714f4f354a486e574b4c633742692f67697068792e676966","showCover":true,"date":"2020-04-12","category":"frontend","url":"https://github.com/Swizec/gatsby-remark-giphy","author":"Swizec Teller","translator":"","tags":["gif"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"ip-num 处理ipv4,ipv6,ASN格式数据","publish":true,"cover":"","showCover":true,"date":"2020-04-12","category":"nodejs","url":"https://github.com/ip-num/ip-num","author":"ip-num","translator":"","tags":["ip"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"github 核心功能免费，组织私有项目可免费拥有无限开发者","publish":true,"cover":"","showCover":true,"date":"2020-04-12","category":"devops","url":"https://help.github.com/en/github/getting-started-with-github/faq-about-changes-to-githubs-plans","author":"github","translator":"","tags":["git"],"priority":1},"html":"<p>另外，Github Pro费用从每月9美元降到4美元。\n个人开发者公开项目可拥有无限开发者。</p>"}},{"node":{"frontmatter":{"title":"ionicons iconic出品的MIT图标","publish":true,"cover":"","showCover":true,"date":"2020-04-12","category":"resource","url":"https://github.com/ionic-team/ionicons","author":"ionic-team","translator":"","tags":["icon"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"mediasoup 开源在线视频会议","publish":true,"cover":"https://github.com/versatica/mediasoup/raw/v3/art/mediasoup-v3-architecture-01.svg?sanitize=true","showCover":true,"date":"2020-04-12","category":"javascript","url":"https://github.com/versatica/mediasoup/","author":"versatica","translator":"","tags":["bootstrap"],"priority":2},"html":"<p><a href=\"https://github.com/versatica/mediasoup-demo\">官方示例项目</a></p>"}},{"node":{"frontmatter":{"title":"middle-manager 使用 markdown 写 powerpoint 类似的幻灯片","publish":true,"cover":"https://raw.githubusercontent.com/idris-maps/middle-manager/master/demo/bullshit.png","showCover":true,"date":"2020-04-12","category":"nodejs","url":"https://github.com/idris-maps/middle-manager","author":"Anders","translator":"","tags":["powerpoint"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"midori - 背景图转换特效","publish":true,"cover":"https://github.com/aeroheim/midori/raw/master/docs/assets/midori.1.gif","showCover":true,"date":"2020-04-12","category":"frontend","url":"https://github.com/aeroheim/midori","author":"Benjamin Pang","translator":"","tags":["animation"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"mvp 直接应用于标签的预设样式框架","publish":true,"cover":"https://github.com/andybrewer/mvp/raw/master/img/logo.png","showCover":true,"date":"2020-04-12","category":"frontend","url":"https://github.com/andybrewer/mvp/","author":"Andy Brewer","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"npm CTO Ahmad Nassri 离职","publish":true,"cover":"","showCover":true,"date":"2020-04-12","category":"nodejs","url":"https://blog.npmjs.org/post/615388323067854848/so-long-and-thanks-for-all-the-packages","author":"Ahmad Nassri","translator":"","tags":["npm"],"priority":1},"html":"<p>npm 事实上已加入 github。</p>"}},{"node":{"frontmatter":{"title":"photo-stream 可发布到 netlify 的图片站","publish":true,"cover":"https://repository-images.githubusercontent.com/244708193/8710f480-6010-11ea-9fd6-41bdaea7ab02","showCover":true,"date":"2020-04-12","category":"other","url":"https://github.com/maxvoltar/photo-stream","author":"Tim Van Damme","translator":"","tags":["photo"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-intl react 国际化库","publish":true,"cover":"","showCover":true,"date":"2020-04-19","category":"frontend","url":"https://github.com/formatjs/react-intl","author":"FormatJS","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-pdf-viewer react pdf查看器","publish":true,"cover":"https://raw.githubusercontent.com/phuoc-ng/react-pdf-viewer/master/assets/screenshot.png","showCover":true,"date":"2020-04-19","category":"frontend","url":"https://github.com/phuoc-ng/react-pdf-viewer","author":"phuoc-ng","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-tater - 在元素上放置评论注解","publish":true,"cover":"https://github.com/localjo/react-tater/raw/master/screenshot.png","showCover":true,"date":"2020-04-19","category":"frontend","url":"https://github.com/localjo/react-tater","author":"Jo Sprague","translator":"","tags":["react"],"priority":2},"html":"<p><a href=\"https://iamlocaljo.com/graphy-react-challenge/\">在线demo</a></p>"}},{"node":{"frontmatter":{"title":"snake-cubed 3d贪吃蛇","publish":true,"cover":"https://camo.githubusercontent.com/ceb3fcb831f1d81bd39bd6840d7370eb90377a83/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f647575626e584c6e674144653839566f57572f67697068792e676966","showCover":true,"date":"2020-04-19","category":"javascript","url":"https://github.com/qdozaq/snake-cubed","author":"Paul Mendoza","translator":"","tags":["game"],"priority":2},"html":"<p><a href=\"https://snake-cubed.tk/\">在线试玩</a></p>"}},{"node":{"frontmatter":{"title":"react-virtualized-tree react 树组件","publish":true,"cover":"https://user-images.githubusercontent.com/1521183/37708046-14cf3fb4-2cfd-11e8-9fad-8c0d557397cd.gif","showCover":true,"date":"2020-04-19","category":"frontend","url":"https://github.com/diogofcunha/react-virtualized-tree","author":"Diogo","translator":"","tags":["react"],"priority":1},"html":"<p><a href=\"https://diogofcunha.github.io/react-virtualized-tree/#/examples/basic-tree\">demo和文档</a></p>"}},{"node":{"frontmatter":{"title":"uid - 比nanoid还快的随机字符串(非安全)创建工具","publish":true,"cover":"","showCover":true,"date":"2020-04-12","category":"javascript","url":"https://github.com/lukeed/uid","author":"Luke Edwards","translator":"","tags":["random"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"响应式图片最简单的办法","publish":true,"cover":"https://29comwzoq712ml5vj5gf479x-wpengine.netdna-ssl.com/wp-content/uploads/2020/03/summary.png","showCover":true,"date":"2020-04-12","category":"frontend","url":"https://cloudfour.com/thinks/responsive-images-the-simple-way/","author":"Scott Vandehey","translator":"","tags":["responsive"],"priority":1},"html":"<ul>\n<li>可用<a href=\"https://www.responsivebreakpoints.com/\">https://www.responsivebreakpoints.com/</a> 生成多个匹配大小图片</li>\n<li>\n<p>可用respimagelint检测站点图片适应性</p>\n<blockquote>\n<p>这也不简单好吧</p>\n</blockquote>\n</li>\n</ul>"}},{"node":{"frontmatter":{"title":"在线背景图样生成器","publish":true,"cover":"","showCover":true,"date":"2020-04-12","category":"other","url":"https://beautifuldingbats.com/pattern-generator/","author":"beautifuldingbats","translator":"","tags":["pattern"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"想让你的文章出现在这里？","publish":true,"cover":"","showCover":true,"date":"2020-01-12","category":"frontend","url":"mailto:editor@zhouexin.com?subject=投稿!","author":"投稿","translator":"","tags":["editor"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"窍门 - 高性能动画样式的诀窍","publish":true,"cover":"","showCover":true,"date":"2020-04-12","category":"frontend","url":"https://css-tricks.com/tips-for-writing-animation-code-efficiently/","author":"Zach Saucier","translator":"","tags":["css","animation"],"priority":1},"html":"<p>第一点：使用动画库……😄</p>\n<iframe height=\"265\" style=\"width: 100%;\" scrolling=\"no\" title=\"SVG Wars: May the morph be with you. (GSAP3)\" src=\"https://codepen.io/PointC/embed/mmMXQK?height=265&theme-id=light&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\" loading=\"lazy\">\n  See the Pen <a href='https://codepen.io/PointC/pen/mmMXQK'>SVG Wars: May the morph be with you. (GSAP3)</a> by Craig Roblewsky\n  (<a href='https://codepen.io/PointC'>@PointC</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>"}},{"node":{"frontmatter":{"title":"gatsby-remark-giphy gatsby的gif动图插件,自动查找giphy资源","publish":true,"cover":"https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/v1559739084/0619_White_OnlineForms_2_600x500_zfqkk2.jpg","showCover":true,"date":"2020-04-12","category":"php","url":"https://css-tricks.com/continuous-deployments-for-wordpress-using-github-actions/","author":"Steffen Bewersdorff","translator":"","tags":["git"],"priority":1},"html":""}}]}}