Questions tagged [html]

HTML (Hyper Text Markup Language) is the standard content markup language of the web. It is an open standard developed and maintained by W3C (World Wide Web Consortium).

Filter by
Sorted by
Tagged with
1
vote
0answers
19 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 ...
4
votes
1answer
73 views

Simple pomodoro

I would like a code review for my simple pomodoro utility web page because I want to improve my coding ability. ...
8
votes
2answers
238 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 ...
4
votes
1answer
71 views

Request feedback for basic calculator

I would like request for a code review and feedback my calculator web page because I want to improve my coding ability. Basic calculator ...
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, ...
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
57 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
29 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 ...
2
votes
0answers
14 views

Liquid includes Share Page

This week I published a project that aims to enable sharing Jekyll built pages on various social media platforms, without unnecessarily degrading client privacy; ie. it does not call-out to those ...
3
votes
3answers
76 views

JSX render method in react

Following is the piece of code which is working fine, but somehow it looks bit odd to me to have a function inside a render method and using it in both conditions. Let me know how can I improve this ...
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
1answer
27 views

Temperature record of Fridges Project

Goal: I have thought of a project to create and came up with this goal of: "To record temperatures for different Fridges or Freezers." Current situation I have a working method to get data ...
6
votes
2answers
347 views

Carousel image slideshow script

I have learned to make a carousel image slideshow script with JavaScript. I think it's better to learn it from the basic than just from the framework (instant script), but I'm a newbie. I wrote this ...
7
votes
1answer
110 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 ...
1
vote
1answer
27 views
1
vote
0answers
21 views

Liquid includes HCard module

The source code of this project aims to enable defining contact information either via FrontMatter or named parameters, and having that information then formatted to HTML that is both human and ...
1
vote
2answers
110 views

How clean is my close_account code?

Hello i'm coding a social site and I need to know how clean this code is. I read other answers people told me from my previous questions like this and used it as guidelines. So now I wanna know if ...
1
vote
0answers
22 views

User Friendly Comment and Answer System for SharePoint Site

I am seeking help in improving my question and answer system I developed for my office SharePoint site. The question and answer system features two-columns and in the each columns is a table. I have a ...
3
votes
1answer
101 views

How secure is my login and signup code

I am creating a social network and I've been told a few times a lot of things are outdated and prone to SQL injections so I am going over everything with a very fine comb and checking what's good and ...
2
votes
1answer
106 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 ...
3
votes
1answer
38 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 ...
5
votes
1answer
4k views

Truncating text with jQuery but keep the HTML formatting

I repeat here this answer on Stack Overflow. I first posted an answer with not finalized code, as a simple description of the solution I could think, without any test. But later I remained interested,...
1
vote
1answer
44 views

Merge Sort Visualisation JS [closed]

...
4
votes
1answer
1k views

Static quiz module with predefined answers

I was building a quiz module for one website. It is a simple true/false statements where you first choose the answer, the correct answer is displayed, and then you can move forward to the next ...
3
votes
1answer
54 views

Social network login and registration forms

I am building a social network with PHP, HTML and CSS and a bit of JS. I want to know how secure my login and register code is. Register html: ...
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 ...
2
votes
0answers
23 views

Simulate sliding range selector with string values

I need to have a range selector that accepts string values instead of integer value. This is not possible with standard HTML, so I needed to simulate one by using (hidden) radio buttons that are ...
3
votes
1answer
44 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 ...
3
votes
4answers
114 views

Digital Clock Script

While learning JavaScript I thought it was a good idea to make a digital clock program. I followed a youtube tutorial (with some tweaks to my preference) and came up with my final code that I have. I ...
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 ...
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 ...
2
votes
1answer
1k views

Composing an HTML email body in PHP swiftmailer

The following code is what I'm using to send a password reset email. The specific part I'm referring to is how I'm setting $message. Would there be a cleaner way to ...
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
3answers
544 views

Simple Calculator Script

I written my own calculator script in javascript! It is a basic one, but works really well. I am just wondering if there is any way to make this script more efficient & clean. On first look, I ...
2
votes
0answers
29 views

SHA-256 implementation in JS (core codes)

As told by experts, I am re-posting the code review request with the code. Brief Description: from outside sha256() will be called with parameter having UTF-16 character set. then after prepareData()...
1
vote
3answers
77 views

Showing a unique result based on options selected [closed]

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 ...
2
votes
3answers
113 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
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: ...
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 ...
3
votes
0answers
34 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: ...
4
votes
1answer
40 views

Code Refactoring for Dynamic List in Angular 8

With a specific requirement of showing/hiding the pages, the following implementation has been carried out. The pages which needs to be hidden will be provided through an array ...
5
votes
1answer
69 views

Caesar Cipher [The Odin Project-Javascript Exercise]

Very new to coding, so please don't bully me. Implement the legendary caesar cipher: In cryptography, a Caesar cipher, also known as Caesar's cipher, the shift cipher, Caesar's code or Caesar shift, ...
2
votes
0answers
17 views

Localization of multi style text element in Vue

After following up this question, I'm thinking if there's a better/shorter way to write this text element that has part with different style, while allowing localizations: ...
1
vote
1answer
35 views

Incrementing and decrementing 3 seperate input values by 1 using Javascript

I have written the following Javascript code which increments and decrements 3 separate inputs by 1: ...
2
votes
0answers
26 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
49 views

Javascript - Extract data from html table

I want to extract the headers data and column data (not row data) from an HTML table using JavaScript. Is this a good approach of doing it? And how can I simplify this using jQuery? ...
2
votes
0answers
31 views

Email Service - Sending an email with azure blob storage Version 2.0

Now implemented changes suggested in my previous post and now am back again for the internet to tear me and my shitty code down. PatchNotes Extracted templateRetriever class from the email service ...
4
votes
2answers
525 views

Small Javascript elevator simulation

I created a small Javascript elevator simulation that works as expected, however, being pretty new to Javascript I can t help but feel like this code in unnecessarily complex. Honestly any feedback ...
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 ...

1
2 3 4 5
33