Monthly notes 24

Rain, cold winds and darkness have arrived to Finland and there’s so many good reason to stay at home with warm mug of coffee and read. This month’s notes cover how you should optimize images, how your eyes are telling lies and how to circumvent it in design. You also get pointers to security tools for Docker and running Java apps with Docker and Kubernetes. And if you haven’t migrated to HTTPS check out Troy Hunt’s happy path. Happy reading.

Issue 24, 28.11.2017

User Interface

Essential Image Optimization (ebook)a
Image optimization should be automated. It’s easy to forget, best practices change, and content that doesn’t go through a build pipeline can easily slip. Addy Osmani’s eBook has the essential information you need to get started.

Optical Effects in User Interfaces (for True Nerds)
Making optically balanced icons, correct shapes alignment, and perfect corner rounding when your eyes are telling lies. Interesting article of optical effects in User Interfaces.

Microservices

Essential (and free) security tools for Docker
Docker makes it easy for developers to package up and push out application changes, and spin up run-time environments on their own. But this also means that they can make simple but dangerous mistakes that will leave the system unsafe without anyone noticing until it is too late. Fortunately, there are some good tools that can catch many of these problems early, as part of your build pipelines and run-time configuration checks. Jim Bird has put together a short list of the essential open source tools that are available today to help you secure your Docker environment.

Deploying Java Applications with Docker and Kubernetes
A good intro to using Docker and Kubernetes for a typical Spring web application. (from Java Weekly 199)

Technical

The 6-Step “Happy Path” to HTTPS
HTTPS is now somewhat of a necessity and the path to it can be difficult but it can also be fundamentally simple. Troy Hunt details the 6-step “Happy Path”, that is the fastest, easiest way you can get HTTPS up and running right.

Fast By Default: Modern Loading Best Practices (Chrome Dev Summit 2017)
Optimizing sites to load instantly on mobile is far from trivial. Costly JavaScript can take seconds to process, we often aren’t sensitive to users data-plans, and browsers don’t know what UX-critical resources should load first. One interesting talk https://www.youtube.com/watch?v=_srJ7eHS3IM&feature=youtu.be&t=11m3s is Queryable Real User Monitoring for the web? which tells us about Chrome User Expericence Report https://blog.chromium.org/2017/10/introducing-chrome-user-experience-report.html. Dataset of real world performance as experienced by Chrome users to which you can do SQL queries.

Introducing Code Smells into Code
Code smells are hints that show you potential problems in your code. Martin Fowler describes 21 code smells and Adrian Bolboaca came up with the Brutal Refactoring Coding Game. In the game participants are asked to write the cleanest code possible. If the facilitator spots any code smell, participants must stop and immediately remove it. The post is not about the game but about code smells introduced into code. The game allows observation how and when code smells are introduced (because the whole point is to spot and remove them). (from Java Weekly 199)

Miscellanous

Becoming an accidental architect
“How does one transition from developer to accidental architect? It doesn’t happen overnight.” The article describes the journey from developer to architect and how software architects can balance technical proficiencies with an appropriate mastery of communication.

Something different

Pole Bicycles Announces New CNC-Machined ‘Machine’
Finnish bike company Pole has always stamped it’s own path and redefined how mountain bikes can be long and fast. Now they redefined how a frame is made and announced robotically CNC machined frame which is also 100% made in Finland. “The Machine is a cutting edge 29″ superbike which can be used as the one bike for everything. The travel on the bike is 180mm front and 160mm rear. The frame geometry follows Pole’s notoriously long and slack geometry with steep seat tube for better climbing. On our tests, the Machine was even easier to ride than the EVOLINK’s.”

Monthly notes 23

Autumn approaches with heavy rains and cold weather and it’s good time to sit inside with warm mug of tea and read what has happened in the field of software development. This month’s notes are about cyber security, accessibility, microservices and tools to help your development.

Issue 23, 18.10.2017

Learning new things

Cyber Security Base with F-Secure
Course series by University of Helsinki in collaboration with F‑Secure Cyber Security Academy that focuses on building core knowledge and abilities related to the work of a cyber security professional. Starts on 31st of October, 2017. Learn about tools used to analyse flaws in software systems, necessary knowledge to build secure software systems, the skills needed to perform risk and threat analysis on existing systems and the relevant legislation within EU.

Developing accessibility in mind

Writing CSS with Accessibility in Mind
“An introduction to web accessibility. Tips on how to improve the accessibility of your web sites and apps with CSS.”

How to test NVDA screen reader behaviour on a Mac
Developing accessibility in mind has some extra hoops especially on macOS. Here’s good howto for setting up NVDA screen reader to Windows Virtual Machine.

Frontend

Deploying ES2015+ Code in Production Today
You can deploy ES2015+ code in production today. Every browser that supports <script type=”module”> also supports most of the ES2015+ features. For older browsers use <script nomodule>.

Backend

Testing Microservices — Java & Spring Boot
A comprehensive guide to Microservices testing with Spring Boot. (from Java Weekly 196)

Top 10 Docker logging gotchas every Docker user should know
Docker changed the way applications are deployed, as well as the workflow for log management. In this article, Stefan Thies reveals the top 10 Docker logging gotchas every Docker user should know. tl;dr; Use the default json-file driver which is reliable and things just work.

The Top 10 Jigsaw and Java 9 Misconceptions Debunked
There are a number of myths surrounding Java 9 – so this piece is doing some myth-busting. (from Java Weekly, Issue 195)

Event Messaging for Microservices with Spring Boot and RabbitMQ
In a microservice environment you may come upon the requirement to exchange events between services. This article shows how to implement a messaging solution with Spring Boot and RabbitMQ. (from Java Weekly, Issue 195)

Tools of the trade

Mermaid.js
Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code? Mermaid is a simple markdown-like script language for generating charts from text via javascript. Has online editor and plugins for e.g. Atom. Good alternative for Draw.io.

A more connected universe
GitHub can now analyze and show you the project’s dependency graph. And … “Soon, your dependency graph will be able to track when dependencies are associated with public security vulnerabilities” (from Weekend Reading)

Rico’s cheatsheets
This is such a fantastic resource. 340 cheatsheets for a variety of tools, languages, libraries, and frameworks. (from Weekend Reading)

Something different

So all y’all know that UserAgent strings are total bullshit, right?

Monthly notes 22

The weather has turned Autumnal and evenings are getting darker which leaves us more “good” reasons to spend time with our computers and learn. This monthly notes provide guide to impactful performance improvements, tips for optimizing React apps, howto gifs for Chrome DevTools, tips for healthier ways for working and how sticker makes things faster.

Issue 22, 12.9.2017

Frontend

The State of the Web: guide to impactful performance improvements
How can we make the Web better by designing and developing with performance in mind? A look at various ways of making impactful performance improvements. (from WebOps weekly 132)

React is Slow, React is Fast: Optimizing React Apps in Practice
Practical tips for optimizing #ReactJS performance with react_perf and Chrome Devtools’ Timeline.

Increase your web development skill-set: 150 animated tips on Chrome DevTools
Chrome DevTools is powerful web development tool and these 150 gifs will help you grasp features in 30 seconds. Also text descriptions if you want to read more.

Using React with TypeScript (video)
A short practical demo about using React and Typescript. No slides, just code. (from @reactdaily)

Development

What is Clean Code and why should you care?
Clean code is subjective and every developer has a personal take on it. There are some ideas that are considered best practice and what constitutes as clean code within the industry and community, but there is no definitive distinction. And I don’t think there ever will be. “Clean code is code that is easy to understand and easy to change.”

3 Effective Ways to Maintain High Energy Levels at Work for Software Engineers
Good tips for energetic days at the office: “1. Find Solutions for Energy Waste; 2. Take a Real Break; 3. Shift Between Different Tasks.”

Lessons learned about running Microservices
There are many reasons and benefits related to opt for an architecture based on Microservices, but there is no free lunch, at the same time it also brings some difficult and hard aspects to deal with. B2W has used microservices since 2014 and this four parts serie starts with some best practices related about Microservices communication.
(from Microservices Weekly 97)

Backend

Basic API Rate-Limiting
If we want to apply client-specific rate limiting, a standard load balancer might be not enough – especially when there’s no uniform way of identifying clients. The article explains the basics about rate limiting and tells you about some implementations for rate limiters you can use. For example Guava RateLimiter isn’t meant for (web) API rate-limiting and you should use libraries like RateLimitJ or bucket4j project. (from Java Weekly Issue 186)

Guide to Spring Boot REST API error handling
Spring Boot gives very useful error messages to build REST APIs but those same messages are noisy and useless for the API consumer, not to mention they reveal implementation details. Luckily, Bruno Leite is here to explain how there are simple ways of handling this.

Something different

Mysterious Axxios Stickers Allegedly Reduce Vibrations On Bikes
Hmm. “Axxios’ technology can alter the modulus of elasticity for a material by interacting with it through electron fields on an atomic level. Not only that, but the company also claim this is done passively, with no external power source.” It’s known truth that stickers make things go faster ;)

Monthly notes 21

Holiday season is soon over here in Finland and it’s good to be back at work. Summer has been quite busy and sadly I skipped June’s monthly notes. So, time to move forward and keep on track what has happened in software development. This time it’s about monitoring Docker, using webpack, writing functional apps with Spring and Kotlin and comparing Spring app written in Java, Kotlin and Scala.

Issue 21, 2.8.2017

Microservices

Docker Monitoring: 5 Methods for Monitoring Java Applications in Docker
What are some of the most useful methods to monitor Java applications in Docker containers? Making Logs Useful, Performance Monitoring, Error Tracking, Container Metrics, Orchestration.

Moving from a Java Monolith to Microservices at Squarespace (video)
Julian Applebaum describes the challenges of moving to a service-oriented architecture, drawing boundaries between different layers of business logic and discovering fundamental tensions in restructuring application logic. Squarespace’s journey to a series of RESTful API endpoints was a matter of building services and integrating them slowly as they became reliable.

JavaScript

webpack: The Core Concepts
Start with nothing. Leave with boilerplate independence.

Unambiguous Webpack config with Typescript
You can write your Webpack config in Typescript, and it’ll save you a huge amount of pain. (from JavaScript Weekly 340)

A Set of Best Practices for JavaScript Projects
British design studio Hive has collected guidelines for working on JavaScript projects. Although it says for JavaScript projects the practices are applicable to other projects as well as it covers things like Git workflow, documentation and API. (from JavaScript weekly 342)

Static AST checker for a11y rules on JSX elements
Pairing this plugin with an editor lint plugin, you can bake accessibility standards into your application in real-time.

Java and Kotlin

Functional web applications with Spring and Kotlin
How to build reactive and functional web applications with Spring Framework 5, WebFlux and Kotlin. Video available. Sources of the reference project are available at GitHub and there’s also related blog post.

Basic Spring web application in Java, Kotlin and Scala – comparison
If you’ve been wondering how hard would it be to implement a basic Spring Boot app in alternative JVM languages, such as Scala and Kotlin, read this post. (from Java Weekly 185)

Project package organization
Package structure in Java projects is often neglected or applied mindlessly – here we can see a comparison of the two most popular approaches: package-by-layer vs. package-by-feature.
(from Java Weekly 185)

Simple Spring Boot Admin Setup
Spring Boot Admin dashboard setup can be slightly unintuitive – here’s a short overview of how to set it up. The post could use a picture.

Implementing a custom Spring Boot starter for CXF and Swagger
(from Java Weekly, Issue 184)

Something different

Monthly Notes 20

Midsummer started the holiday season in Finland and things are slowing down. Time to take some break from routines, enjoy the Summer and stroll in the forest. And on rainy days read books and check out what happens in technology. Here’s monthly notes for June and it’s about microservices, designing user experience and React.

Issue 20, 26.6.2017

Microservices

The Dark Side of Microservices
There’s much debate for and against using Docker and microservices and although I don’t fully agree with the writer, the post gives something to think about.

The Hardest Part About Microservices: Your Data
Microservices aren’t as easy as you think. This blog series looks good for explaining it. First understand your data.

Microservices implementation — Netflix stack
There are lot of tools and technologies for implementing Microservices. This article is focusing on doing it with the Netflix stack and SpringBoot. (from The Microservices Weekly)

7 reasons to switch to microservices — and 5 reasons you might not succeed
Using a microservices can improve resilience and expedite your time to market, but breaking apps into fine-grained services offers complications. The article doesn’t provide much surprises but gives something to think about. (from The Microservices Weekly)

User Experience needs thought

Building systems that don’t match your worldview
Developing systems with accessibility in mind makes it possible and pleasant to use for all groups. WCAG is one part of the solution.

Cultural Blind Spots in UX
Designing for international markets is about understanding the nuances, starting with how cultures look at web pages in different ways.

How Human Memory Works: Tips for UX Designers
If design is all about understanding humans, then understanding how our memory works is going to play a vital part. (from iOS dev weekly #306)

React

React Express: Learn React with Interactive Examples
An opinionated, all-in-one guide walking through create-react-app, webpack, Babel, ES2015+, JSX, Redux, CSS-in-JS, and more. (from JavaScript weekly 340)

Techniques for decomposing React components
React components have a lot of power and flexibility but it’s incredibly easy for components to grow over time, become bloated and do too much. Adhering to the single responsibility principle not only makes your components easier to maintain, but also allows for greater reuse. However, identifying how to separate the responsibilities of a large React component is not always easy. Here are three techniques to get you started, from the simplest to most advanced. (from JavaScript weekly 340)

Something different

Monthly Notes 19

Summer is finally coming to Finland and it’s nice to spend more time biking in the forests than sitting in the office or reading news but nevertheless here’s this months notes. This time it’s about videos of Chome DevTools, something about Microservices and security and how switching to HTTPS isn’t so easy.

Issue 19, 29.5.2017

Tools of the trade

Chrome DevTools: State of the Union 2017
Filmed at Google I/O, Paul Irish runs through new Chrome DevTools features in 41 minutes. (from FrontEnd Focus #291)

Rethinking Microservices with Stateful Streams
Microservices are one of those polarising concepts that technologists either love or hate. Splitting applications into autonomous units clearly has advantages, but larger service-based systems tend to struggle as the interactions between the services grow. (from Microservice Weekly)

An Essential Guide to the Serverless Ecosystem
A roundup of the key serverless computing platforms, tools and frameworks available. (from DevOps Weekly #117)

Web Developer Security Checklist
Michael O’Brien shares a security checklist for web developers so that you don’t forget anything crucial in your next projects. (from WDRL #183)

Why OWASP Top 10 is no longer relevant
Good points why of OWASP Top 10 only 4 are nowadays somewhat relevant. Explains and points to new attack vectors.

War stories

HTTPS on Stack Overflow: The End of a Long Road
It’s taken years for all of Stack Overflow and its related sites to go full-HTTPS. This post goes into extreme depth on the challenges faced and problems solved along the way. (from DevOps Weekly #117)

Container isolation gone wrong
Thorough story of Microservices isolation and troubleshoot in kernel level. tl;dl; gather metrics and monitor, don’t trust kernel.

Something different

Norppalive
WWF brings you a live cam starring a freshwater seal that lives in Lake Saimaa, Finland. The Saimaa ringed seal, saimaannorppa in Finnish, is one of the rarest seals in the world.

Monthly notes 18

Summer is finally approaching although the weather is still chilly here in Finland especially if you’ve spent your winter holiday in lovely Italy. Have to say that for mountain bikers Finale Ligure is a nice destination to start your season after long winter. April has also been quite busy with upcoming project deadline but here’s some monthly notes to keep you learning.

Monthly notes, issue 25.4.2017

iOS Development

Developers can finally respond to App Store reviews
Tooks some time to Apple to get this feature to App Store. Developers can now respond to reviews and this article includes just about everything you need to know. (from iOS Dev Weekly 294)

The Details That Matter
Small design changes can make a huge difference in apps’ UX. Nick Babich does a really nice job making design more approachable and explaining the merits of his suggestions. (from iOS Dev Weekly 294)

Save Yourself Some Xcode Time By Mastering These Tips
Every developer has to look for shortcuts. Shortcuts leave you more time to develop, rather than taking the long route (such as the mouse!) for many Xcode tasks. Seasoned Xcoders will know most of these tips, but I bet even they will have forgotten one or two. Learn these now and save yourself more time than you could imagine over your career. (from Indie iOS Focus Weekly 117)

Software development is hard

Tout est Terrible
Loose transcription of a talk Fred Hébert gave at the Web a Quebec conference. Everything is terrible, a spooky scary story of how we can have a simple application that looks reasonable and show a bunch of issues and potential bugs that can hide in it and surprise us in nasty ways. And that it’s hard to really feel safe about any code out there.

Competitive Programmer’s Handbook
Good resource for brushing up programming skills and theory knowledge. Books purpose is to give the reader a thorough introduction to competitive programming. It’s especially intended for students who want to learn algorithms and possibly participate in the International Olympiad in Informatics (IOI) or in the International Collegiate Programming Contest (ICPC).

Frontend development

JavaScript Patterns for 2017 [Video]
A 50 minute roundup of common, JavaScript-specific techniques like using modules, webpack, ES6 syntax, classes, async/await and more. (from JavaScript Weekly 331)

Facebook scraps React as we know it, welcomes successor React Fiber
React.js is dead. Long live React Fiber. Completely rewritten, backward compatible with minor breaking changes.

Why It’s So Important To Focus On The Bottom Nav Bar
Making our app easy to use can be anything but easy. One way to make it easier on yourself is by focusing as much navigation as you can on the bottom half of the screen. This post shows just how important it is along with some great tips and visual examples. (from Indie iOS Focus Weekly 117)

Tools

Webhook
Webhook is a lightweight configurable tool written in Go, that allows you to easily create HTTP endpoints (hooks) on your server, which you can use to execute configured commands. Hacker News comments. (from Hacker Newsletter 348)

Tips for monitoring Redis
Ways to get more info from Redis, such as on latency and slow commands. (from DB Weekly 151)

Simple Icons
Dan Leech built a great set of very simple SVG icons of popular brands. It’s available under a Creative Commons Zero license. (from WDRL 179)

How to install and use Headless Chrome on OSX
Google Chrome can now be run in headless mode, replacing PhantomJS or SlimerJS. Jim Cummins explains how to set it up on Mac OS. For Windows and Linux it should be similar using bash and a few adaptions to the local commands. (from WDRL 179)

Something different

4 Late-Night Protein Treats To Pair With Milk
I don’t know why these are called late-night treats but they look delicious. And done with protein powder and more “healthy” choices than normally.

Spruijt’s Ultimate Dilberts IT Collection
Who doesn’t like the entertaining, funny and always accurate Dilbert cartoons? This Ultimate Dilberts collection curates a selection of strips to watch for fun on a Friday afternoon or use occasionally in meetings and presentation.

Monthly Notes 17

Successful Software development is about good practices, agile methods and also ethics, interpersonal and leadership skills as the Fowler’s story from Über shows us. You can’t achieve great things without well working team, also on personal level. And what comes to actual development it’s good to remember that you shouldn’t over-engineer. On the other news, Spring is finally coming to Finland and the cycling season has started.

Montly notes, issue 29.3.2017

Software development

10 Modern software engineering mistakes
“Many articles say don’t over-engineer but don’t say why or how. Here are 10 clear examples.”. tl;dr; Prefer isolating actions than combining., Duplication is better than the wrong abstraction. Always take a step back and look at the macro picture. Reuse. Fork. Contribute. Reconsider. Refactoring is part of each and every story. No code is untouchable.

Why Software Development Time Estimation Doesn’t Work and Alternative Approaches
Alex Castrounis shares why estimating software development tasks by time and time tracking don’t work and how you can still get pretty accurate estimations to calculate the progress and a deadline for a project.

Lean Inception
How to work out what should be in MVP and start Agile project as quickly as possible?

Reflecting On One Very, Very Strange Year At Uber
Depressing story of Uber’s toxic organization culture and how not to handle issues. Also corporation process of reviews/transfers is awful.

Software Developer Interview: Your part.
If you’re looking for new challenges in software development career and go to a job interview you should carefully and thoroughly find out if the company is the right for you. Good list of interesting and important questions will help you on your way.

What .NET Developers ought to know to start in 2017
Have to remember to read this when I start using dotNet.

Front-end has always new frameworks

Vue.js 2.0 has gained popularity among React and Angular and it looks good alternative for front-end development. Vue.js in less than 30 minutes for beginners and Vue.js 2.0 In 60 Minutes will show you what’s it about and get you started.

Tools

GraphQL Part 1 and Part 2
Loren Sands-Ramshaw wrote a two-step guide on GraphQL, a relatively new query language that has better performance and is easier to handle as REST. (from Web Development reading list 175

EICAR Standard Anti-Virus Test File
You can use EICAR standard anti-virus test file for testing what happens when virus is found. It’s just text.

Pipeline as code with a Spring Boot application
I just recently clicked through Jenkins UI to setup pipelines. Boring. Next time I’ll try to define it with ‘pipeline as code’ concept.

User interface

Toggle button
Sometimes a user interface requires a clear “On”/”Off” switch. It’s usually a great idea when you want to show optional settings but indicate more as a checkbox does by default and in a simpler way as two radio options could provide it. Heydon Pickering now shares the technical approach to building semantic, accessible and easy-to-use toggle buttons. (from Web Development reading list 175

Something different

How to ride long Poles. The bike.
Good tips of how to ride mountain bike. Stand tall and keep your head up; Turn your body towards the direction you want your bike to go; Counter steer before the corner; Push the bike with your legs in turns; Bend knees.

Monthly notes 16

February in monthly notes looks into what you should think about when using Facebook, suggests you to read “Nineteen Eighty-Four (1984)” by George Orwell and tells you 13 things you should give up if you want to be successful. Also it’s worth checking out Vue.js, use Git standup for daily Scrums and enhance your application accessibility.

Issue 16, 13.2.2017

JavaScript

Introduction to Vue.js
Vue.js is gaining traction more and more each week. If you need an introduction this post by Sarah Dranser is tops. (css-tricks.com) (from https://web-design-weekly.com/)

A Guide to Webpack 2 and Module Bundling
This article is aimed at those who are new to webpack and will cover initial setup and configuration, modules, loaders, plugins, code splitting and hot module replacement. (from Web Design Weekly)

Tools

Git standup
What did I code yesterday? git standup looks crafty tool to remember what you’ve done and works with multiple repos.

Using tmux properly
You may know terminal multiplexers like Screen which was released 1987 but there’s also newer options like tmux (2007). It’s similar to Screen, but has some additional features and is easier to configure. The article tells you how to use tmux properly.

Introducing Docker Secrets Management
The latest Docker release offers a great solution to store your secrets securely in containers. The Docker Secrets Management is a solid approach to do so. (from WDRL #169)

Software development

Five Keys to Boost your Speed and Quality in Software Teams
“Software quality and the speed of the team is a commitment issue”. Focus, communication, conventions, confidence, isolation. Well said.

The Outrageous Cost of Skipping TDD & Code Reviews
Writing tests is one of the crucial parts of software development and the benefits of Test Driven Development has proven itself to be very useful to increase the quality of software. The article shows some numbers why you should do TDD and shares advice about how to implement a more productive quality process.

ARIA Examples
Some practical ARIA examples to enhance your application accessibility. And accessibility isn’t as easy as you thought like Soueidan explains with Accessible tooltips https://sarasoueidan.com/blog/accessible-tooltips/

GitLab’s postmortem of database outage of January 31
On January 31st 2017 GitLab experienced a major service outage for their online service GitLab.com. The outage was caused by an accidental removal of data from our primary database server. They also lost some production data that they were eventually unable to recover. The postmortem of the issue is good to read. GitLab also had live Google Doc while resolving the issue. Hacker News comments also has some good points.

Security

What should you think about when using Facebook?
Facebook collects data about you in hundreds of ways, across numerous channels. It’s very hard to opt out, but reading this article by Vicki Boykis on what they collect, you’ll learn to better understand the risks of the platform so you can choose to be more restrictive with your Facebook usage. (from WDRL #169)

Something different

13 Things You Should Give Up If You Want To Be Successful
Intuitively obvious things but harder to follow.

Sketchcase
Whiteboard Sticker simply turns any laptop lid into a portable whiteboard.

George Orwell: 1984, pdf and audio
If you haven’t read “Nineteen Eighty-Four (1984)” by George Orwell yet, here’s your chance: The entire book is available for free as PDF and Audio versions. I personally recommend it to everyone who is only slightly interested in just one of these topics: social change, politics, technology. (from WDRL #169)

Monthly notes 15

This time in monthly notes we cover design trends for interfaces, Apple steps up to iOS user interface templates game, learn Flexbox and Redux, something about microservices with Docker and see what GitHub has learned about CSP.

Issue 15, 28.1.2017

User Interfaces

Review of Popular Design Trends for Interfaces in 2016
What should apps look like in 2017? Let’s start with looking at what happened in 2016 with Marina Yalanska. (from iOS Dev Weekly Issue 284)

Apple iOS UI templates
Apple joined the party of iOS UI templates with their own comprehensive set. Would be nice if they would expand this to tvOS, watchOS and macOS. (from iOS Dev Weekly Issue 284)

Crash Course: UI Design
A pretty epic article by Jeff Wang that revisits the design process he took on a recent project from the UI angle. (from Web Design Weekly)

Microservices

Containers and microservices and Node.js! Oh, my!
Learn microservices, Node.js, and containers by example using the provided application. This post walks through an example application that is split out into Node.js microservices running in Docker containers. (from Microservice Weekly 64)

Building Efficient Dockerfiles – Node.js
Old but good to know. Many Dockerfiles are written inefficiently, especially if you’re using npm. You should use caching to improve the performance of your Docker container. tl;dr; add package.json to tmp before running npm install in there. (from WDRL 166)

Making microservices more resilient with circuit breaking
‘Circuit breaking’ is the idea of shutting off traffic to an instance if requests to it fail too frequently. Good article of how linkerd can help you with it. (from Web Operations Weekly 99)

On the front end

Understanding Flexbox: Everything you need to know
A very thorough attempt to cover all the fundamental concepts you need to get comfortable with the CSS Flexbox model. (from Front-end focus 273)

React or Vue: Which Javascript UI Library Should You Be Using?
If you’re not sure which to pick, start here. (from Weekend Reading)

Thinking in Redux (when all you’ve known is MVC)
Good explanation of Redux with React although the article uses it with React Native. Redux is quite simple in concept but you’ve to think differently how things work. Another option to Redux would be to use Mobx.

Accessibility testing with Intern
Covering unit tests and functional tests, The Intern is a nice testing tool for JavaScript. But you can also use it for accessibility testing. (from WDRL 163)

Security

GitHub’s post-CSP journey
Previously Github shared their learnings from using the Content Security Policy at github.com. Now they share more learnings in and the focus lies on i.a. img-src, form nonces, same-site cookies. (from WDRL 166)

Something different

Finnish mountain biking expertise was awarded a couple of Design and Innovation Awards this year: Pole Evolink 140 and Huck Norris. The super long and slack Pole Evolink 140 bike throws up questions about geometry standards. And although not a new innovation with protecting your rims and tyres, the Huck Norris anti-pinch-flat insert is a plastic foam ring effectively protects your rims from dents and reduces the risk of burping. You can ride tubeless with an even lower tire pressure or even a lighter carcass, plus glean more grip.