Welcome to On Our Radar, our weekly round-up of news, trends and other cool stuff from the world of web development.
欢迎来到On Our Radar,我们每周一度的Web开发领域新闻,趋势和其他有趣内容的摘要。
With Halloween approaching, some people are focused on the end of the year instead. The James Dyson Foundation has been working on its own list, Dyson’s 20 best inventions of the year. Meanwhile, Google have been working hard according to their product strategy, where the company just makes two of everything and tests which works better: A/B testing writ large. They even have a second email system now called Inbox.
随着万圣节的临近,有些人开始关注年底。 詹姆斯·戴森基金会(James Dyson Foundation)一直在研究自己的名单,这是戴森年度最佳20项发明 。 同时,Google一直根据他们的产品策略而努力工作,在该公司中,公司仅做两项工作并进行更好的测试:A / B测试需要大量的代码。 他们甚至还有第二个电子邮件系统,现在称为Inbox 。
Google have also given us their Material Design icons. A cool colour scheme designer also appeared, where you can press the spacebar to go through different colour designs, and lock your favourite ones in place. On the other hand, Stylify Me helps you to explore the colours and themes that other web sites use.
Google还给了我们他们的Material Design图标 。 还出现了一个很酷的配色设计器 ,您可以在其中按空格键浏览不同的颜色设计,并将您喜欢的颜色锁定在适当的位置。 另一方面,“ Stylify Me”可以帮助您探索其他网站使用的颜色和主题。
Getting deeper with CSS this week, we’ve been exploring axiomatic CSS and the Lobotomized Owl selector, * + *. Sass has also been covered, with scaling values across breakpoints using Sass, and the self-aware Sass mixin, and we now have a unit tester for Sass, which is going to get some heavy use. When you’ve finished working on your CSS you can also now get all of your post-processing done with Pleeease, and work it in to your build system too.
本周,我们将深入探讨CSS ,我们一直在探索公理化CSS和Lobotomized Owl选择器 * + * 。 Sass也已涉及到,可以使用Sass和自我意识的Sass mixin 跨断点缩放值 ,现在我们有了Sass的单元测试器 ,它将大量使用。 当您完成CSS的工作后,现在还可以使用Pleeease完成所有后处理 ,并将其也应用于构建系统。
Mozilla have given us Nunjucks, a powerful templating engine with inheritance and asynchronous control, that they’ve used to replace their pre-existing Django-driven marketplace. If you want to improve your own sites, we have a nice article on optimizing the critical rendering path, and here’s a curated list of web performance optimization options helping you to dive deeply in to the topic.
Mozilla为我们提供了Nunjucks,这是一个具有继承和异步控制功能的强大模板引擎 ,它们已被用来取代之前存在的Django驱动的市场。 如果您想改善自己的网站,我们有一篇关于优化关键渲染路径的不错的文章,下面是精选的Web性能优化选项列表,可帮助您深入研究该主题。
Getting more graphical, here’s a good tutorial on D3.js for creating data visualisations. We also explore seven JavaScript libraries for specific visualizations that make certain specific ideas easier to achieve. Google’s Material Design for the Android has inspired an implementation of the ripple effect that you can use elsewhere now, and Scroll Magic is a nice plugin that alerts you use the scrollbar to trigger all sorts of interesting animations.
获得更多图形化信息,这是有关D3.js的优秀教程,用于创建数据可视化 。 我们还针对特定的可视化探索了七个JavaScript库,这些库使某些特定的思想更容易实现。 Google的Android材质设计启发了一种涟漪效果的实现方式 ,您现在可以在其他地方使用它,而Scroll Magic是一个不错的插件,可以提醒您使用滚动条触发各种有趣的动画。
Some more tips arrived recently. Firstly, how to work better with Arrays, how to use coupling for highly scalable and maintainable JavaScript. We also help you to prepare for ECMAScript 6 with details on the new number methods.
最近还有更多提示。 首先, 如何更好地与Arrays配合使用,如何将耦合用于高度可扩展和可维护JavaScript 。 我们还帮助您准备ECMAScript 6,其中包含有关新编号方法的详细信息。
Node.js has been getting some love this week too, with a complete Node.js rewrite for Android, a Linear regression library implemented in Node.js with gradient descent, a block-based web server in node.js that lets you aggregate content from multiple sources, and Synaptic is an architecture-free neural network library for Node.js and the browser.
Node.js在本周也很受欢迎,它为Android进行了完整的Node.js重写 ,这是在Node.js中实现的带有线性下降的线性回归库,Node.js中 的基于块的Web服务器可以让您聚合内容Synaptic是来自Node.js和浏览器的无架构神经网络库。
Some good unit testing articles include the series Unit Testing Succinctly, with info about why you should unit test, and how unit testing works. There are also guides to different unit testing tools and, more recently, guides to testing with NUnit and advanced unit testing details.
一些优秀的单元测试文章包括“ 简洁地进行单元测试”系列,以及有关为什么应该进行单元测试以及单元测试如何工作的信息 。 还提供了有关不同单元测试工具的指南,最近还有有关使用NUnit和高级单元测试详细信息进行测试的指南。
Lastly this week, PhotoMath calculates equations using your phone’s camera. Where was this when I was in school? Looking Back to the Future, a prototype of the hoverboard is here. It’s going to be amazing to see where we go from here.
本周最后一次, PhotoMath使用手机的相机来计算方程式 。 我上学的时候在哪里? 展望未来, 悬浮滑板的原型就在这里 。 看到我们从这里去的地方真是太神奇了。
Which links caught your attention? Have you lobotomized any owls lately? Are you exploring what magic you can do with visualisations? Or have you been exploring Node.js or what unit testing can do for you? Whichever takes your interest, we would love to hear your thoughts.
哪些链接引起了您的注意? 您最近有没有猫头鹰的猫头鹰? 您是否正在探索可视化可以做什么魔术? 还是您一直在探索Node.js或什么单元测试可以为您做? 无论您感兴趣的是什么,我们都希望听到您的想法。
Also, if you have any problems implementing anything covered here, or just want to discuss it some more, SitePoint’s forums are a great place to visit (you can sign in with your Google, FaceBook, Twitter, GitHub or Yahoo account).
此外,如果您在执行此处介绍的内容时遇到任何问题,或者只是想进一步讨论, SitePoint的论坛都是一个不错的访问场所(您可以使用Google,FaceBook,Twitter,GitHub或Yahoo帐户登录)。
翻译自: https://www.sitepoint.com/radar-week-scroll-magic-lobotomized-owls/