CSS

Grid vs Flex

Difference between CSS Grid and Flexbox

Reading Time: 5 minutes The way you display your content on can say a lot about you or your company. Showing content in a nice and clean way is really important. Using CSS layouts like Grid and Flexbox makes it so much efficient than using float or positions properties. Thinking about which layout to use for your project can really help you save time in the future in refactoring, Continue Reading

Building an Ionic Application using Cordova for Android

Reading Time: 2 minutes Ionic Framework is an open-source UI toolkit for building performant, high-quality mobile, and desktop apps using web technologies (HTML, CSS, and JavaScript). Ionic Framework is focused on the frontend user experience, or UI interaction of an app (controls, interactions, gestures, animations). It’s easy to learn and integrates nicely with other libraries or frameworks, such as Angular, or can be used standalone without a frontend framework Continue Reading

HTML, CSS, and JS as a Framework

Reading Time: 7 minutes For beginners, the thought of designing a website from scratch can seem like a really difficult task. Let’s ease it a little bit in this blog. The online market is expanding at a good rate and for most of us, websites form part of our daily life. HTML, CSS, and JS are special web languages that work together as a framework to form the front-end Continue Reading

Develop Chrome Extension using Angular 7 | Part – 1

Reading Time: 3 minutes Extensions are the small software programs that are used to customize the experience of browsing. They enable the user to customize the browser’s functionality and behavior to individual needs or requirements. An extension is basically there to fulfill a single purpose that is narrow defines and easy to understand. Chrome extensions are in demand because they add features to Chrome browser to do functionalities/things easier Continue Reading

Manipulating Server returned dates at client Side in Angular

Reading Time: 2 minutes Hey Visitor, Have you ever faced an issue with the date values on your website, when the date and time returned from server doesn’t change according to the client timezone , for eg. values returned from server at US will be different for a client at India so we need to manipulate the received time according to Indian Time Zone. So recently, I encountered this Continue Reading

CSS Flex: with all examples

Reading Time: 2 minutes Confused with HTML elements positioning in CSS and by using other libraries or CSS snippets from stackoverflow? Don’t worry CSS flex is here. Flex means flexible box. “The flex CSS property specifies how a flex item will grow or shrink so as to fit the space available in its flex container.” So overall flex provides you the way to make your content flexible/responsive according to Continue Reading

Display long dynamic text into adjacent columns like newspaper layout

Reading Time: 3 minutes Folks, If we have quite a long text, and we want to show it into three adjacent columns, One way to implement it via three <div>’s  or <p>’s in HTML and adding CSS properties. For example If we have a long text as following : And We want to show it into three separate adjacent columns for better readability, it can be done as follow: HTML: And furthermore for adjacent Continue Reading

Play2 Pdf Plugin: JS enabled and disabled browser

Reading Time: 2 minutes In this post I’m going to talk about generating PDF documents in Play web application with the help of “play2-pdf plugin”. Firstly, I want to focus on the criteria that we consider or investigate while generating PDF in our projects: Is it server side or client side pdf generation as client side generation doesn’t work for JavaScript disabled browser. Whether its on the fly or Continue Reading

Introducing Vorlon.js: A Remote debugger for Javascript

Reading Time: 2 minutes Vorlon.JS – Introduction Microsoft released Vorlon.js as an OpenSource. It aims to make debugging and testing websites, hybrid apps, game console or even an IOT- connected refrigerator easier, you can remotely connect up to 50 devices and execute JavaScript in each or all of them. What is Vorlon.JS? Vorlon js itself is a small server you can run from your local machine, or install on Continue Reading

Some Components Of Jquery mobile

Reading Time: 4 minutes jQuery Mobile is a touch-optimized HTML5 UI framework designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. In my last blog I have introduced you to jquery mobile and how it works, with this blog I will explain the components and what more it offers. 1. Pages Page structure I have given in my last blog,have Continue Reading

Web Components, the Next Generation Web Development Markup

Reading Time: 2 minutes A lot of progress has been made since the introduction of the Web Components back in 2011. Basically Web Components are the sets of several separate technologies. You can think of Web Components as reusable UI (User Interface) widgets that are created using open Web technology. They are part of the browser, and so they do not need external libraries like jQuery, mootools and Dojo. Continue Reading

Getting started with ReactJS, Play 2.4.x, Scala, Anorm and WebJars

Reading Time: 2 minutes playing-reactjs This blog describes a basic example to render UI using React(A JavaScript library for building user interfaces) with Play 2.4.x, Scala, Anorm and WebJars. It also demonstrates the use of evolution in Play 2.4.x This is a classic CRUD application, backed by a JDBC database. It demonstrates: Handling asynchronous results, Handling time-outs Achieving, Futures to use more idiomatic error handling. Accessing a JDBC database, Continue Reading