Questions tagged [css]

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

Filter by
Sorted by
Tagged with
0
votes
0answers
18 views

PHP processed, HTML-CSS, CMS-agnostic, contact now panel

I develop a CMS-agnostic PHP formatted HTML-CSS "contact now" panel, sticky in the bottom of a website screen. I format it in PHP because PHP supports ...
4
votes
3answers
92 views

Creating a binary word search 🔍

I recently crafted a binary word search puzzle using HTML, CSS and JavaScript to dynamically build grids within a grid: ...
0
votes
0answers
33 views

Calculator with vanilla procedural JavaScript

I am doing a project for a calculator in JavaScript. Here is the project GitHub page: https://github.com/florinpop17/app-ideas/blob/master/Projects/1-Beginner/Calculator-App.md Demo: https://...
0
votes
0answers
17 views

React component to display emojis from different sources

I'm looking forward for any feedback to help improve in any way this React component that will render an emoji from GitHub, Twitter or OpenEmoji: ...
6
votes
2answers
88 views

Calculator with JavaScript

I've just created a fully working calculator for my portfolio, and I would like to get a code review. Does that code looks good, or maybe I should refactor it? Is it good enough to be a part of a ...
0
votes
0answers
18 views

Skill section with flexbox and javascript. Clicking on certain skill will change the summary

It's the first thing I've created using flexbox and Javascript so I feel like my code could probably improve a lot. Any feedback would be greatly appreciated! https://codepen.io/dee91/pen/jOwbQmd html:...
2
votes
1answer
67 views

Create random wave forms using JavaScript and CSS

Desired output: Animate the wave forms, but use less resources. Any bugs: There are no bugs that I know of. I tied searching google for "use less setIntervals in my project" and found this ...
0
votes
0answers
5 views

Reusable/extensible deisgn of toggle to be used for switching dark mode on/off

I though of defining the following module that I could use to govern the dark mode on/off on a website. Probably I would use it only for that in the whole page, but in the case I don't (i.e. I end up ...
1
vote
1answer
23 views

Best way to make a scroll top/bottom button

So I've made a button in the right-bottom corner of my HTML-page, but I was wondering since it's the first time I've made this, if there is another better way to do this, or if you guys can see ...
0
votes
1answer
31 views

HTML table with repeatable rows and live-calculated column totals with row grouping indication

I created a quick "demonstration of proposal behavior" tool for my post on MSO: A proposal to put ALL answerers on a path to curating better content. Because I have never asked for a review ...
-2
votes
1answer
32 views

undefined instead of innerHTML [closed]

element.parentNode.parentNode.children[3].innerHTML is fine but not ...
2
votes
1answer
52 views

Randomly place Divs on webpage and make sure they don't overlap

Currently I am working on a project for which I want to have the different links (div elements) placed randomly on my webpage. To accomplish this, I first generate a set of coordinates and later check ...
0
votes
2answers
54 views

Portfolio Website Responsive Design

I'm a new developer just starting out learning HTML5, CSS3 and JavaScript. Below is my attempt at building a portfolio website. I am finding it difficult getting my site to respond better when ...
3
votes
1answer
42 views

Javascript Word Vectors Demo

This is my WIP attempt at an open-source web demo for exploring word vectors as part of my research. The functionality will be explained separately from the site. It is also my first time using HTML, ...
2
votes
1answer
29 views

developer portfolio website

I'm a new developer just starting out learning HTML, css and JavaScript. Below is my attempt at building a portfolio website. I am finding it difficult positioning elements the way I want to and ...
-1
votes
1answer
39 views

Is there a correct way to do this layout in HTML/CSS

I am new to web development and I am making a small "About Me" website using html/css . I managed to do this layout : https://imgur.com/a/Kb0xPQA Although it did the job done, I am just ...
2
votes
2answers
63 views

JS script fetching GitHub API for personal website

I've built a very simple personal website, everything is in a single file because it is very straightforward, but I think the JS script could be better structured. All it does is fetch some repos from ...
1
vote
0answers
40 views

Product Landing Page

I think I went overkill with trying to learn new ways to do the same thing, and this is as most as I could replicate the website from freecodecamp. I'd like advice on ways to do the same things in ...
0
votes
0answers
22 views

Math Text in Racket Scribble

I love the self-completion environment of Racket language. I tried to write some Mathematical text by Racket Scribble. I thought that Scribble's output was verbose or roundabout, but I could reduce my ...
1
vote
1answer
32 views

ReactJS link with conditional CSS classes

I'm starting to learn React/NextJS and find the way to write conditional CSS very ugly compared to VueJS. I'm curious if someone could look over this code snippet and guide me in the right direction ...
2
votes
0answers
61 views

Create a map where countries can be selected using react-leaflet

I've only just started learning javascript and decided to try and make a simple app where individual countries can be selected, highlighting them, and the name appearing in the top corner. The code ...
2
votes
1answer
49 views

Using CSS, surely there is a better way to write this Flex code?

I needed some help with Flex. I am trying to achieve something like this using flex but I cant seem to align all the items to the left for both. The code I provided below works just fine, but I'm sure ...
2
votes
1answer
119 views

Bootstrap form with floating labels

I have turned a "classic" Bootstrap form into a "floating labels" form. For this purpose, I had to move the labels below the form controls. ...
5
votes
1answer
227 views

JavaScript discrete slider web component

The standard HTML range input element suffers from a number of limitations that caused me to implement the web component presented here. First, it is unnecessarily complicated to style the standard ...
-1
votes
1answer
21 views

Some optimisations?

it's been two weeks since I started learning web development and am currently practicing designing a friend contact page. The problem is, I find my code very poorly optimized and can't do what I want. ...
4
votes
2answers
492 views

Vue.js checkout stepper

I have made this small checkout stepper with Vue (v 2.x.x): ...
2
votes
1answer
41 views

Make roads contrast with Google Maps

EDIT: I turned down the brightness on my monitor using the graphics options for the video card. This solved the issue. How this setting changed is a mystery... I am leaving this up because googling it ...
4
votes
1answer
57 views

Python Rubiks cube solver - general code comments

I have been learning Python/Flask for the past 5 months outside of full time work and have just finished a first complete version of an app: Working site: https://rubiks-cube-solver.herokuapp.com/ ...
4
votes
1answer
51 views

HTML <ruby> elements word spacing using jQuery

I'm doing a hobby project for fun recently, it's a GitHub webpage using Jekyll. One of the main component of my site is displaying Chinese characters with their Sino-Vietnamese pronunciation. I use <...
2
votes
2answers
49 views

Code for car sales platform designed with flexbox in HTML5

This is intended as a simple layout for an auto showroom site: Disclaimer Details changed from original for privacy ...
0
votes
0answers
58 views

Rock Paper Scissors Game in JavaScript

My latest project is a Rock Paper Scissors Game that I made in The Odin Project course. It's a web version, made with HTML, CSS and JS. I would appreciate to read your opninions, especially with ...
2
votes
1answer
34 views

Personal Project Download Website

This is my first month learning HTML and CSS, I have built a working download page for one of my Java projects and I wanted to see if there is anything to improve on my website. The website works as I ...
0
votes
1answer
36 views

Using <a> element instead of <tr> to get clickable rows

I want to create clickable rows in an html table. Each row should be a link leading to a different page. I can of course add onclick handler, but that will create ...
2
votes
0answers
37 views

Javascript portfolio with 11 small apps

I'm learning to code for about a year and recently I finished my Javascript project. It contains of 11 fairly simple apps involving using APIs and DOM manipulations https://github.com/matt765/js it's ...
1
vote
1answer
73 views

Web-site navigation bar

I'm just starting to learn website coding with html, css, and JavaScript. To get a bit of a hang for it, I'm trying to build a complete web page. So far, I've only done the navbar. I started with a ...
1
vote
2answers
58 views

Dijktra's Algorithm Visualizer

A couple months ago I made an interactive dijktra visualizer that allowed the user to setup the map nodes and run the algorithm. I thought it was a good way to solidify my algorithm and html/css ...
1
vote
0answers
16 views

Getting images to align side-by-side and making DIV with image not move with text?

This is my working code for a HTML auto dealer template which does the job, but esthetically, isn't quite that pleasing and is very functional (use Expand snippet on all of these to see the design ...
2
votes
0answers
35 views

Todolist in vanillaJS

I have been studying front-end development for 2 .5 months, I decided to switch to practice and wrote a todo list in 8 hours Please write your opinion about the code and how it can be improved (...
1
vote
0answers
38 views

Responsive pseudo-tables

I have been looking for a way to display tabular data in a way that is optimal both for large (desktop) and small (smartphone) devices. I use divs instead of tables. ...
0
votes
0answers
18 views

CSS animated button and custom meter made of divs

I know I could've used a <meter> element, but I wanted to try implementing from scratch. The positions are a bit hacky, and I tried to make it responsive but ...
3
votes
1answer
34 views

Cookie consent box on button click

I'm just getting started with frontend development. I tried to make a pretty barebones cookie consent notice. I still don't fully understand flexbox and positioning, so the code is messy. HTML: ...
0
votes
0answers
31 views

Vanilla JS Tic Tac Toe

I would appreciate a code review - specifically of the javascript - for a tic tac toe game that I have built. I am looking for feedback on where improvements can be made in the overall structure, ...
4
votes
2answers
115 views

Simple To do List

I am working on a simple to do list and i was hoping if a experienced person could review my code in hope for feedback. I don't use any libraries as i haven't taken time to look about them. I decided ...
0
votes
2answers
48 views

Script for showing/hiding on click - how can I write this code cleaner?

I have this simple code, but it's messy - how do I do it cleaner? It works like this: If you click on the menu-btn1 the div ...
3
votes
1answer
65 views

Carousel Using Vanilla Javascript

As a beginner project, I've start working on this carousel slider that would slide through an image and a testimonial on click. The number of images and content slides would always be the same number. ...
4
votes
1answer
88 views

Replicating the norwegian flag using CSS

so here I am trying to get some reviews from my code, where I have to replicate the norwegian flag using flexbox. First to be sayed is that my teachers told me to divide the flag in two sections, ...
0
votes
1answer
262 views

BMR calculator web app written in HTML/CSS/Vanilla JS

I'm learning JavaScript at the moment (still very much a beginner) and this is the first app I've designed on my own, without using any tutorials. It's an app which takes the user's gender, age, ...
1
vote
0answers
46 views

Does my first npm package follow best practices?

I have created my first npm package: https://github.com/sunnysideup/stretched-bg-image. The purpose of the package is to add a class to a div (or any other block element in the HTML) depending on the ...
1
vote
1answer
32 views

HTML CSS 2 columns project

Goal I am aiming to create a page with two columns, left side to be a summary section and the right side just an image. I'd like to hear some reviews to where I can improve my current html and css ...
1
vote
1answer
48 views

Vanilla JS Complex TO DO List application

Hello I've created to do app with some additional functionality. Since I am new in JS I would love some feedback if you guys could point out some obvious mistakes/good practices/better solutions or ...

1
2 3 4 5
21