Recently, there have been a lot of exciting developments happening in the GraphQL client space. Some of these new clients, such as urql and micro-graphql-react, were partially born from the idea that Apollo should be easier to get started with, especially for beginners. We’ve taken this constructive feedback to heart — that's why today, we’re announcing apollo-boost, an easy-to-use booster kit for Apollo Client with our recommended configuration. graphql react
Android uses a new design metaphor inspired by paper and ink that provides a reassuring sense of tactility. Visit the material design site for more resources.

  • Introducing material design
  • Downloads for designers
  • Articles
Every decent programming language has support for variables, and for years we have used them to do our bidding. Sadly, CSS has lacked support for native variables from the very beginning.

You write CSS? Then no variables for you. Well, except if you were using a preprocessor like SASS.

Preprocessors like SASS sell the use of variables as a big add-on. A decent reason to try them. You know what? It’s a pretty darn good reason.

The web is moving fast, and gladly CSS now supports variables.

While preprocessors support a lot more features, the addition of CSS variables is a good one. It moves the web (perhaps, CSS) even closer to the future.

Let me show you how variables work natively in CSS.
TypeScript is a superset of JavaScript which primarily provides optional static typing, classes and interfaces. Since 2012, TypeScript has been a popular choice for programmers coming to JavaScript from more structured languages.

One of the benefits of TypeScript is better tooling. TypeScript enables IDEs to provide a richer environment for spotting common errors as you type the code (vs running a tool after you’ve finished the code). Also you get to use Visual Studio Code — a performant editor that comes with in-build integration for TypeScript. For a large JavaScript project, adopting TypeScript might result in more robust software, while still being deployable where a regular JavaScript application would run. Backward compatibility with the JavaScript versions is another advantage of using TypeScript.react javascript typescript
eIDAS gekwalificeerde vertrouwensdienst™
In this article we share a collection of interesting books from different programming spheres like web and mobile app development. Some books are very beginner-friendly, others are for more advanced programmers. You can choose the ones you like and check them out.
PeaZip is free file archiver utility, based on Open Source technologies of 7-Zip, p7zip, FreeArc, PAQ, and PEA projects.

Cross-platform, full-featured but user-friendly alternative to WinRar, WinZip and similar general purpose archive manager applications, open 180 archive formats: 001, 7Z, ACE, ARC, ARJ, BZ2, CAB, DMG, GZ, ISO, LHA, PAQ, PEA, RAR, TAR, UDF, WIM, XZ, ZIP ZIPX - view full list of supported archive file formats for archiving and for extraction.

Released under Open Source LGPLv3 license, free for any use (private and professional), all PeaZip packages are secure downloads and do not contain advertising or harmful software.

Moreover portable packages, for Linux and Windows, does not need installation: simply extract and use the application.
PhotoScape is a fun and easy photo editing software that enables you to fix and enhance photos.

  • Viewer: View photos in your folder, create a slideshow
  • Editor: resizing, brightness and color adjustment, white balance, backlight correction, frames, balloons, mosaic mode, adding text, drawing pictures, cropping, filters, red eye removal, blooming, paint brush, clone stamp, effect brush
  • Batch editor: Batch edit multiple photos
  • Page: Merge multiple photos on the page frame to create one final photo
  • Combine: Attach multiple photos vertically or horizontally to create one final photo
  • Animated GIF: Use multiple photos to create a final animated photo
  • Print: Print portrait shots, carte de visites(CDV), passport photos
  • Splitter: Slice a photo into several pieces
  • Screen Capture: Capture your screenshot and save it
  • Color Picker: Zoom in on images, search and pick a color
  • Rename: Change photo file names in batch mode
  • Raw Converter: Convert RAW to JPG
  • Paper Print: Print lined, graph, music and calendar paper
  • Face Search: Find similar faces on the Internet
PhotoScape is provided free of charge.

We are always upgrading PhotoScape.
CSS is strangely considered both one of the easiest and one of the hardest languages to learn as a web developer. It’s certainly easy enough to get started with it — you define style properties and values to apply to specific elements, and…that’s pretty much all you need to get going! However, it gets tangled and complicated to organize CSS in a meaningful way for larger projects. Changing any line of CSS to style an element on one page often leads to unintended changes for elements on other pages.

In order to deal with the inherit complexity of CSS, all sorts of different best practices have been established. The problem is that there isn’t any strong consensus on which best practices are in fact the best, and many of them seem to completely contradict each other. If you’re trying to learn CSS for the first time, this can be disorienting to say the least.

The goal of this article is to provide a historical context of how CSS approaches and tooling have evolved to what they are today in 2018. By understanding this history, it will be easier to understand each approach and how to use them to your benefit. Let’s get started!
Tails is a version of Linux that's specifically designed to offer the ultimate in privacy and anonymity. Download it, burn it to a USB stick or a DVD, and you have a live operating system that you can use to boot any computer. It's built-in web browser ensures that everything goes via the Tor network. Emails and documents are automatically encrypted. When you turn off the computer and remove the Tails disk, no trace of your session gets left behind.

In fact, Tails stands for "the amnesic incognito live system", which pretty much sums up what it does.

If you're interested in trying it, head to where you can download the latest version (3.5) that was released a few days ago. Be aware that the download is a rather hefty 1,800 MB (that's 1.8 GB). It's safe to try on any PC - simply remove the Tails disc and reboot in order to get back to Windows.pc test
In this article, I’ll explain how to create a navbar which adapts to various screen sizes using Flexbox along with media queries.

This tutorial can also be found as an interactive screencast in my free Flexbox course at Scrimba.

To read more about the course, check out this article.
Een installatie van Windows 10 komt met een hele resem apps. Sommige daarvan zijn zonder twijfel nuttig, maar een heel deel zal je waarschijnlijk nooit openen. Wie zijn startmenu wil zuiveren van ongebruikte apps kan daarvoor verschillende stappen nemen, die we hieronder uit de doeken doen. Mocht je je bedenken, dan zijn de apps ook weer snel opnieuw te installeren. Wees je er wel van bewust dat de apps bij een grote update van Windows waarschijnlijk gewoon opnieuw zullen verschijnen. Je zal dus meerdere keren moeten opruimen.weer
Part I: Setup and displaying short URLs using GraphQL

In this series of post I’ll explain how to build a simple URL shortener using React, Apollo and GraphQL (Graphcool). GitHub repo the project is located here.

The idea behind the URL shortener is simple — the shortener takes a long URL such as and shortens it to When shortened URL is accessed, the service expands it to the original URL and redirects you there. The algorithm I’ll use to calculate the hash (short URL) is explained here.graphql react
Between Jan~Dec 2017, we’ve compared nearly 18,000 React.js articles to pick the Top 45 that would help advance your web development career in 2018.

This is an extremely competitive list (45/18,000 or 0.25% chance), and carefully picks the most useful React.js articles published for the past year. Mybridge AI evaluates the quality by considering popularity, engagement and recency.

Tutorials are divided into 15 groups to improve relevance (see below).react
In this article we’ll explore the basics of closures in JavaScript. Closures are a key aspect of JavaScript that any developer should know about and understand. Lets get started!javascript
There are a few concepts in CSS layout that can really enhance your CSS game once you understand them. This article is about the Block Formatting Context (BFC). You may never have heard of this term, but if you have ever made a layout with CSS, you probably know what it is. Understanding what a BFC is, why it works, and how to create one is useful and can help you to understand how layout works in CSS.

In this article, I’ll explain what a BFC is through examples which are likely to be familiar to you. I’ll then show you a new value of display, that really only makes sense once you understand what a BFC is and why you might need one.
A key feature of Flexbox and Grid Layout is that they can deal with distributing available space between, around and inside grid and flex items. Quite often this just works, and we get the result we were hoping for without trying very hard. This is because the specifications attempt to default to the most likely use cases. Sometimes, however, you might wonder why something ends up the size that it is. Or, you might want to do something different to the default behavior. To do so, you need to know something of how the underlying algorithms figure out how to distribute space.

In this article, I’m going to share with you some interesting things about sizing boxes in CSS. I’ve picked out a few things from the specifications that I believe are vital in terms of understanding exactly how big that box is. Take some time to read through, and I think you’ll find sizing in Grid a lot less mysterious!
When should you use CSS for animations? When should you use JavaScript for animations? Is one better than the other?

Should you always try to use CSS to animate your components as much as you can? What about “hardware acceleration”?

These questions ran through my head as I learned to animate websites. When I first started, I read so much about “hardware acceleration” and downsides of using JavaScript that I focused entirely on CSS for all my animations.

I actively avoided JavaScript because I thought JavaScript animations didn’t perform well. Besides, I didn’t want to be that guy that doesn’t provide a good experience for people who don’t have JavaScript.

I only realised much later that I made my life insanely difficult by avoiding JavaScript. To make things worse, I created inaccessible websites while trying to avoid JavaScript altogether.

So, I learned that you can use both CSS and JavaScript to create animations. The question is when to use which.javascript
The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, you don’t need to use floats and positioning anymore.

So what is a CSS Grid Layout? It’s a future or already present? I want to show a few simple examples of using it in a basic layout. We all know that sometimes the layout can bring a lot of inconveniences and some solutions will not be quite practical. That’s why we need to use CSS Grid in the future.

First of all, we need to know can we use it in modern browsers, for that reason we need to check it. Always if I have some doubt about support in browsers, I go to the So what we have about CSS grid for today.
There’s a very recent new feature of the JavaScript language that is still not being widely used: JavaScript proxies.

With JavaScript proxies you can wrap an existing object and intercept any access to its attributes or methods. Even if they do not exist! javascript
Generated: 2018-02-19 00:48
Compiled: 2017-08-24 21:56
Guido Van Hoecke