CategoryCoding

January 13, 2016 — Over the time, OSS has turned into crowd-sourced marketplaces and this big range open source functionality is great, but it also carries big risks. Whenever you are running a stranger’s code inside your applications, you might question yourself “Do you know if these authors understand or care about security?” or “Do you know if they have vulnerabilities?”. In this article, Guy Podjarny will show you a good way to start acknowledging and handling this risk which is to address the known vulnerabilities in your dependencies and Snyk makes it easy for you to find, fix and monitor these vulnerabilities in Node.js. Read more…

January 13, 2016 — Using a preprocessor does not automatically upgrade one’s code: A thorough foundation in CSS is a prerequisite. In Karen Menezes’ experience, badly architected and overly abstracted preprocessor code is much harder to debug and maintain than a large CSS file created with basic structure and common sense. Variables can be seen as the backbone of a well-constructed project. Well-commented and well-defined variables set a great foundation for a project of any size. By maintaining a variable-centric approach, we can structure our style sheets with a meaning and modularity that persist beyond the trends that come and go. Read more…

January 8, 2016 — What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann is collecting everything that popped up over the last week in his web development reading list so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at. Read more…

January 7, 2016 — Ember is a JavaScript web framework focused on building ambitious, rich client web applications. Technologically, Ember has positioned itself as the antidote to hype fatigue. It’s a framework that just won’t die, but keeps pressing on with each innovation and with a commitment to backwards–compatibility. If you’ve been waiting to give Ember a try, why not start today with Ember CLI? It provides a productive and feature–rich development experience. All you need to get started and create an Ember App using Ember CLI is right here below. Read more…

December 30, 2015 — In this article, Patrick Brosset takes a walk through some of the main tools and differential features of Firefox Developer Edition. He explores how this browser can be used to keep updated about the latest tools for CSS features and animations, testing website displays and some tips and tricks for developers and designers. Firefox’s DevTools have evolved quite rapidly in recent years, and feature-packed versions are now getting released every six weeks. The project is being driven by an active community, which you can be a part of! Feel free to download Firefox Developer Edition to try out the latest version of the tools. Read more…

December 28, 2015 — In this article, Ilya Zayats will show you that, from React’s perspective, there is no difference at all in what to render. React helps to organize an application into small, human-digestible chunks. You can avoid any complex internal interactions between small components, while your application continues to be blazingly fast due to the DOM-diffing that React does under the hood. Trying to grasp what’s wrong with a graph or visualization just by looking at SVG generator templates is often overwhelming, and attempts to maintain internal structure or separation of concerns are often complex and tedious. So, can we apply the same techniques to web graphics — SVG in particular? Yes! Read more…

December 21, 2015 — Single-page applications tend to take the form of runtimes, JavaScript executables deployed like popup shops into vacant  elements. In this article, Heydon Pickering will introduce a solution for architecting progressive single-page applications using little more than a couple of CSS tricks, less than 0.5 KB of JavaScript and, importantly, some static HTML. It is not a perfect or complete solution, but it testifies to the notion that performant, robust and indexable single-page applications are achievable: You can embrace web standards while reaping the benefits of sharing data and functionality between different interface screens on a single web page. Read more…

December 18, 2015 — What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann is collecting everything that popped up over the last week in his web development reading list so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at. Read more…

December 16, 2015 — Clip paths open up a wide array of exciting possibilities. Understanding the simple mechanics and how everything moves relative to each other can help you create some powerful and captivating interactions for your users. In this article, Dennis Gaebel Jr explains the difference between an SVG clipPath and a CSS clip-path, including examples to guide and inform you through this journey. Finally, he’ll share a few demos both personal and in the wild to help you better understand clipPath animation and inspire your visions. Read more…

December 14, 2015 — Many developers are unsure which tool is best for creating layouts for their websites. Some feel that Flexbox is powerful enough to handle all of their layout problems. However, they are unsure whether to learn it because of its confusing syntax. Others feel that Susy is much simpler and prefer its simplicity to Flexbox. So, which is more powerful, Flexbox or Susy? Is it possible to use both Flexbox and Susy at the same time? In this article, Zell Liew will find out! Read more…