The aim of this example is to explain how to create a CSS accordion menu. Accordion menus are menus whose content can be expanded in width or height, usually with a smooth wipe effect, to show more of something. Until now, this has been achieved using mostly javascript (jQuery), but as you may have realised by now, those are far ...
Read More »Becoming a Better Full-Stack Developer: Switching from Back to Front
After getting my degree, I was hired as a back-end developer at one of the largest corporations in Kansas City. I was able to gain good experience working for this company. However, after a certain time, it started to feel like I worked as a factory conveyor, doing redundant tasks without the possibility to expand my knowledgebase. The longer I ...
Read More »Working with Filters in AngularJS
Filters in AngularJS are like data formatters. You could have a currency value stored in a db but want to render it on the UI by formatting it as a double value (with decimals) and prefixing it with currency symbol. This can be achieved using the concept called filters. Filter plays the role in formatting the expression (value or data) ...
Read More »CSS Word Wrap Example
The purpose of this example is to explain the word-wrap property of CSS. The word-wrap property is used to specify whether or not the browser may break lines within words in order to prevent overflow when an otherwise unbreakable string is too long to fit in its containing box. It tells the text content targeted by the selector to break ...
Read More »CSS Background Opacity Example
The opacity CSS property specifies the transparency of an element, that is, the degree to which the background behind the element is overlaid. The value applies to the element as a whole, including its contents, even though the value is not inherited by child elements inside a parent element. Thus, an element and its contained children all have the same ...
Read More »Learning Angular: Testing $q promise resolves with Sinon and Jasmine
This article shows a brief example on how to properly mock and resolve a $q promise from within a Jasmine unit test. This article is part of my “Learning NG” series, presenting some of my adventures while learning Angular. Check out the series intro and other articles. Note, I’m an Angular newbie, so I’m more than happy for any kind ...
Read More »An End-to-End AngularJS Guide
This isn’t a new eBook, a paperback or an online tutorial. I’ve been writing about Angular since it was in beta and have lots of material I believe is useful for developers with all levels of experience. Instead of forcing you to search haphazardly, this blog post organizes the content so you can jump directly to the post that you ...
Read More »CSS Multiple Background Images Example
The aim of this example is to go through the application of multiple background images to a webpage or a specific elements within the page. CSS3 allows you to add multiple background images for an element, through the background-image property built right into the core CSS. The different background images are separated by commas, just like a comma separated list, ...
Read More »The Clash of Template and Delegate Patterns
Back in my delegate decorator article, I mentioned some weaknesses of the delegate pattern as a substitute to inheritance. The decorator solved one of those problems, but the other is still a problem. The problem comes when using something akin to the template pattern. The Problem For example, if you have this class: class ...
Read More »