Developing Front-End Microservices With Polymer Web Components And Test-Driven Development (Part 2/5): Polishing The First Component

In the previous article we created our first Polymer Web Component using Test-Driven Development approach. While all the specifications we wrote were implemented, there are still few things we should do to polish this component. The tc-book-form currently has the form with all the input fields required by the back-end. It also has buttons to add or update and delete ...

Read More »

HTML5 Contenteditable Attribute Example

In this example, we’ll be introducing and talking about contenteditable attribute of HTML5. The contenteditable attribute specifies whether the content of an element is editable or not. For some time now, we’ve been using various technologies to edit and store text within a web browser. Now with the contenteditable attribute, things have got a whole lot easier. In this article, ...

Read More »

Developing Front-End Microservices With Polymer Web Components And Test-Driven Development (Part 1/5): The First Component

In this article series we’ll go through Web Components development in context of microservices. We’ll use Polymer as the library that will help us out. The objective is to create a microservice that will handle full functionality. The service will contain not only back-end API (as is the case with most microservices) but also front-end in form of Web Components. ...

Read More »

Using the jQuery UI datepicker with ASP.NET MVC

I wanted to start the real code for my side project by making a small skeleton of the project in ASP.NET MVC. This skeleton includes a basic form to create an event, which will be the starting point of the application. An event has a name with a start date and an end date that are represented as DateTime, so ...

Read More »

HTML5 Video Tag Example

The aim of this example is to introduce and show the usage of the video tag of HTML5. Before HTML5, there was no standard for showing videos on a web page and videos could only be played with a plug-in (like flash). The HTML video element is used to embed video content. It may contain several video sources, represented using ...

Read More »

Including Front-End Web Components Into Microservices

Microservices are becoming more and more popular and many are choosing to transition away from monolithic architecture. However, this approach was mostly limited to back-end services. While it made a lot of sense to split them into smaller independent pieces that can be accessed only through their APIs, same did not apply to front-end. Why is that? I think that ...

Read More »

HTML5 and CSS3 Text Animation Example

In this example, we will be going through CSS3 text animations. CSS animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components, a style describing the CSS animation and a set of keyframes that indicate the start and end states of the animation’s style, as well as possible intermediate waypoints. There ...

Read More »

HTML5 Development Tools List

Ever wanted to start your web project from scratch, but never knew how and where to find the right tools? Well, you’re in the right place. In this thorough article we’ll be explaining essential tools like editors, websites, libraries and frameworks that will boost productivity and help you kickstart your HTML5 project. Web projects usually include lots of effort in ...

Read More »

Javascript On Page Load Example

The onload event is a function or code that is executed after the page or window is fully loaded. But why do we use it? Generally, it is used to deal with cookies, or to display a certain version of the page according to the user’s browser type and/or version. Here’s how! Syntax The onload event, having a relatively easy ...

Read More »