M/s VIKASH TECH - We Write Imaginations to Codes..!!

Templates – In Flask

  • Praveen Kumar
  • April 14th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Templates are the structure of a website. Here in Python Flask. templates are treated as the views, which means these files are kept in separate folder, which will be dedicated to the UI elements, which we call templates. If we write the following code. Python Code we will get an output as an H1 tag element […]

Static Files – Flask

  • Praveen Kumar
  • April 12th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

When you work for web development, you will need to use some files for javascript or CSS, here in FLASK when you need to add some static files, a special endpoint is used named as static. These static files are served from static folder in your package or next to your module and it will be available […]

Variables in Flask

  • Praveen Kumar
  • April 9th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

In Flask, a variable is created using tags inside route() function. To create a variable you just need to put < and end it with > , for eg. <name> this is a variable with identifies name. How to use a variable in Flask ? We can use a variable to receive data from URL […]

Flask – Binding URL

  • Praveen Kumar
  • April 8th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

First thing that comes to mind when we hear binding is – I guess – BOOKBINDING / PAPER BINDING. Well, this is something similar to that but not exactly. Here, in Flask, binding URL means adding functionalities to some URL.url_for() is a very useful function used to dynamically build URLs for a specific function. It […]

FLASK ROUTING

  • Praveen Kumar
  • April 7th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Let me introduce you to the routing concepts of the Flask framework. Routing is a major and basic part of this framework as it defies which data has to be forwarded to the client on different URL requests.Moving to the depth of routing, route() is called the decorator in Flask, which is used to bind […]

Hello world

“HELLO WORLD” – Python Flask

  • Praveen Kumar
  • April 6th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

We need to test our python flask set up before we move further and learn a big thing. To try out the setup that we did in the last part of this tutorial, we need to create a small “Hello World” program and run it on the browser to check if everything is working well. […]

Setting up the Environment for Flask

  • Praveen Kumar
  • April 5th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Required Stuff To run Flask, you need to have Python 2.6 or higher installed in your system. Even though all the dependencies work good on Python 3, but it might cause issues while working on the extensions of flask on versions above 2.7. So we recommend you to work on python version 2.7 Install virtualenv […]

Flask Introduction

  • Praveen Kumar
  • April 5th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

So, before moving further, it will be good to know a few basic things like What is a web framework ? Well, the answer is – Web framework is a collection of libraries and modules which enables a web application developer to write codes without bothering about the low-level things like protocols and thread management, […]

Flask – HTTP

  • Praveen Kumar
  • April 2nd, 2021
  • 0
  • Metronic, Keenthemes, UI Design

What is HTTP? HTTP is defined as HyperText Transfer Protocol. In World Wide Web, HTTP is considered the foundation of data transfer over the network. There are different methods of data transfer defined in the HTTP (protocol), I have tried listing some below: GET – Sends data in unencrypted form to the server. Most common […]

Sending Form Data to Template – FLASK

  • Praveen Kumar
  • April 1st, 2021
  • 0
  • Metronic, Keenthemes, UI Design

In previous sections, we saw how the HTTP method can be specified in the URL role. The Form data that is received by the triggered function, can collect it in form of the dictionary object, and forward the same to a template to render it on the webpage. In the following example, the ‘/’ URL […]

Vertical Card Sliding Animation using only HTML & CSS

  • Praveen Kumar
  • March 22nd, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hey friends, today in this blog you’ll learn how to create Vertical Card Sliding Animation using only HTML & CSS. In this Vertical Card Slider, there are five minimal cards with profile image, username, user profession, and a follow button. All these cards slide vertically and appear one by one. On the webpage, there are only […]

Responsive Image Lightbox using HTML CSS & JavaScript

  • Praveen Kumar
  • March 21st, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hey friends, today in this blog you’ll learn how to create Responsive Image Lightbox using HTML CSS & JavaScript. You may have seen image lightbox on many websites. Lightbox showcases images and videos by filling the screen and dimming out the rest of the web page. In the image lightbox, there are slide controls so […]

Responsive Vertical Timeline Design using only HTML & CSS

  • Praveen Kumar
  • March 20th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hey friends, today in this you’ll learn how to create Fully Responsive Vertical Timeline Design using only HTML & CSS. Generally, A timeline is a chart listing the important events for progressive years within a particular historical time. The vertical timeline is navigated with a vertical line and moves vertically when you scroll it. Nowadays, every […]

Responsive Personal Portfolio Website using HTML CSS & JavaScript

  • Praveen Kumar
  • March 19th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a Fully Responsive Personal Portfolio Website using HTML CSS & JavaScript. I already shared many blogs on web design stuff like [Navigation Bar, Cards, Image Slider, Owl Carousel, Buttons, and many more] but still I’ haven’t created a full website and now it’s time […]

Skeleton Loading Screen Animation using only HTML & CSS

  • Praveen Kumar
  • March 18th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create Skeleton Loading Screen Animation using only HTML & CSS.A skeleton loading screen is the user interface (UI) that doesn’t hold actual content; instead, it animates the page’s layout by showing its elements in shape similar to the actual content as it is loading and becoming […]

Responsive Footer Section Design with HTML & CSS

  • Praveen Kumar
  • March 17th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hey friends, today in this blog, you’ll learn how to create a Fully Responsive Footer Section using only HTML & CSS. . You may have seen a footer on every website that you’ve visited because the footer on any website is now compulsory. Footer is always set on the bottom of the main page or last […]

Working Calculator using HTML CSS & jQuery

  • Praveen Kumar
  • March 16th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to build a Calculator using HTML CSS & jQuery. Do you ever imagine what you can do you using JavaScript or jQuery? Javascript allows you to do all that you will never think about. At this time JavaScript is one of the most demanding programming languages. […]

Minimal To-Do List using HTML CSS & jQuery

  • Praveen Kumar
  • March 15th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a Minimal To-Do List using HTML CSS and Javascript. Todo is a task management app or program to help you to stay organized and managed your day-to-day. You can add things that you have to do in the whole day, after completing those works […]

Star Rating Widget using only HTML & CSS

  • Praveen Kumar
  • March 14th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create Star Rating Widget using HTML & CSS only..I am sure that, you have seen the star rating system or widget on many e-commerce websites and the app. I know that the review widget is dynamic, but their design created in HTML CSS & JavaScript […]

Pure CSS Emoji Star Rating Widget

  • Praveen Kumar
  • March 13th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hey friends, today in this blog you’ll learn how to create Emoji Star Rating Widget using only HTML & CSS. As you may know, A star rating is a rating question or widget that provides people a rate of an app, product, service, or something else with several stars. The number of stars can range […]

Animated Search Box using HTML CSS & JavaScript

  • Praveen Kumar
  • March 12th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create an Animated Search Box/Bar using HTML CSS & JavaScript.Search box is the most important graphical element present in every website. It works as the field for a query input or searches term from the user to search and retrieve related data from the database. […]

Search Bar with Autocomplete Search Suggestions in JavaScript

  • Praveen Kumar
  • March 11th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a Search Bar with Auto-complete Search Suggestions using HTML CSS & JavaScript. A search box is a graphical UI element present in many websites. It works as the field for a query input or searches term from the user to search and retrieve related […]

Profile Card with Hover Animation in HTML CSS & JavaScript

  • Praveen Kumar
  • March 10th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create an Animated Profile Card with Hover Animation using HTML CSS & JavaScript. What is a card, exactly? Well, they come in all sorts of shapes and sizes, but common cards will include information or content such as a title, a user name, a picture, […]

3D Flip Card on Hover using HTML & CSS

  • Praveen Kumar
  • March 9th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create a 3D Card Flip Card on Hover in HTML & CSS. What is a card, accurately? Well, they come in all sorts of shapes and sizes, but common cards will include information such as a title, a user name, a picture, and several icons. […]

Pure CSS Responsive Cards Design with Hover Effect

  • Praveen Kumar
  • March 8th, 2021
  • 0
  • Metronic, Keenthemes, UI Design

Hello readers, Today in this blog you’ll learn how to create Responsive Cards with Hover Effect in HTML & CSS only. Maybe you know what is a card on the website. If you don’t know about this, Often cards are used to organize listings of blog posts, products, services, etc. Section with border and content […]




Older »



 

….

FLAT 50% OFF

Latest Posts

Templates - In Flask

Templates are the structure of a website. Here in Python Flask. templates are treated as the views, which means these…

Static Files - Flask

When you work for web development, you will need to use some files for javascript or CSS, here in FLASK…

Variables in Flask

In Flask, a variable is created using tags inside route() function. To create a variable you just need to put…

Flask - Binding URL

First thing that comes to mind when we hear binding is - I guess - BOOKBINDING / PAPER BINDING. Well,…

About Us

M/s VIKASH TECH has a team of trained and certified consultants having rich experience in deploying server virtualization solutions offered by VMware, Citrix, Microsoft, Red Hat, ProXMox etc.. While multiple Virtual Machine’s deployment is seen as a challenge in corporate environments, we provide onsite solutions to our clients as well as remote solutions round the clock ensuring high availability of infrastructure at all times…[Read More]

Newsletter Signup

     

    Vikash Tech Android App

    Download our official app from play store and stay tuned with the latest updates over latest blogs, career opportunities and service offerings from M/s VIKASH TECH.

    2015 © M/s VIKASH TECH. ALL Rights Reserved.
    Privacy Policy | Terms & Conditions | Cookie Policy