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
21 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 behavious is just to spit them out anywhere and displace everything else. ...
-3
votes
0answers
16 views

I need css solution with slider [closed]

My script has a slider controller and all that but when i upload images from admin, it turns blur and doesn't fit in to slider space. This is my homeblade.php but I don't think the problem is from ...
0
votes
0answers
23 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
21 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
29 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
29 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
20 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
0answers
29 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
36 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
51 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 ...
3
votes
0answers
38 views

Pure (almost) CSS Masonry

I developed this CSS Masonry. It works with a CSS grid with grid-auto-rows: 1px. There is a JS ...
3
votes
1answer
40 views

Showing a unique result based on options selected

I created a simple quiz in HTML/CSS and plain Javascript. There are three questions with two options each, so there are eight possible combinations of answers, and therefore results. You can only pick ...
1
vote
0answers
20 views

Repetitive light-box gallery code

I'm in the process of making a website for a friend of mine who wants to display both the tattoos he has made, as well as his paintings. The idea for the layout is to have a gallery for his tattoos, ...
1
vote
1answer
25 views

Using CSS grid to align content in a non responsive div

My job is to supervise a junior developer, but I am mainly a javascript developer and my CSS skills are a bit basic. However, I spotted some things in his CSS code that seem unorthodox to me. He ...
3
votes
0answers
87 views

JavaScript `localStorage` with `document.cookie` fallback for static web sites

The Code I've got things operating as desired so far and am hoping fresh eyes can point out any mistakes or bits that can be improved, a live demo is hosted and updated on GitHub Pages, Travis-CI ...
3
votes
2answers
143 views

Cat Scoring app

Can you please review my code and suggest why it may or may not be a professional looking code? I am just starting out as a programmer I am able to write code but I don't really know where I am right ...
4
votes
1answer
22 views

Showing a “back-to-top”-button after scrolling a certain amount

I have a "back to top"-button on the page, It should be visible after the user has scrolled a certain amount*. This means I have to add or remove a class active ...
3
votes
1answer
36 views

Two CSS grids side by side, one is scrollable, the other isn't

I've made a section of my site to have two grids side by side. On the left-hand side is one big static (sticky in my case) image, on the right-hand side is a (grid) long column of several other images,...
5
votes
2answers
82 views

Crystals Collector game with four clickable buttons

I'm a few weeks into javascript and had to make a simple "crystals collector" app. The app works as intended, but the code is obtuse and repetitive. I'd like to make the app work using just one on ...
0
votes
1answer
53 views

Register Script for a website [closed]

I'm still new in web development and I am trying to develop a website with free access to doctors listing with option of booking. This is a personal project that my local community can benefit. I ...
3
votes
3answers
46 views

Simple javascript code to create an image caption

I'm trying to become better at javascript and have written a simple script that just creates some html from getting some details from some elements (e.g. the image alt text) and inserts it onto the ...
7
votes
1answer
40 views

Bash script to encode images in base64 and generate a CSS file from them

These are the first lines of code I've ever written. I've been interested in the idea of learning to program for quite a while, but never really pulled the trigger, and now I've been playing around ...
2
votes
2answers
60 views

responsive login page (html/css only) [closed]

I'm working on a responsive login page (open source). Could you try to review a bit the code on Github ? ...
6
votes
3answers
235 views

Dynamically loading CSS files based on URL or URI in PHP

I have written out the following code in the head section of my document, which should load 3 separate style sheets for each page based on the URL/URI that the user is visiting. It is working as ...
3
votes
1answer
48 views

Partial Sudoku Verifier

To practice my JavaScript for future employment, I've decided to take up the challenge of writing a javascript sudoku verifier. This code only verify's one of the ...
6
votes
0answers
37 views

CSS image slider (no JavaScript)

HTML / CSS Slider. No JavaScript. Wanted to make an all CSS Image Slider. Though there are plenty of pre-made options setup a lot seem clunky or add a lot to load time. Have ideas for some more ...
2
votes
1answer
37 views

Searching for selectors not using document.querySelector/document.querySelectorAll

I had a technical interview the other day and failed a certain question: Given a CSS selector (can just be a class name, id or an arbitrary number of selectors), return the parent DOM ...
6
votes
3answers
379 views

Class Activity Calculator

Introduction Class Activity Calculator is an online application to calculate the students' class activity grades. The class activity grade (CA) is calculated based on the marks a student gets during ...
3
votes
1answer
170 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
1answer
51 views

blueBox dashboard Dribble design challenge

I have coded an UI from dribble design as a challenge and completed it but I think The CSS I wrote is really bad. I am a beginner. How can I improve my CSS?. One of the main problems is that I am ...
0
votes
0answers
25 views

HTML, CSS and JS Boilerplate using Webpack, Babel, Sass and BrowserSync

I am working on a html, css and js boilerplate for my projects. My goal is to have a setup where I can fire off npm run watch and all files are watched and compiled....
1
vote
0answers
20 views

CSS organization with BEM

I've recently learned BEM & SASS, and I'd like to know if my BEM syntax is correct. I'm trying to create just the header of this page: https://blackrockdigital.github.io/startbootstrap-agency/ ...
4
votes
1answer
81 views

Onclick radio buttons to change background color

We are displaying two radio buttons in page. Click on Radio buttons, it will change background color. Is there any way to improve the quality of the code? ...
1
vote
0answers
24 views

HTML & CSS best practices for this customer checklist control?

HTML & CSS ...
3
votes
2answers
48 views

Sliding marker on link hover with jQuery

The following code is for a vertical menu, where I needed a marker to slide down next to a link upon hovering over said link. Therefore I needed to change CSS properties of a HTML element (the top-...
3
votes
1answer
35 views

Sass styling with React components

I have put together a piece of what can be a much larger frontend in Reactjs. I just put together the component that renders to the user a list of airports and hotels as well as a header component. ...
1
vote
0answers
19 views

Versatile React component that maps style attributes

I'm creating a versatile component with styled-components that essentially just maps style attributes. I feel my type declarations seem inefficient in getting access to props. Is it appropriate to ...
1
vote
0answers
41 views

Behat Page Object Model

I have a working solution on a training exercise that I wish to improve as I feel there is a better way to utilize the form and get to the fieldsets etc using page model. HTML: ...
2
votes
0answers
43 views

Block YouTube iframes until user consents with cookies

I'm trying to embed YouTube video's on a website in a privacy-friendly way. The code doesn't load the iframes by default but shows a preview thumbnail overlayed with an info message instead. The user ...
1
vote
1answer
38 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 ...
0
votes
2answers
65 views

Improving the code of my About Page

I have completed my website and I'm super happy with its design, but I feel that how I reached this point can be made more efficient and genuinely improved. Note: I'm only looking for assistance on ...
1
vote
1answer
65 views

Generate a Style Tag and Append to a Document

Code Review I have two functions of styleAppend and getCss, which generate and append a ...
0
votes
0answers
30 views

Showing and hiding information with photos

I have been given an extremely loose design to follow: a page must show people's photos and name in a text overlay over the image, and when clicked a bio shows below. Must Haves Photo, text overlay ...
7
votes
1answer
126 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. ...
1
vote
1answer
61 views

Create HTML page to document contents of directory

I often work on embedded system projects in which I have a number of documentation files, such as microprocessor datasheets, schematics, bills of materials, etc. I find it convenient to create a ...
3
votes
3answers
86 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 ...
1
vote
1answer
56 views

JS Simple Image Slider

I'm currently learning some javascript and I've been getting up to scratch with ES6. I have learned the basics and continued to build things that I've wanted to build in Javascript for a long time. I ...
1
vote
1answer
113 views

Upload and drag the image inside a mask image

I am allowing users to upload and drag images with this code. Give me a review of this. Codepen ...
3
votes
1answer
73 views

Simple HTML website with CSS

I've made a simple website from scratch using HTML and CSS, for practice purposes only. I got the website to look the way I want but I would appreciate some feedback on the code, especially the CSS ...
1
vote
0answers
10 views

CSS 3D contact icons

I was playing arround with some CSS and ended up in making some 3D hover icons with font awesome. I wanted to ask for some feedback on my CSS: Best-practices, any other comments, maybe bad things ...