I want to add linguistic Academy based on js fetch API which does fetching local json data and showing it to the client using js DOM method

Do you know how to play with CSS?
Do you have little bit of Animations skills?
What do think "an ideal Animated Search Form" looks like?

Having answers to these questions or getting excited with your thoughts, let's improve our search form (coz literally no work done on it till now) and make it better !

Share your ideas and then go for PR!

Check folder : Animated Search Form

Recently many new projects are added to this Web-Development Repository & it will continue to go on. I have added few of them already so make sure to check whether they already exist or not.

Note : Our README.md contains a table of small projects on the basis of increasing complexity

This editing README work will continue to go on as the project directories will update so make sure to edit it asap. You can ask below for any clarifications. Suggestions are also welcomed.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Update README,md for the same.

There are more interesting projects like the ones in README.md table, you can add yours too! Just create an issue and make a PR !!

Make sure that no link broke & nothing wrong happen (things otherwise must be as it is)

Hello, This is really a well mannered beginner friendly project ! I loved it ! I would like to add features related to 2D transformations in CSS.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Build A Demo Dynamic Page Accessing Simple API and returning meaningful data in our Webpage And Update README.md

Add folder or update folder & README.md accordingly. No need to ask for assignment just say I am working on this that would be enough :))

Details :
A parallax website includes fixed images in the background that you can keep in place and you can scroll down the page to see different parts of the image. With basic knowledge of HTML and CSS, you can give a parallax effect to a website. Using the parallax effect in web designing is really popular and it gives beautiful look and feels to the webpage. Give it a try and divide the whole page into three to four different sections. Set 3-4 background images, align the text for different sections, set margin and padding, add background-position and other CSS elements and properties to create a parallax effect.

Resouce Link : https://www.w3schools.com/howto/howto_css_parallax.asp

The idea is to create a one-page responsive photography site.
You can create a gallery with a view button so users can go to the images section and slide to view the following images. You can keep different viewing layouts like a grid, list, etc. Add the margin and padding for the page and choose your desired color combination, font style, and image size. For responsiveness quotient, you can use flexbox and media queries.
Update README accordingly.
Tag the issue while sending a PR.

Update README.md also

This project helps kids demonstrate and understand basic mathematical operation like add, sub, multi , div easily using a webpage

The project is made by:
HTML ,CSS & JAVASCRIPT.

Plz consider this issue under Hacktoberfest'2022

This is Restaurant website created using ReactJs.
Please assign me this issue under Hacktoberfest 2022.

You can make a static page holding an event. People who are interested in attending the conference create a register button for them. Mention different links for speaker, venue and schedule at the top in the header section. Describe the purpose of the conference or the category of people who can get benefit from this conference. Add an introduction and images of the speaker, venue detail and the main purpose of the conference on your webpage. Divide the page into sections, add header and footer showcasing the menu. Use proper background color that can go well with each other for various sections. Choose a descent font style and font color that matches the theme of your web page. It requires HTML/HTML5 and CSS knowledge in depth.

There is no limit in using various tech stacks just remember it would not going to mess up with our project 😅

Write I am working on this and start working.

Make a a simple URL shortener with your favorite tech stack, and make sure to add up a folder and update README wrt to it.

Q. How it should look ?
A. Something like bitly.com

Hey @keshavgbpecdelhi !
I want to add my project "Simon Game" to the README.md
This is a game made using HTML, CSS, JavaScript and jQuery.
This game tests the memory of the player .
It highlights one button with background sound and asks the player to click the button followed by buttons from past levels.
The game ends when the player clicks on wrong button.

Please merge my pull request and add the label "hacktoberfest" to it.

Is your feature request related to a problem? Please describe.
All websites contain a sticky nav bar and footers. It would be useful for anyone learning how to go about it.

Describe the solution you'd like
A simple navigation bar and footer that shows how to fix an element.

Is your feature request related to a problem? Please describe.
A way to present resume details in a formatted manner

Describe the solution you'd like
A static webpage to enter details, and have the presented in a resume format

Additional context
Providing multiple themes for the user to choose from!

Is your feature request related to a problem? Please describe.
While developing webpages we often get confuse while using different CSS Animation Timing Function

Describe the solution you'd like
I want to make a webpage in which user can view different type of CSS Animation Timing Function at a time and how the complete animation proceeds so user can have proper idea of which animation timing function to use when and get the code easily.

Different CSS Animation Timing Function

1. linear
2. ease
3. ease-in
4. ease-out
5. ease-in-out

Here is the inspiration link : https://www.w3schools.com/cssref/playit.asp?filename=playcss_animation-timing-function&preval=ease-in-out
and Demo Inspiration image

Assign me on this task so I start working on it...
@keshavgbpecdelhi

Is your feature request related to a problem? Please describe.
Most of the websites use a carousel which is needed by beginners to learn.

Describe the solution you'd like
I wanted to add a webpage in the bootstrap directory so that beginners can easily learn to create one.

Example : https://codepen.io/sujanchhetri/full/BaBRQqv
Don't worry about making things complex a simple demo page would be fine. No need to be exact, that was just an example.

Remember to update README.md the way it's been so far (add live page link also).

Follow these steps :

• Make a demo page
• Try to make it live(if possible from your end)
• Add things in respective folder
• Update Readme.md

Is your feature request related to a problem? Please describe.
While developing webpages we often get confuse while using CSS cursor

Describe the solution you'd like
I want to make a webpage under CSS Directory in which user can view different type of cursor by hovering on it and get
proper idea of which cursor style to use when and get the code easily.

Here is the inspiration link : https://www.cssportal.com/css-cursor-viewer/
and Demo image

Assign me on this task so I start working on it...
@keshavgbpecdelhi

Describe the bug

1. Step of "cd [name of folder] " is missing before step 4 of adding upstream
2. Instead "git pull upstream main" --> "git pull upstream master" in step 5

The repo is also missing the Code of Conduct that defines standards for how to engage in a community. If you want to add that in your repo, then I would also add another pull request for that.

Is your feature request related to a problem? Please describe.
This repo lacks some custom animations based on simple front end stack.

Describe the solution you'd like
I want to add a custom CSS and JS based hybrid animation based on mouse hover over html elements.

Note : Try to make as simple as possible. It's ok not to draw 3D shapes or complex shapes. It's up to you.

HOW THE PAGE SHOULD LOOK LIKE ?

Is your feature request related to a problem? Please describe.
This repo lacks a form validation.

Describe the solution you'd like
I make a form validation project which alerts the user on the wrong input.

I want to update the Event UI. Actually, its UI needed to be changed e.g., font size, line-heights of the paragraphs, buttons, etc.

Font has to be changed to something more readable or terminal font like IBM Plex Mono and font size has to be decreased a little. I will increase the height and width of the buttons and centre the button on the page. I will change the icons and the line height of the paragraphs. Also, I will change the html code a little bit.

I would like to add a toggle button to switch the home page from light to dark mode.

I would like to use vanilla js and css for it.

Something like this.

Can this issue be assigned to me under the hacktober label?

A tribute page is basically an overview of someone whom we admire in our life.

Now it's up to your creativity. Just a suggestion simpler the things the better it is.

A daily journal website made using HTML, CSS, Bootsrap, Javascript and Ejs (for templating).

Features:

1. User can write blogs and read them.

2. They can search blogs related to topics using specific keywords.

3. Dedicated about and contact us page.

Please assign me this issue under hacktober fest 2022

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Add a Music store web page in our collection of simple html projects :))
and update readme.md

What to do :

On the music page, the first thing to do is to add an appropriate background image and write a short description of what you will find on this page. The header section of the page will contain different menus that list songs based on features like genre, year, singer, album, and so on.

You will have to include necessary buttons such as start, stop, rewind/forward, etc. Add relevant links and images for the collection of songs available. At the footer, you can include contact details, and links for registration, in-store purchases, subscription packages, and trial options.

A car moving on road. No much complex work. Make it as simple as you can. Comment the code were ever possible. (Use html, css, JavaScript)

The repo is currently missing the issue templates that might help others submit their issues in a categorized way. If you want to have them, then I would add a Pull Request for that.

All those html files are bulking up, so make them in separate folder and do the required changes.

This is basically a 2 player dice game created using HTML, CSS and Javascript.

In this game, everytime user hit refresh button both dices throws new numbers.
Depending on these numbers on the die winners get decided.

This is my first issue in opensource contribution
Consider this as contribution under hacktoberfest 2022.

Landing Page Example : https://codepen.io/freeCodeCamp/full/RKRbwL
Don't worry about making things complex a simple demo page would be fine. No need to be exact, that was just an example.

Remember to update README.md the way it's been so far (add live page link also).

Describe the bug
Demo Link of Roll Dice is broken

To Reproduce
Steps to reproduce the behavior:

1. Go to 'README.md'
2. Click on 'Roll The Dice Demo'
3. See error

I'm going to push tailwindcss 404 pages collection based on html

README.md getting long and boring, any innovative ideas !? I have some ideas we can do with it to look better and easily accessible.
We can make a Table like :

Do the same with all other and arrange it properly make sure you don't mistake while placing the links, so be attentive while doing it. Else,

Any suggestions and more ideas are welcome alongside anyone can do the above suggested idea and PRs are welcome. Ask for assignment and start working just after asking, don't wait for the assignment tag, if I see it early I will assign it to you :))

@keshavgbpecdelhi Hi I want to add Scrollable Fixed Size Box. Can you Plz assign this task to me ?

I want to create Card in HTML. Can you please check if it is valid and assign the issue

Is your feature request related to a problem? Please describe.
As a front-end developer picking up colors and gradient is always a huge problem, we are unable to decide which gradient will look best for our website.
There must be a gradient generator which a programmer can use and copy the gradient code directly to its website

Describe the solution you'd like
I want to add a gradient-generator based on simple HTML5, CSS3 & Javascript, which can help a programmer to select colors using color inputs and will be able to directly copy the code for the gradient

Describe alternatives you've considered
These are a lot of alternatives but most of them are cumbersome and programmer finds it difficult to choose between already provided color pallettes, also this makes the whole process less innovative as programmer will be using an already created generic color pallette, here my code will help programmer to choose pallette according to the demand of either business or the programmer itself.

Additional context