yashi-singh-1 Goto Github PK
Name: Yashi Singh
Type: User
Bio: Hi there! I'm Yashi Singh, a Software Engineer skilled in JavaScript, ReactJS, HTML, CSS, and Bootstrap. Passionate about front-end development and open-source.
Location: India
Name: Yashi Singh
Type: User
Bio: Hi there! I'm Yashi Singh, a Software Engineer skilled in JavaScript, ReactJS, HTML, CSS, and Bootstrap. Passionate about front-end development and open-source.
Location: India
Cat Photo App: Simple HTML page showcasing cat photos, lists, and a submission form. Features responsive design and basic interactivity. No copyright. Created with freeCodeCamp.org resources.
This project, "A Photo Gallery," is a responsive photo gallery created with HTML and CSS Flexbox. It features a collection of images in an organized layout, designed to be customizable and user-friendly. Ideal for web developers, this gallery offers a stylish and efficient way to display images on any website.
The project titled "Balance Sheet" is a simple yet effective web page created using HTML and CSS, with guidance and resources from FreeCodeCamp. It displays the financial status of AcmeWidgetCorp for the years 2019, 2020, and 2021, focusing on readability, accessibility, and responsiveness.
In this Front-end Challenge, I have build a Blog Card Component. This challenge is perfect for you if you've been learning CSS and want to take your CSS skills to the next level by building something new and beginner-friendly.
Challenge to build a responsive blog preview card using HTML and CSS, inspired by Frontend Mentor designs.
The 'Blue Canvas' challenge involves creating a visually appealing canvas using CSS. The canvas features a blue background with white squares arranged to form a unique design. The objective is to position and style these elements using CSS properties such as positioning, dimensions, and background colors.
This challenge involves creating a blue down arrow using only HTML and CSS, inspired by a target on CSS Battle.
The Blue Square Maze Challenge is a CSS exercise where you create a maze-like design using blue squares positioned within a container, showcasing creative use of CSS pseudo-elements and styling techniques.
Create a T-shaped design using HTML and CSS, focusing on positioning and layout techniques. Perfect for practicing CSS box-model properties and positioning elements effectively.
Welcome to Camper Cafe! Enjoy our selection of freshly brewed coffees, including favorites like French Vanilla, Caramel Macchiato, and Hazelnut. Treat yourself to delicious desserts such as Donuts, Cherry Pie, and Cheesecake. Our cozy atmosphere and friendly service make every visit special.
The code sets up a calorie counter app to track daily calorie intake and exercise. Users can enter their calorie budget, add meal and exercise entries, and see their remaining calories with a summary of consumed and burned calories.
Create a digital cat painting using HTML and CSS. The design features the cat's head, ears, eyes, nose, mouth, and whiskers, all built with divs and styled using CSS positioning, borders, and gradients. This project showcases the power of CSS for intricate designs and enhances web development skills through a creative, hands-on approach.
A simple web application that demonstrates real-time character-counting in an input field using vanilla javascript. When users type in the input field and click the button, it dynamically updates to display the number of characters entered.
The "Chromatic Duo" challenge features a split container with contrasting color schemes and shapes, showcasing the harmonious interaction of colors and shapes.
A simple web layout featuring a main container with four positioned circles. Each circle has a unique design, including a dynamic pseudo-element for added visual effect.
This project involves creating a visually appealing circular progress indicator using only HTML and CSS. This README provides a detailed guide on setting up, customizing, and using the circular progress indicator in your projects.
Create a vibrant and playful citrus-themed design using HTML and CSS. This challenge features a central container with nested blocks styled to resemble slices of citrus fruits. The use of bright colors and overlapping elements adds a dynamic twist to the composition..
City Skyline is a sleek web project featuring a minimalist cityscape created using HTML and CSS. It offers a simple yet visually striking depiction of buildings and windows against a radiant sky. With its responsive design and customizable color options, City Skyline is an ideal choice for adding a touch of urban charm to web pages and projects.
Colored Markers is a small project showcasing CSS techniques to create visually appealing marker elements. It features three marker designs in red, green, and blue colors, demonstrating gradients, shadows, and borders.
Create a responsive contact form using HTML/CSS with JavaScript validation. Include email format verification and error messaging. Ensure seamless user experience with clear feedback and adaptability across devices for optimal usability.
Why use JavaScript when you can use CSS? This challenge demonstrates how to create an interactive slider using only CSS selectors, showcasing the versatility and power of CSS.
The Date Formatter app is a practical tool designed to help users learn and work with JavaScript's Date object by offering a simple yet functional interface for displaying and formatting the current date. This app allows users to easily switch between various date formats and view the date presented in their preferred style.
Menu Icon: Used on almost every website by now, simple but impressively animated it becomes a real eye-catcher
The Pyramide: Not as challenging as the real pyramids in Egypt, but the shadow path is not easy.
Loading: The best are always websites that do not need a loading status. If they do, here would be a calming one.
The CSS Flip Card challenge involves creating an interactive flip card using HTML and CSS. This project demonstrates proficiency in CSS styling to create an engaging user interface with a flip animation that reveals additional information on hover.
Profile: Who of you knows how many social media profiles you have already created? For a refreshing twist, you can also create one yourself.
The three cornerstones of any application? Brought together in the smallest possible space.
At first glance impossible to implement with CSS, but filters make this possible too.
This repository contains HTML and CSS files that collectively create a menu interface for a co-working space.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.