All Questions
116 questions
2
votes
0
answers
40
views
Colorproof dust effect
A combination of various css transitions (background-color, box-shadow, opacity, ...
user279820
2
votes
0
answers
77
views
My Electronics Project Blog
I have been wrapping up the markup for my personal electronics project website, https://www.salvagedcircuitry.com. I write about designing, repairing and producing electronics, along with some ...
1
vote
1
answer
130
views
Sign Up Page - A mini Frontend Project
I have designed a a small frontend project, a sign-up page. It uses HTML, CSS, JavaScript and jQuery. Being a beginner to frontend development, I want to adapt to all the best practices. I am looking ...
- 141
2
votes
1
answer
46
views
Are there any redundant divs in my first proper webpage? Or any way to group classes in my CSS file
This is my first full formatted webpage done while doing the odin project.
Is there any redundant divs? Can I reduce my css file by grouping some classes?
And how to give styles to a button under a ...
0
votes
1
answer
490
views
Christmas tree made up only with HTML and CSS
I've created a Christmas tree using only HTML and CSS. It's pretty sure that the code can be written in a more efficient way. Also, the lights are turning on and off at the same time, is there a way ...
- 181
4
votes
1
answer
706
views
Custom Connect Four game on CodePen using JavaScript
Can this code be shortened, optimized or remove any unnecessary parts. Just curious if this is the right way to achieve the given result in this CodePen example: CodePen Connect Four
Here is my code:
...
- 159
-2
votes
1
answer
87
views
7
votes
2
answers
150
views
Example of responsive webpage
I'm doing a Coursera assignment on an HTML-CSS course. The assignment is to do a simple responsive page, which can be found here.
I think I came up with a solution, but I ended up having around 100 ...
- 269
3
votes
1
answer
115
views
Master Doughnut Shop Website
I made my first website from scratch using HTML and CSS. It's a doughnut shop
I did this as a way to practice what I have learned so far from an HTML and CSS course that I am taking. I would ...
- 31
1
vote
1
answer
53
views
Semantic implementation of the structure of a web page with header, main, and footer
I'm new to web development, and currently learning the basics of HTML and CSS. Many web pages follow the structural pattern of header, main, and footer; so I figured it'd be a good idea to try and ...
- 761
0
votes
1
answer
70
views
Data selection and filtering
Here i have javascript code where is 'animals' object and 'people' array of objects. User selects the data from select box and accordingly table fills with selected data(which is array of objects) and ...
- 37
3
votes
1
answer
497
views
Simple html5/javascript web database application front end
This application is the front end to a very basic database application. The front end assumes that the back end database would have fields as per the html form.
some concerns on db2form.js I have ...
- 2,439
2
votes
2
answers
76
views
Loading the stylesheets and scripts on my website
I have made a simple website and I have tried to reduce load times as much as possible. All the content that is loaded is necessary.
Is there anything thing I can do to my code, such as structurally, ...
- 123
2
votes
0
answers
35
views
Code to Animate A modal at the Bottom of the page using .animate() api
I have created a Modal, at the bottom of my CV to show various different resources and content creators that I have used to learn how to code, I have nearly finished this project and will be sending ...
- 159
1
vote
1
answer
65
views
Beginner's level hovering effect on anchors
After a few trials I've written this code where the border of a link expands:
...
user201579
8
votes
1
answer
3k
views
Generating a chess board with JavaScript
In another attempt to further my knowledge in the JavaScript language, I've written a chess board generator that will essentially create a chess board with any initial state supplied. This supports ...
- 929
2
votes
1
answer
470
views
Simple landing page with a countdown timer and automatic slideshow with HTML,CSS,JS
Does this code follow common best practices?
I tried to keep the code simple and straight forward adding comments and spacing everything to be readable. My main concern is there a common practice ...
- 23
4
votes
1
answer
4k
views
Dice game in HTML, JS, & CSS
I'm working on a personal game project to hone my CSS, HTML, and vanilla JS skills. I would appreciate any feedback on my small dice game project.
ceelo-js Codepen
The main logic of the game is run ...
1
vote
1
answer
48
views
Password Checker [closed]
In my second post I am looking for the way to change answer dynamically.
As you can see there it changes when I completely fill the input. I want it to change for every letter typed . I will be ...
- 91
7
votes
1
answer
150
views
Just a calculator
This is a simple calculator made in 2/3 hours. I am still new and I was trying out some tags. If you can add some comment and say what to do and what to improve I will be really grateful.
...
- 91
2
votes
3
answers
100
views
Website for student organization
This website has been created for a student organization that is focused on engineering solutions for people with disabilities. With that in mind, I would like this code to be as accessible as ...
- 389
5
votes
1
answer
812
views
Simple way to show popup
After some research I found the following information: In this closed question I found a solution which does not work well when pop-up has height bigger than screen (and some jquery solution). Here is ...
3
votes
1
answer
4k
views
FCC: Product Landing Page - HTML & CSS only
I have created a product landing page for a freeCodeCamp responsive web design project which requires me to create a "Product Landing Page".
Requirements to keep in mind:
...
- 31
1
vote
1
answer
102
views
Web page's semantic elements
I request a review of the following web page, especially on the use of semantic elements:
https://jsfiddle.net/SSteven/qt9d2sfw/
The HTML5 code is:
...
- 173
3
votes
1
answer
2k
views
jQuery image carousel
I have made this custom image carousel, using HTML5, jQuery and CSS. My aim was to make it really lightweight but with (just) enough features: "bullets", auto-advance, responsiveness.
...
- 525
3
votes
1
answer
63
views
Try My Advertising Website
I was wondering about my HTML & CSS. I'll just create a list as to what concerns I have:
Does my HTML & CSS follow proper coding standards and conventions?
Am I making proper use of semantic ...
0
votes
1
answer
406
views
Simple HTML website with a JavaScript navigation bar (version 3)
This is a followup post to version 1, and version 2.
The following code is a website with a nav-bar on it. It uses some simple JavaScript and CSS (with media-queries) to make it work:
index.html:
<...
- 189
3
votes
0
answers
177
views
Pure-CSS slide viewer
Not long ago I designed a pure-CSS slide viewer. A demo is available here, while the source code can be retrieved here .
I would like to receive opinions, suggestions, and critiques, especially about ...
- 131
5
votes
2
answers
115
views
Web ToDo application in JavaScript, HTML, CSS
I would like to share with you the code from the application I just finished. It is a web application written in HTML, CSS, JavaScript and jQuery. It uses ...
- 83
5
votes
1
answer
1k
views
HTML5 audio player with CSS-styled interface for pages with multiple MP3 sources
This is one of my first JavaScript projects. It works (at least in Firefox and Chrome), but I would like to know if this code follows common best practices.
This script is supposed to look for ...
- 63
2
votes
1
answer
167
views
Simple HTML Website (followup)
Followup to this
I have created a simple HTML5/CSS3/JS website with a navbar and no content.
index.html:
...
- 189
3
votes
1
answer
207
views
Simple HTML website with JavaScript navbar
The following code is a website with a nav-bar on it. It uses some simple JavaScript to make it work:
index.html:
...
- 189
3
votes
1
answer
142
views
Homepage layout & styling
I'm an HTML beginner. I've created my very first HTML + CSS single page from template given to me on a course I attend at a university. The code is probably very bad. It would be really nice if ...
- 31
4
votes
1
answer
1k
views
Cricket Scoreboard for Darts
I've been learning front-end web design, and I'm looking to start diving into the back end soon. Before I do that, I want to make sure I have my HTML/CSS/JS skills down pretty solid. Here's a ...
- 173
1
vote
1
answer
229
views
Simple landing page using Bootstrap
I have written a simple landing page in Twitter Bootstrap. It works fine, I just want to know if my code is written in a "good-practice" way.
...
- 189
0
votes
1
answer
52
views
Large poster with positioning elements
Ignoring the text inside, what is there to be improved?
This is supposed to be a poster for my Food Technology homework, but after getting some review from the informational side, I'd like some ...
- 111
3
votes
1
answer
767
views
Tilt on hover image
I am asking for a review of this code to see if I am following common best practices or if there is a better way to accomplish the goal set for this code.
My purpose was to create an image that would ...
user159882
1
vote
2
answers
164
views
Using <div> instead of other tag types (<span>, <p>, etc) [closed]
Is it considered bad style to always use <div> instead of using, say, <span>? I know that using specific tags like <...
- 287
3
votes
0
answers
323
views
CSS animation of ravens flying in a circle
I just made a little experiment on codepen with this animation.
But I get some performance issues: sometimes it's not as smooth as it should be.
Does someone know some practice I could use to ...
0
votes
1
answer
110
views
HTML5 Schema and CSS Styling Correct?
I've started my personal website with HTML5.
I would like to get it review to see if I am using the correct schema.
I am looking to get feedback about the structure of HTML5 elements. I think I am ...
- 111
1
vote
1
answer
116
views
Making a website for practice that searches sites, some embedded and some external
I have been reading up on various code and using it to make this web page for practice. I've learned a lot so far, but I've got a long way to go. So basically, my wife was sick of having to go to a ...
- 11
2
votes
1
answer
585
views
Random gradient header generator
I made a header generator that creates a linear gradient of two random colors from its top left to its bottom right.
Please tell me about everything I could do better, but especially how to calculate ...
- 769
2
votes
1
answer
163
views
Move all Bootstrap .clearfix according to prepended div and layout
I am using the Bootstrap class .clearfix after every second(or third) <div> to keep each row starting at the same height ...
- 123
2
votes
0
answers
334
views
Pomodoro Countdown Clock
I would appreciate feedback on this Pomodoro Clock. I tried to use straight
Javascript for the logic instead of JQuery and I would be interested in any observations of
where that was a good or bad ...
- 165
7
votes
2
answers
2k
views
Create a dynamic growing pyramid
In connection with a job application I have to progress the following task:
Create a dynamic growing pyramid. The structure has to be sorted
alphabetically (concerning the inserted values).
...
- 4,516
5
votes
2
answers
126
views
HTML + CSS Weblog
What I have is a simple weblog consisting of HTML and CSS. I'd like you to pinpoint mistakes (smelly code and so on) and how to improve my code. Opinionated responses are welcomed, given that you can ...
2
votes
0
answers
67
views
Generating hundreds of css clases
I have elements that are generated dynamically on the screen. I have bars and diamonds.
The problem is I have hundreds of different types of bars or diamonds that need to be rendered on the screen. ...
- 301
3
votes
1
answer
538
views
My grade calculator with special weighting
My school has a special 65% formal 35% informal weighting, so I made something to find what your grade would be if you added or ...
- 243
4
votes
1
answer
132
views
George Washington Carver tribute page
Yeah, it's another person wandering through from freeCodeCamp. Sorry.
That aside, I've got a tribute page to George Washington Carver, developed as a project for the above. I'm generally happy with ...
- 161
1
vote
1
answer
109
views
Bootstrap responsive layout
I'm creating a responsive page with bootstrap. I tested my code with my browser (Firefox and Chrome) and it works. Is the code clean or is there a better way to code it?
...
- 491