In many cases it is useful to add a popup to your page or website. In Javascript there are ready made methods to do that, or you can create popups manually. Take a look! Methods for popping up boxes In Javascript there are three kinds of popup boxes: Alert boxes Popup ...
Read More »Create source maps at project build time for JavaScript debugging
If you’re doing front end web development, your web resources such as JavaScript and CSS files might be minificated, transpiled or compiled from a completely different language. If you now want to debug the generated code in the browser, you can not do that because the output code is obfuscated from the code you wrote. The solution is to use ...
Read More »CSS Margin Top Example
In this example, we will have a look at the margin property of css. More specifically, we will see the usage and applications of margin-top. The margin clears an area around an element (outside the border). The margin does not have a background color, and is completely transparent. It is supported by all modern browsers and cen be applied by ...
Read More »Handling Events with Node.js
The events module in Node allows you to emit and handle events. Lot of in-built modules (objects) in Node has the ability to emit or broadcast an event. For example, the fs or File stream module emits an event named ‘data’ every time the data is read from the stream. The objects that emit events are referred to as event ...
Read More »[Angular2]=”{{‘Hello, World!’}}”
As I mentioned in my recent blog post Angular 2 is a complete rewrite. Many concepts that are known from Angular 1.x are gone or changed dramatically. Angular 2 looks like a completely different framework: no DDO, no $scope, no angular.module and completely rewritten binding and change detection (no ng-model). Although Angular 2 is still work in progress many new ...
Read More »CSS Absolute Position Example
The aim of this example is to explain the usage of absolute positioning. This is a very powerful type of positioning that allows you to literally place any page element exactly where you want inside the webpage. Remember that these values will be relative to the next parent element with relative (or absolute) positioning. If there is no such parent? ...
Read More »Learning Angular: Expose an API on your directives
Ever wanted to not only create a nice, visually appealing directive or web component, but to also provide a more rich programmatic API with it? Read on to learn about two potential implementation approaches. 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, ...
Read More »FREE JavaScript Application Design eBooks giveaway from Web Code Geeks and Manning (total value of $399)!
Want to boost your knowledge on JavaScript ? Then we have something especially for you! We are partnering with Manning Publications, publisher of cool programming books, and we are running a contest giving away FREE copies of their latest JavaScript eBook. JavaScript Application Design: A Build First Approach introduces JavaScript developers to techniques that will improve the quality of their ...
Read More »CSS Hover Effects Example
In this example, we will go through performing hover effects on CSS. You see hover effects on almost every webpage nowadays, it seems to be a good way to make elements eye-catching and enhance usability. In a more functional note, it lets you know that (in most cases) something is clickable, like a link, an image or anything else. The ...
Read More »