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).
146
questions with no upvoted or accepted answers
6
votes
0
answers
257
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:
...
- 418
6
votes
0
answers
2k
views
Decode HTML Entities in VBA using regex and dictionary
I receive HTML-encoded text that includes named and numbered entities, and I need the decoded HTML.
There were just too many bad solutions for this online.
I use regex pattern ...
- 1,959
5
votes
0
answers
114
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 ...
- 159
5
votes
0
answers
5k
views
Todo list with calendar
The app is a todo list with a three-day calendar. Users can add and remove lists and it's all stored in local storage. My aim was to use vanilla JS but I did use jQuery for the date picker.
I'm just ...
- 51
4
votes
0
answers
174
views
constraint solving graduation using HTML Parsing, pandas, and z3
not sure if this project fits on code review, but my code is getting extremely messy, and would love some tips to clean it up!
Overview
The project is designed to take in an HTML file (a degree audit),...
- 179
4
votes
0
answers
63
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 ...
- 51
4
votes
0
answers
53
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 (...
- 41
4
votes
0
answers
1k
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 ...
- 141
4
votes
0
answers
1k
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 ...
- 216
4
votes
0
answers
46
views
Parsing root-level elements out of HTML fragment file
I have the following code written in NodeJS, using the parse5 library. It's purpose is to parse out the root-level elements in a file containing HTML fragments (Vue ...
- 181
4
votes
0
answers
1k
views
Using Excel Cell StyleElements to Style HTML Document
CellStyleCSS class creates css based of Excel Workbook CellStyles. This class is used in conjunction with TagBuilder class, ...
user109261
3
votes
0
answers
70
views
Command line notebook
I used Python and a little bit of JavaScript using the (Python) modules Dominate and Flask to create a web app that somewhat resembles the Jupyter Notebook though with very basic functionality. I ...
- 143
3
votes
0
answers
58
views
Sneakers store UI challenge
So I have been coding for just under 6 months now. I've made many projects but I don't have a clue if I am writing good code. So I did this frontendmentor challenge which includes HTML CSS and JS. It'...
- 33
3
votes
0
answers
74
views
Simple Markdown Blog
this is my first real website I created after learning about web development.
It's amazing to me that anyone would spare their free time to code review strangers' code. So thank you in advance. I'd ...
- 31
3
votes
0
answers
284
views
Creating Multiple Carousels by storing them in an Array with JavaScript
I created a code where I can add multiple carousels to a page. I did this by storing the carousel in an array and accessing it by clicking on the previous/next arrows.
I was trying to prevent any ...
- 31
3
votes
0
answers
65
views
Travel agent website
I've created a travel agent website, I would like to know how can I improve, DRY my code and how to increase performance - I tinified img's but the bottom one I've made in PS takes much time to load.
...
- 377
3
votes
0
answers
30
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 ...
- 191
3
votes
0
answers
60
views
Reduce cluttering in a VPN initialization dance implementation (html, xml extraction and api calls) in Go
I'm still rather new to Go and I wanted to convert a part of a Python script I wrote a while ago to perform the VPN initialization dance (basically a set of API calls + parsing to fetch an auth cookie ...
- 1,131
3
votes
0
answers
570
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 ...
- 31
3
votes
0
answers
340
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 ...
- 976
3
votes
0
answers
202
views
Dynamic Bootstrap 4 modal using JavaScript OOP
I have created dynamic Bootstrap 4 modal using JavaScript OOP. Please verify and give your reviews how I can improve the code. I have passed four parameters to create a dynamic modal:
...
- 31
3
votes
0
answers
3k
views
Event Calendar in JS, CSS, and HTML
I repeated a lot of code here and I'm trying to use more ES6 but I'm not sure where I should have used it in my code. I'd appreciate any input on where I could improve.
GitHub
...
- 141
3
votes
0
answers
97
views
Simon game made with ECMAScript HTML and CSS
How does my HTML and CSS look? I'm a beginner so I have no idea if this is good design or not.
Is there an easier way to copy and paste code here? Everytime I paste my code in here and use CTRL+K, ...
- 141
3
votes
0
answers
2k
views
Converting HTML input characters to asterisks after a given time
I tried for fun implementing a function that converts HTML input characters to asterisks after a given time. What do you think about my approach and how would you do it?
...
- 315
3
votes
0
answers
991
views
Sync textarea text with jstree nodes
I'm trying to retrieve all the nodes of a jstree and display the data on a textarea, this strange code is working fine, but the execution is very slow, it takes an ...
- 133
3
votes
0
answers
731
views
Timepicker React component
I have developed a simple timepicker component. I did this only for learning and getting more familiar with reactjs. The feature this timepicker will have
a) Select time in AM and PM
b) Convert am/...
- 211
3
votes
0
answers
1k
views
D3 Force-Directed Graph with Numerous Functionalities
I have a d3.js force directed graph that is driven by the code below. I am relatively new to d3, and much of the code is pieced together from various examples found online. If anyone has a moment or ...
3
votes
0
answers
315
views
Ruby on Rails portfolio website
I've been learning Ruby on Rails for the last few weeks. I've decided to do a portfolio website using Ruby on Rails to showcase all of my projects. Can you look through my code to see what you think?
...
- 401
3
votes
0
answers
71
views
Remove pre-loader animations when all assets on page become available
This code starts when the page loads and when all assets become available, it removes pre-loader animation and page becomes visible.
I know some functions has code repetition, but it can await ...
- 31
3
votes
0
answers
59
views
Reusable, manipulatable plots
I'm interested in mimicking a simple version of Mathematica's Manipulate function in javascript. This is my first project in javascript, but I was hoping to make a library that I can use to quickly ...
3
votes
0
answers
73
views
Creating an observable stream of clicks and converting it to an iterator
Problem 1
StratifiedJS allows people to cleanly create observable streams using the Stream class from sjs:sequence:
...
- 131
3
votes
0
answers
100
views
Fluid HTML email template
I created this as a template for our email marketing team to use when creating emails. For fluid/responsive behavior, I am using max-width and conditionals for clients that do not support it (e.g., ...
- 31
3
votes
0
answers
96
views
Web based Simon clone
I wrote a Simon clone in JavaScript, HTML, and CSS. It's extremely simple, but turned out fairly well.
I'm looking for general feedback, as well as these things specifically:
I opted to try to do ...
- 16.3k
3
votes
0
answers
87
views
Knowledge base app using MEAN stack
I've been working on an app based on the MEAN Framework. I have got the app working but I just wasnt sure whether my coding structure and standard was good enough, meaning does it adhere to the ...
3
votes
0
answers
6k
views
Simple minesweeper game in JavaScript
I created a simple minesweeper game as I am trying to get my hands dirty in JavaScript. I have tried to use the oops while doing this.
I am posting 3 files:
index.html
minesweeper.js
minesweeper.css
...
3
votes
0
answers
53
views
Search Class with Static Methods
Most of my programming experience is in PHP, and I have always been a bit wary of JavaScript.
I have a JavaScript class to manage executing, caching and displaying search results.
...
- 415
3
votes
0
answers
137
views
Using Nokogiri to scrape Oscars winners from Wikipedia
I am scraping a Wikipedia page, getting info from that page and instantiating a new object with the information collected:
...
- 223
3
votes
0
answers
618
views
Responsive bullets with horizontal and vertical centered HTML content
In my current project I develop a responsive site which has only on desktop a fixed width. Otherwise it's fluid. My client or rather my art director ;) want's fluid bullets with horizontal and ...
- 131
3
votes
0
answers
3k
views
File input control with rounded buttons and styled textbox
We have orange rounded buttons as a standard on our site. For our purposes, we switched everything over to use an anchor tag, instead of input type=button. The exception to this was the File Upload ...
- 31
2
votes
0
answers
45
views
Connect Four AI vs. AI match in Javascript
This time, I have a Javascript program that runs a Connect Four match between two Alpha-beta pruning based AI bots. (See this page.)
ai-battle.html:
...
- 29.1k
2
votes
0
answers
40
views
Colorproof dust effect
A combination of various css transitions (background-color, box-shadow, opacity, ...
user279820
2
votes
0
answers
277
views
Multi Step Form using React
I recently completed the Multi-Step Form Challenge on Frontend Mentor using React, and I'm eager to receive constructive feedback on my code. I've put in a lot of effort to make the form functional, ...
- 143
2
votes
0
answers
74
views
My Electronics Project Blog
I have been wrapping up the markup for my personal electronics project website, https://www.salvagedcircuitry.com. I write about designing, repairing and producing electronics, along with some ...
2
votes
0
answers
61
views
Simplified HTML parsing for LEGO features
The goal is to extract the the Features section from a Lego product page. In the Features section, usually there's a header (...
- 699
2
votes
0
answers
90
views
Dropdown menu that visually includes the toggle button in it
I'm a beginner in front-end development and tried to make a dropdown menu that includes the toggle button within the menu, instead of opening a separate menu besides the toggle button. I went with ...
- 21
2
votes
0
answers
173
views
Accessible nested multiselect list
I'm trying to figure out the most accessible and semantic way to allow users to select one or more options from a hierarchical list. Think a taxonomy of categories and subcategories.
I came across a ...
- 326
2
votes
0
answers
36
views
Numbering sidebar elements based on start/finish variables
I've created a numbering system that compliments another javascript library for numbering documentation.
I know this can be done in CSS but because this gets rendered and outputted as static HTML ...
- 171
2
votes
0
answers
75
views
A simple recipe page in HTML, SASS and JS
I've been learning how to design responsive webpages. I got done the basics and can create code that closely resembles the design, but I was wondering what are the best practices in web development ...
- 121
2
votes
0
answers
48
views
Creation of a header file
So I've created this Header to include in all my PHP files, and think everything works as it should for now. But since it's the first time I'm creating one, I wanted to have it reviewed just to learn ...
2
votes
0
answers
73
views
Chess quiz web site
I'm working on a personal project to build a website that quizzes users on chess opening theory moves. I know my code is not very object-oriented but I am working on refactoring it right now. I just ...
- 21