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
1
vote
0answers
21 views

How can I make the quickview open in mobile? [closed]

The current code works well in browsers and smoothly opens product quick view, but I want an option for opening the quick-view trigger on mobile screens. Currently, it shows no option for user to open ...
8
votes
2answers
251 views

Follow-up: Javascript Syntax-Highlighter for Java

Background The basics of this project have already been discussed here. I've improved the following things: Sᴀᴍ Onᴇᴌᴀ mentioned that I shouldn't use multiple elements with the same id. I corrected ...
1
vote
0answers
18 views

Survey page - is using a table the best way to get all fields to align?

The code below was for a code camp project and done in Codepen (so the CSS is automatically referenced). Here is the link: https://codepen.io/andyzam/pen/mdVvrLB I wanted the input fields to align ...
4
votes
0answers
58 views

Created a paperfold like effect

I am trying to recreate a neat effect that I saw posted on Stack Overflow as a GIF . I am trying to recreate this with CSS and JavaScript and I have created a similar effect with a button press. I ...
1
vote
1answer
30 views

Volunteer Signup Website Homepage

I'm doing an exercise where I pick an existing webpage and I code its front end (in HTML and CSS) from scratch, just by looking at it. I started off with an easy one. It would be great if somebody ...
11
votes
4answers
1k views

Javascript Syntax-Highlighter for Java

Project I wanted to create a syntax highlighter for Java using JavaScript, HTML and CSS. It uses regular expressions to find the parts that should be highlighted (at the moment: keywords, strings, ...
4
votes
1answer
53 views

Improving the speed of the injection of class element selectors to HTML tables (sometimes nested) at scale through loop iteration or other methods

Background and Code I am using the following JavaScript code to inject CSS classes into a webpage after the page has loaded. These classes act as selectors that I can use to pinpoint a table cell to ...
1
vote
0answers
16 views

Static mockup of a website

I'm diving into front-end stuff for the first time. I thought a good way to get started was to try to do a mockup of a website. I took the top part of Microsoft's home page. Here's a link to the ...
3
votes
1answer
39 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 ...
7
votes
1answer
114 views

A simple tic tac toe game in Javascript/HTML/CSS

This is my first web app written in JS. I would like to know how the code can be improved in terms of style and structure, especially in terms of following JS's conventions and general heuristics. I ...
3
votes
0answers
28 views

CSS exercise of cloning background image

I believe I'm writing in the correct place. However, I'm not fully sure, and I am relatively new to Stack Exchange. If it is not, and can be moved by an admin/moderator in the correct place, please do ...
3
votes
1answer
45 views

Selecting a div with a blue border and changing its text

I have a function that I created in Codepen. It does what I want, where the div that you select gets a blue border and changes its text. But I would like to know if there is any way to make the ...
3
votes
1answer
87 views

CSS preview generator (in python)

Given a CSS file the script generates an HTML preview of all the CSS definitions by recursively drilling down the chain of nested classes, ids and tag names. Rules with ...
4
votes
1answer
62 views

Keyframes animation

Is there a way I could simplify this with Sass or JS? It works, but it's not what I'd call 'DRY' code. An alternate form I've tried is a Sass for loop but can't get ...
1
vote
1answer
32 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 ...
0
votes
1answer
37 views

Best method to further execute the DRY principle and/or raise performance in my script? (client login/signup system)

Just for practice purposes, I written a basic client sided login/signup system that allows you to make an account, and then log into the account from my webpage. What it does is append to an object ...
11
votes
2answers
309 views

Stack Overflow clone

I have to write a simple web application using the Java Spring framework as my course project. So I decided to write a simple Stack Overflow clone. My application has the following features: ...
5
votes
1answer
44 views

Custom react dropdown

Last night I had to build dropdown for the menu on the website that I'm working on. As I'm still React newbie I first looked if there is some package for what I'm trying to achieve but there wasn't, ...
2
votes
1answer
31 views

Stacked inputs with rows using flexbox

I am trying to create stacked inputs using flexbox, with the additional ability to also set rows. Here is the code: ...
2
votes
1answer
38 views

Refactoring string incrementing and duplicating function

I wrote this script and got what I wanted from it. However I'm looking for input on ways I can improve the function. My goal was to scrape a bunch of image links from a website I'd like to rebuild. ...
0
votes
1answer
25 views

Splitting a div and positioning an inner div

I have an outer div with... Width Number of slots the outer div represents The intent is to add a child div, but position the child div based on the start and end slot in the parent div. To ...
5
votes
0answers
49 views

12-column CSS grid system similar to Bootstrap

I am trying to build a 12-column CSS grid system very similar to Bootstrap. 4 breakpoints are supported: normal, sm, md, and lg. Anyway, here is the code: ...
1
vote
1answer
40 views

Generating a new web-page template and adding multiple new elements with pure JavaScript?

So, I am trying to generate a web-page template with JavaScript according to user specified values. I tested it with just background-color and made it working. I ...
-1
votes
1answer
42 views

Created Floating Widget with Materialize, but I'm concerned about impact on parent websites I embed it in [closed]

I am working on a custom bot UI with Microsoft Bot Framework. I found a template to create a floating widget with Materialize, however, it was for the "embed" version of webchat UI. My version uses ...
0
votes
1answer
59 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 ...
3
votes
1answer
45 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 ...
1
vote
1answer
37 views

How do I refactor this signup form without using SASS?

I made a simple signup form using this HTML. Am I separating my code properly here or is there some code that I could remove/change? The form looks good visually, ...
1
vote
0answers
27 views

Random Quote Machine with React and Bootstrap

For my first solo React exercise project I decided to recreate a quote machine from the example that uses vanilla JS/jQuery. I also used a mix of Bootstrap/plain CSS. I got it to look how I wanted and ...
2
votes
0answers
19 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 ...
1
vote
1answer
28 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 ...
3
votes
1answer
47 views

eCommerce Mock App

This is a follow-up question to eCommerce Mockup App in JS. How do I implement the 'observe' pattern for the cart to regenerate html? So that, it will keep refresh its own. And any review on my coding ...
5
votes
3answers
333 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 ...
4
votes
2answers
71 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
50 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
89 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
85 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
31 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
31 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
2answers
68 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
49 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
38 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
66 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
139 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
365 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 ...
7
votes
1answer
110 views

navigation bar with forward fading links

I'm fairly new to HTML and 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
56 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
142 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: ...

1
2 3 4 5
19