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
2
votes
0answers
17 views

Semicircle Navigationmenu with html, css and js

i am trying to create a semicircle menu with animations and texts. Currently i try to position the texts in the semicircle which is only working with a specific window-width and browser. This is my ...
-2
votes
0answers
23 views

Beginner CSS needs reviewing (Header and Nav)

I am beginner in HTML/CSS, I realized the header part, here is an image below. I would like to know if my code is correct ? I have another problem. I don't know ...
1
vote
1answer
22 views

Showing form on btn click - preventDefault of submit btn, then remove listener

I've built out a section on a page that contains multiple instances (why I'm using querySelectorAll()) of this Request Brochure form. They are using Campaign ...
4
votes
3answers
233 views

Sudoku game in JavaScript

PHP coder here. Learning JavaScript this week. I made a sudoku game for practice. Features: Import puzzles by pasting a text string. Imported squares are gray. Your squares are white. Program doesn't ...
3
votes
1answer
33 views

My first static web project without any external js

This is my first static web project made from scratch without any external js libraries. please review and let me know the improvement areas. 1, are my js functions upto mark? any performance issues ...
2
votes
1answer
42 views

Reviewing a Canvas Drawing Utility in plain Javascript

So for a class project, I have to figure out the most efficient way to draw on a canvas. First thing that came to mind was using moveTo and lineTo repeatedly following mouse cursor, and thats exactly ...
2
votes
2answers
59 views

Javascript Tic Tac Toe

I've created a Tic Tac Toe game in JS/HTML/CSS. Is there anyway this can be improved? Thanks Codepen: https://codepen.io/KhushrajRathod/pen/wvaeOaZ Github: https://github.com/KhushrajRathod/...
3
votes
1answer
81 views

HTML/CSS Gallery Website | Feedback on design and code

My goal was to create a portfolio site for my motion design work. The website should be modern and intuitive, yet pose a good gallery. Please also comment on the dark mode functionality and ...
0
votes
0answers
29 views

This is a CSS/HTML/PHP dynamic text list

I'm wondering if there is a better way to write the same exact thing? I wrote it to display three different dynamic messages, but I feel like there can be a lot of improvements... Any help/idea would ...
0
votes
0answers
28 views

Using React, Quiz Implementation - animation is working a little “strange”

I've made a quiz app using React: https://codesandbox.io/s/eloquent-kare-gczfw Would be awesome to get some feedback, especially the animation that happens when the "next" button is clicked. I ...
2
votes
1answer
60 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, ...
2
votes
0answers
48 views

How to increase scalability the method that output each file while switching multiple many conditions? [closed]

I have a common style (common.scss) and a text direction (RTL, LTR) option file (option-document-direction-rtl.scss, ...
2
votes
0answers
34 views

Pokedex that displays flip cards

https://jsfiddle.net/0a7tcv2g/ I know I could locally store the data, write in es6, and all that, but I wanted to learn to work with APIs, and really understand JS through ES5, before brushing up my ...
2
votes
2answers
61 views

Simple navbar in pure HTML5 and CSS3 [closed]

With some effort I've managed to build a very simple (maybe too simple haha) navigation bar for a website. Is it possible to make a transition on the dropwdown list from height:0 to some suitable ...
2
votes
0answers
26 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 ...
3
votes
1answer
80 views

First ever webpage (Google homepage)

I am currently completing "The Odin Project" and one of the first projects was to create a google homepage. I was wondering if some people could tell me all the long winded and unnecessary code I ...
3
votes
0answers
32 views

Prettified GridView: is this JS code concise?

I been writing code for my company for years and there is never any constructive criticism for what I do. I am the only developer here and I would appreciate your opinion on this web page I made. It ...
4
votes
0answers
168 views

Bootstrap 4 Menu Collapse on Scroll

I am trying to code a menu that: Is horizontal on lg+ displays at the top of the page Shows a hamburger menu when the user scrolls from the top Will display as the collapsed format when the ...
3
votes
0answers
76 views

A reusable card component

I tried to create a reusable component which would allow the user to create cards which can have a header, cover image, avatar section (image, title and sub title), a description, a table, a list and ...
4
votes
0answers
55 views

Beginner navigation bar

I'm fairly new to HTML/CSS and I've put together a navigation bar. The purpose of the navigation bar is to be clean and mobile-friendly. I would appreciate some feedback on what I could do better ...
1
vote
1answer
55 views

Beginner's level hovering effect on anchors

After a few trials I've written this code where the border of a link expands: ...
4
votes
3answers
140 views

Simple PHP Form Application

I have just started messing around with PHP/SQL and came up with a simple sign-in application that checks if your sign-in information is valid based on database information. Here is my code: ...
3
votes
0answers
24 views

How would you convert this code to best take advantage of CSS transform for panning/zooming?

I am using react-flow-chart for a job project, but it doesn't implement zoom, and I would like to take the reigns and try applying it myself. I took a linear ...
0
votes
1answer
29 views

Good conduct of including numbers in css classes [closed]

I'm creating a couple of dynamic css classes, and the idea is that i get a string from an episerver context and add that to the class list of an element. I know that numbers can be included in css ...
3
votes
0answers
63 views

Simple vanilla JavaScript Carousel with tabs and pause button

I currently got into coding and I am completely self taught. Since I know that my code is far from being perfect, I am asking for advice and tips on how to improve. Feel free to drop in any comments ...
5
votes
1answer
52 views

User-focused timeline logging

I'm working on a small piece of my personal website. I'd like a timeline logging all of my relevant achievements in my career in Computer Science, in general. I'd like to implement a feature that ...
2
votes
1answer
91 views

Simple Password Generator in JavaScript

...
2
votes
1answer
39 views

Centering an item over an image with absolute positioning and flexbox

Here's how I'd usually center align an item with absolute positioning: ...
2
votes
1answer
42 views

How to differentiate web fonts font-face font-weights?

What do you guys think: OPTION #1 (same font-face name and change font-weight) ...
5
votes
2answers
70 views

Dropdown menu that opens on click using plain Javascript

I made a simple dropdown menu which opens when clicked, and closes when the user clicks anywhere outside the menu. The following is the codebase: ...
2
votes
0answers
59 views

Personal Portfolio (freeCodeCamp Responsive Web Design project)

I would appreciate som feedback on my fictional portfolio. I am doing the freeCodeCamp curriculum and a personal portfolio is one of the Responsive Web Design Projects using only HTML/CSS. I am ...
1
vote
1answer
31 views

Technical Documentation Page (freeCodeCamp Responsive Web Design project)

I would appreciate som feedback on my Technical Document Page. I am doing the freeCodeCamp curriculum and a Technical Document Page is one of the Responsive Web Design Projects using only HTML/CSS. I ...
3
votes
1answer
45 views

Callback usage with custom Stack Exchange Flair

Today I decided to continue refining my JavaScript skills and utilized the Stack Exchange API (v2.2) to write a "user flair" replica. In case you don't know what the flair that SE provides is: The ...
6
votes
1answer
125 views

Simple input class change with vanilla JS

I am just testing how I solved simple stuff. Goal: The aim is to expand the width of an input and collapse it. When mouseover ...
8
votes
2answers
224 views

Webpage with a preload animation using JavaScript setTimeout

I am working on a website with an animation that runs at the beginning before the content of the homepage becomes visible. I've looked at some examples of preloaders and now use that code with some ...
1
vote
0answers
51 views

eCommerce Mockup App in Vanilla Javascript [closed]

I have completed this mockup eCommerce app using pure Vanilla Javascript. This version can add product into shopping cart and automatically calculate the order summary in the shopping cart. It can ...
1
vote
0answers
32 views

Using ReactJS. Div changes color on hover. On Click drops down description

I have a ReactJS component that I feel is a little bulky. The component holds the information for an event, and clicking on it shows the description for the event. Clicking the event component again ...
7
votes
1answer
728 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 ...
0
votes
1answer
350 views

The Game of Pig in JavaScript

I've implemented the game of Pig in JavaScript. My implementation has the following rules: Two players take turns playing in rounds. In a round, the player rolls a single die as many times as they ...
2
votes
2answers
123 views

Survey form (freeCodeCamp Responsive Web Design project)

I would appreciate som feedback on my fictional survey form. I am doing the freeCodeCamp curriculum and a Survey Form is one of the Responsive Web Design Projects using only HTML/CSS. I am especially ...
3
votes
1answer
63 views

Product landing page (freeCodeCamp Responsive Web Design project)

I would appreciate som feedback on my fictional product landing page. I am doing the freeCodeCamp curriculum and Product Landing Page is one of the Responsive Web Design Projects using only HTML/CSS. ...
4
votes
3answers
125 views

PHP display Error Wanings Yellow @ bottom of Page with PHP_EOL

I initially started searching for a PHP script which would output PHP errors, to the JavaScript console. As the Default behaviour is just to spit them out anywhere and displace everything else. ...
0
votes
0answers
28 views

HTML & Javascript form: Need feedback

2 weeks ago I passed a technical test for the job of a frontend developer so they give me a screenshot of a typical form and I need to code it by HTML/CSS and they request a small animation with ...
0
votes
0answers
23 views

Multiple animation control using Vanilla JS ES6

What I'm doing Divide members into five section, and apply animation for each member to reveal at first. When I click the section, it is expanded to whole viewport and introduce detail about ...
1
vote
1answer
33 views

Create a background-image over a background-color with different opacities for each element

Here the demo The code below creates a background-image over a background-color with different opacities for each element. Is there a cleaner way of achieving this? ...
2
votes
2answers
56 views

Google homepage beginner project

I was hoping to get some feedback on my basic recreation of the google homepage. Im doing the Odin Project learning course and this was the first project trying to use the basics of HTML/CSS HTML ...
2
votes
1answer
25 views

HTML and CSS word styling and screen reader usability

I’m trying to target three words in a h1 for the organization name using to wrap each word and a unique ID to style each word via css. It looks like this: ...
2
votes
1answer
103 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 ...
4
votes
1answer
57 views

Responsive, scrollable sidenav for old browsers

The following code has been tested on the latest chromium, on Opera Mini, on Safari for IOS 7 and finally, on the default web browser on android 2.3.3. As you may already know, the CSS ...
1
vote
2answers
89 views

Using flexbox to replace fixed and absolute positioning

I'm using flexbox to create a simple header, hero image with caption and footer. As you can see from my snippet, the header is fixed and the hero image scrolls underneath. Is there a way to achieve ...

1
2 3 4 5
18