css

How to use pseudo-classes in CSS

Reading Time: 4 minutes What are Pseudo-classes in CSS? A Pseudo-class in CSS defines the special state of an element. It is a keyword that we use after the selector to apply the style based on the state of the element. For example, the active pseudo-class can be used on an anchor tag (<a>) to add extra styling if the link is active So, CSS Pseudo-class helps you apply Continue Reading

CSS and CSS Box Model a powerful design aid

Reading Time: 3 minutes Cascading style sheet or CSS is a simple design language that aids Hypertext markup language or HTML. In easier words, CSS is the backbone of HTML which helps in designing and presenting HTML elements beautifully on a web page. CSS is simple yet versatile that allows controlling every element and its aspects present in HTML including size, layout, separation, colour, positioning, fonts, and much more. 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

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

Knolx: Deep dive into Sass

Reading Time: < 1 minute Knoldus Organized a session on Sass Sass is a scripting language that is interpreted into Cascading Style Sheets (CSS). SassScript is the scripting language itself. Sass consists of two syntaxes. The original syntax, called “the indented syntax”, uses a syntax similar to Haml. Checkout the slides of the session: Stay tuned  !!

Knolx: HTML, CSS and JavaScript coding conventions

Reading Time: < 1 minute Knoldus organized a session on “HTML, CSS and JavaScript style guide and coding conventions”. It covered the best standards to be followed while writing codes in HTML and JavaScript and also,styling using CSS. The basic conventions that we forget while coding are discussed in this session. Hope it will help you in writing a clean and understandable code. Slides for this session – Video for 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

SASS is often preferred as critically important stylesheet for styling webpage

Reading Time: 2 minutes SASS is a style sheet language that is interpreted into Cascading Style Sheets (CSS). SASS Script is the scripting language itself. SASS offers what its name defines, “Syntactically Awesome Stylesheets”. It was designed by Hampton Catlin and developed by Natalie Weizenbaum. SASS is compatible with all versions of CSS and can be used with any CSS library. SASS is used just as syntactic sugar to 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

Show Online Friends using Node.js with Nice UI Interface

Reading Time: < 1 minute Last month, we created a login demo template in Node.js and MongoDB. We also added signUp with Facebook, Twitter and google. So that user would not need to signup manually. We added profile management feature with a nice UI interface. So that uses could modify his profile detail along with his photo. We have used MongoDB for this application. We added Friend List management with Continue Reading

Sign-Up with Facebook, Twitter and Google using Node.js and MongoDB

Reading Time: < 1 minute Last week, we created a simple login application, which has sign up and login facility after successfully registration. Now we have added one more feature, i.e. Sign-up with Facebook, Twitter and Google. You can login with your facebook, twitter and google account. We’ll be adding some more features in this application very soon such as birthday reminder functionality. We have used Passport[authentication middleware for Node.js] Continue Reading