Do you want to know how to develop your skillset to become a Web Rockstar?
Subscribe to our newsletter to start Rocking right now!
To get you started we give you our best selling eBooks for FREE!
1. Building web apps with Node.js
2. HTML5 Programming Cookbook
3. CSS Programming Cookbook
4. AngularJS Programming Cookbook
5. jQuery Programming Cookbook
and many more ....
I agree to the Terms and Privacy Policy

CSS Rotate Image Example

In this example, we will consider image rotation using css. CSS offers a specific property called transform to do this. This property can take a lot of attributes, but we will only consider rotation. Image rotation will be needed on certain occasions when you want to create your personalized view of image positioning and have a fancier look. All browsers ...

Read More »

The main goals of Angular 2 and how they will be achieved

  Angular 2 is currently still in Alpha/Developer Preview, but the main functionality and the core documentation are both already available. Let’s gather here what is so far known about the design goals of Angular 2, and how they are planned to be implemented: Mains goals of Angular 2 Simpler to reason about Angular 1 vs Angular 2 change detection ...

Read More »

CSS Horizontal Menu Example

The aim of this example is to show how we can create beautiful horizontal menus using a bit of html and more css to create some nice styling. As you have seen on websites, menus are everywhere, it is an important part of the website, like a navigation toolbar for users to get essential links. As long as only a ...

Read More »

Python Decorator for Simplifying Delegate Pattern

Recently, I posted about how you can use composition instead of inheritance, and in that article, I mentioned the Delegate Pattern. As a quick description, the pattern has you inherit from the parent interface (or, in Python, you can just implement the protocol), but all the methods either redirect to calling the method on an injected implementation of interface/protocol, possibly ...

Read More »

jQuery Submit Form Example

Forms are probably the most common elements of UI design. When using forms, we usually need to perform some actions before submitting, perhaps validation or anything else. Using javascript we can handle submit events, which occur when clicking submit button or pressing enter. In this article we’ll discuss how to do it using jQuery. We should just define a code ...

Read More »

CSS Input Type Text Example

In this example, we’ll have a look at how we can style text inputs. Text inputs are very common in websites nowadays like in sign up forms, contact forms, search boxes, survey answers and so on. But you notice most of them are not styled, and you can see a bunch of text fields with the same default view accross ...

Read More »

AngularJS Project Essentials

You’ve read the tutorials, watched the online demos and wrote the to-do list app in Angular. Now you’ve been assigned your first real world project. You create the project, hook in Angular, and start coding away. “Now what?” After over three years of writing Angular enterprise apps, I’ve found there are a few elements I almost always pull in. I ...

Read More »

HTML5 Slideshow Example

In this example, we aim to have a closer look at slideshows with HTML5. Slideshows are a good way to present a set of images within a part of the website. HTML5 doesn’t have a native tag or set of tags to make a slideshow, but you can achieve it using other provided tags. As you can imagine, javascript needs ...

Read More »