Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XML documents including colors, layout, and fonts.

-2
votes
0answers
18 views

Text color changes on button, but not every time [on hold]

okay, so I'm new here and maybe I'm just tired from how long this has confused me, but here we go: On a button click: When the variable "GPA" is below 2.5, the text "finalText" should turn red. When ...
1
vote
2answers
65 views

JavaScript calculator that only adds numbers

This is a JavaScript calculator that uses JQuery and bootstrap. How can I improve the CSS, HTML, JS and the general design? ...
0
votes
0answers
29 views

Simple code demo UI

I have a user interface that I designed for a simple code demo. The layout is presented like I want it to be, but barely holding up (malaligned components and half-baked animations). I want it ...
1
vote
1answer
44 views

Continuously update position of div with click event

I am trying to continuously get the position of a div on screen and update the new position each time a "click" event listener is clicked. At the moment my code works but feels redundant and could be ...
0
votes
0answers
92 views
+50

Trick circumvents [position: sticky] restriction to parent

Check out the live example: https://verifuse.github.io position: sticky; elements are sticky within the bounding box of their direct parent containers. I wanted to ...
-4
votes
0answers
23 views

Passing element data to javascript based on button [closed]

i'm new to javascript and still learning. The below code works fine is just that i want to add a delete button on each new row produce. and when it's pressed it will delete the data and update the "...
1
vote
0answers
5 views

Slider that increased center slide width. (Slider plugin suggestions)

I wanted to create slider when it slide center slide width must have incresed and the two slide next to it stay on normal slide. I have tried one using slick slider. Here is the code pen link that I ...
0
votes
0answers
19 views

Fit text in a textarea with textarea or div with contenteditable

After a lot of testing I've reached this solution to fit text into an editable container with automatic height. I started with a textarea and javascript but it got extremely slow on hundreds of ...
4
votes
3answers
61 views

Breaking group of items into rows then ensure consistent height of each row element

I'm working on a product category page where the product images have inconsistent heights so I've been asked to improve the page appearance without changing the images. The page contains x number of ...
0
votes
0answers
19 views

HTML CSS z-index, laying and positions

Evening, I am starting a web project for a friend and am having trouble laying three objects, a logo, rgba background-color and a H1. The order I want is logo at the back with the opaque color ...
3
votes
2answers
61 views

Changing the width of a centered progress bar

I am making a game in which the player has a certain amount of available boost. To show this, I am using a blue bar inside a black frame. The bar can grow and shrink at different rates as available ...
3
votes
1answer
30 views

CSS Grid and Bootstrap 4

First time posting in Code Review! I have started learning front-end development to complement my UI design skillset and am starting with CSS Grid and bootstrap. Have a look at the snippets. I think ...
3
votes
1answer
54 views

JavaScript code to add buttons and slowly remove them

My javascript code is working, however i am seeking suggestions on how I can go about improving my existing code for reusability and testability. The code is pretty straight forward, I have three ...
3
votes
1answer
42 views

HTML+CSS Template: Search Results List

I'm trying to develop some templates for common HTML + CSS tasks I've been dealing with. One of which is a general search results list either from client- or server-side. So far I'm using the ...
3
votes
0answers
84 views

React native circular progress view

This is a functional component that I have developed in React Native for creating a circular progress view. The code does not use any external libraries, just pure CSS. Article that I wrote while ...
3
votes
1answer
42 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 ...
1
vote
0answers
56 views

React Animation example - accordion panel

I decided to study an animation in React and created a simple example of an collapsible panel using CSSTransitionGroup. To make an animated collapsible, I added max-height: 0, overflow: hidden and a ...
13
votes
1answer
143 views

Make Stack Overflow Design Great Again

I've been annoyed with the new side bar layout, so I chose to hide it. But then, the useful links were gone, so I decided to make this little user script in Tampermonkey to bring them back to [roughly]...
2
votes
2answers
76 views

Fading HTML elements in and out after timed delays using jQuery

I recently launched my first website, and despite being very proud of how far I've come, I know that my code is more "I got it to work" than "It works the best that it can." I'd like some criticism, ...
6
votes
0answers
71 views

Mobile webpage for a refugee organization

For a school project, I've to create a website for a refugee foundation in Haarlem. But designing is one part, coding the actual design is a whole other world. The hamburger menu went pretty well and ...
2
votes
1answer
43 views

CSS/JS slider using just data-attributes and transform:translate

I needed to make a multi-page form, with slides, but without using too much js code like slick.js or the likes. So I tried to figure out how to make it really simple, but still cross-browser and ...
-1
votes
1answer
142 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: <...
3
votes
2answers
170 views

Platformer Game: Arrow Key Player Movement and Collision Detection

I am in the middle of working on this game and I still need to add some things (e.g. score, coin counters, etc.) but I really feel like there is way too much unneeded code. Could you help me simplify ...
3
votes
0answers
84 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 ...
0
votes
0answers
154 views

Fetching and displaying API data as an HTML list

I've written the following which works but it's the first API I have written and I just wanted to see the general opinion of what could be done differently in a better way so I can learn more and ...
2
votes
0answers
216 views

Pure CSS Responsive Show more / Show less

I have put together a CSS snippet to responsively display a Show more / Show less button if content of list cannot fit 1 line (1em) when you resize the window using pseudo-elements. Currently, I have ...
3
votes
0answers
51 views

Tabby Cat - simple react app

I am new to ReactJS as a fun alternative to the old boring JS and for practicing I tried to make a sort of "tabby cat" app similar to the browser extension one (tabbycats.club) where you get a new ...
5
votes
2answers
72 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 ...
2
votes
0answers
74 views

A simple “couple creator”

I just made this simple generator as a side-project to one big project I'm working on (demo on github pages here) and would like some opinions, feedback or suggestions on how to improve it. I hope you ...
3
votes
0answers
58 views

Night Mode using CSS and JavaScript

I just added a new feature to my portfolio: Night Mode. I created it with CSS and session storage in JavaScript. I want you to review my CSS of night files, I feel it's filled with ...
1
vote
0answers
35 views

React Expandable Data Tree

DataTree A React-based expandable list using ChimeraZen's Zen Design styles. This program simulates items returned from a Google Firebase database, populates an array of recursively nested parent/...
2
votes
1answer
34 views

Different color classes that control the same stuff

I have this code... ...
1
vote
1answer
41 views

Calculating absolute position in %

I'm making a website for a friend (just for fun) where we have to move a lot of svg images in absolute positions. To make it easier I wrote some code to calculate the % position of each element so we ...
0
votes
0answers
24 views

Is there a better way to do bottom nav?

I am doing a bottom mobile navigation for the first time. Using a lot of fixed positioning. Is there a way to get the child elements inside the fixed positioned parent element to be formated with out ...
1
vote
0answers
28 views

Bootstrap 4 navigation menu

I've created 3 formats for navigation menus: Singe Line Multi line Multiline with big branding My intent is to use these as a template in various applications depending on the need. I've tested ...
2
votes
0answers
22 views

Simple Test Website

Just want to know if I used CSS Grid properly along with flex. I always have that feeling that what I'm programming can look better and be shorter, etc. Thoughts? ...
-5
votes
2answers
59 views

html and css of login form [closed]

I am new to bootstrap and trying to design login page. Please check my below link and let me know if i did it in wrong way. I have on doubt I think i am doing in wrong way because when i inspect my ...
2
votes
4answers
202 views

Set of jQuery .click functions

Restaurant Menu It works how I want it to, but the way I've written the jQuery looks like it could be simplified. How can I rewrite the jQuery so it does exactly the same thing but in much less code? ...
5
votes
1answer
290 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 ...
2
votes
1answer
73 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: ...
1
vote
1answer
86 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: ...
2
votes
0answers
26 views

My navbar menu with two differents formats/styles

I have a navbar menu with two styles: First one is a tranparent menu. I use it when the page charges. Second one is a scroll and responsive (not yet) menu. I use jquery to transform the first menu ...
3
votes
0answers
33 views

Simon game made with ECMAScript HTML and CSS

How does my HTML and CSS look? I'm a beginner so I have no idea if this is good design or not. Is there an easier way to copy and paste code here? Everytime I paste my code in here and use CTRL+K, ...
0
votes
1answer
78 views

Polish website made by a beginner

I'm new in HTML and CSS, but finally I managed to create something that looks quite nice. Of course I had some problems and I think I resolved all of them, because site looks like I wanted. But I have ...
3
votes
2answers
74 views

Two setIntervals activating in a sequence to change CSS

I'm making a Simon game and I made this function to show flashing lights: ...
1
vote
0answers
119 views

Prototype of an idle game (very early, but you can try it)

I am currently fiddling with ClojureScript and Reagent, and I'm trying my hands at an Idle game. I'm somewhat familiar with FP, and pretty new to Clojure/ClojureScript and Reagent/React. I'd like a ...
1
vote
0answers
242 views

jQuery animate() and css() not performing well in firefox and internet explorer

I am making a webapp that needs a division to expand on click. (The division is loaded with content, so it was likely to not animate very well, but I increased the animation time to 1s to make it look ...
10
votes
1answer
169 views

Vue - It's the Royal Game of Ur

Background After learning Kotlin for Advent of Code in December, I started looking into cross-compiling Kotlin for both the JVM and to JavaScript. Then I wrote a game server in Kotlin and also a ...
4
votes
2answers
383 views

Tic-Tac-Toe game made with JavaScript, HTML, and CSS

I am a beginner programmer. In a prototype function of the game function, called game.prototype.restart, I repeated some lines of code to reset variables I used to ...
2
votes
0answers
1k views

Bootstrap 4 multi row navbar with big branding

I'm an asp.net web forms app using, for the first time, Bootstrap 4 as a responsive design framework. I've built a 2 row header navigation with big branding on the left, where the branding spans both ...