Posts

Showing posts with the label CSS

CSS Cheatsheet

Image
  What is CSS? Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript. CSS is designed to enable the separation of presentation and content, including layout, colors, and fonts. This separation can improve content accessibility; provide more flexibility and control in the specification of presentation characteristics; enable multiple web pages to share formatting by specifying the relevant CSS in a separate .css file, which reduces complexity and repetition in the structural content; and enable the .css file to be cached to improve the page load speed between the pages that share the file and its formatting. Font There are many properties related to the font, such as the face, weight, style, etc. These properties allow you to change the style or complete look of your text. Font-Family font-family: 'S...

How to make a Snake game using HTML , CSS and JavaScript

Image
Introduction : A Snake Game is a greate project for improving your skills in Web Development. You can improve your skills in HTML , CSS and JavaScript. You can also learn how Animation Frame works in HTML, Advanced CSS properties and also some intermediate level JavaScript Language in this project.You can mention this project in your resume by some further improving. So lets start... Setting Up The Project:  To start the creating the project here we need  is a Text Editor or an IDE. In this tutorial we will use Microsoft Visual Studio Code (VS Code)   .  Please download and install VS Code from here .   Click here to learn how to download VS Code Now another thing you need to downlod is an extension called Live Server . It will help us to use the live reload for our project.   After succesful installation of VS Code open it and goto Extension manager and search for Live Server and install it. Now we are ready to start the project. Start the Project: N...