Open panels with shortcuts in OS (Windows/Linux) Useful panels Shortcut Run Command Ctrl+Shift+P Elements (CSS) Ctrl+Shift+C Console (Javascript) Ctrl+Shift+J Your last panel (I) Ctrl+Shift+IF12 Easy way to memorize the shortcuts:– C stands for CSS.– J for JavaScript.– I designates your choice. More info from Chrome for Developers
development
- design
- ...
10 Usability Heuristics for User Interface Design
Jakob Nielsen’s 10 general principles for interaction design. They are called «heuristics» because they are broad rules of thumb and not specific usability guidelines. More info in Jakob Nielsen’s article and summary
- development
- ...
How to add FontAwesome to you web project
Install the new dependency in the project FontAwesome, a well known icon library. To install this library execute the following command: As is explained in its documentation. Now that the dependency is installed we need to use it in the project. Open the file src/index.html with your preferred text editor and add the following snippet whenever […]
- development
- ...
Fixing SPA routing 404 issue on refresh
In a Single Page Application (SPA), client-side routing manages navigation without full page reloads, which means the server needs to serve the index.html file for any routes requested by the client, except for static resources. Some servers do not support this kind of application, so it is necessary to configure it manually by adding some […]
- development
- ...
How to update node to latest version
We use n module from npm to upgrade node to the stable version To upgrade to the latest version (no stable version) Fix PATH /usr/bin/node To undo n installation Found in David Walsh blog.
Programming principles
Any fool can write code that a computer can understand. Good programmers write code that humans can understand. Martin Fowler, 2008 Bad code comes in many ways. Variables that don’t make sense or inconsistent naming, messy code, massive if-else chains, illegible formatting, hard to mantain, lack of tests, low cohesion, high coupling… If you want to be a programmer, don’t settle for shortcuts […]
- development
- ...
Maven behind a proxy
1. Proxy configuration To configure basic proxy in maven we have to edit the file settings.xml in our ‘<user_home>/.m2’ directory. If there is no file, we can copy it from the global settings folder ‘<maven_home>/conf’. We can define an <id> to the proxy to change between proxies, and deactivate our original entry by setting <active> […]