The context: why should I need to know this stuff? In the last years front-end web development has became one of the most exciting areas of IT and software development, as front-end developers we have a tone of new tools, APIs, editors, packages, etc. that make our life easier. There is an area that is…
This is probable one of the simplest commands that NPM has; it is just to get the whole list of packages that we have installed as global. npm -g ls –depth=0 The output should look like this: /usr/local/lib ├── bower@1.5.3 ├── bufferstreams@0.0.2 ├── clean-css@2.1.8 ├── clone@0.1.11 ├── connect@2.24.3 ├── doctoc@0.7.1 ├── event-stream@3.1.2 ├── git-changelog@0.1.1 ├──…
If you are a fan of web design, UI patterns, material design, and all those great concepts and practices then this conference is for you 🙂 enjoy!
The problem Imagine we have a custom form to search for purchases done between two dates; so we have a simple action in a controller that takes the start and end date and create a set of conditions for the paginate() method, but… for some reason once we click on next page we are loosing…
Web Components, Shadow DOM? DOM Framework? Ok, no so fast, have you listened what is coming in the way we create web portals? No yet; then listen this excellent talk and I promise, you will learn a lot of great things! The future is here and now!
This is probably the simplest way to capture the key that the user pressed and execute an action (in this case just a simple console.info). (function() { function customAction() { console.info(“You have pressed an ‘a’ in your keyboard”); } $(window).on(‘keypress’, function(event) { console.log(event.keyCode); // keyCode te da el código de la tecla que presiones if (event.keyCode…
The challenge Let’s imagine you are in a menu component in WCM, and you want to validate if some pieces of content has a very specific value in their Keywords property; in case they have it we would like to add a featured CSS class to the rendered HTML. The solution Following is an example about how to use…
An easy way to get the file names of an input form field: (function($) { var files = $(‘#myInputFile’)[0].files, items = []; for (var i = 0; i < files.length; i++) { items.push(files[i].name); } // Getting file names in JSON array format JSON.stringify(items); })(jQuery);
The issue Today I was trying to consume an external video API for streaming a set of videos; so I got the code for the PHP source, create all my configuration but when I tried to get the actual data from the external server via cURL; I was obtaining nothing; so, in order to get the…
This is really quick post for all of you using Brackets editor; The issue Sometimes when we use Node.js packages or Bower components in development mode, we have a huge number of files in our workspace and if we open our root folder in Brackets, it is almost sure Brackets will be not able to…