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).

169 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
6
votes
0answers
82 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 ...
6
votes
1answer
5k views

Personal website in Jade and Stylus

I have written the following code for my personal website, in Jade and Stylus. Can anyone review this code? Are there any tips that you can give me on how to make it better? GitHub main-page.jade: <...
5
votes
1answer
42 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 ...
5
votes
0answers
14k views

Spring MVC dynamically adding form elements

I made a simple form with an option of adding one text field dynamically on mouse click. And I will be grateful for suggestions on how I may improve the code. ...
5
votes
0answers
1k 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 ...
4
votes
2answers
173 views

Blogging application with Codeigniter back-end and AngularJS front-end

I am working on a blog application with Codeigniter 3.1.8 and AngularJS v1.7.8. The Dashboard of the application is "pure" Codeigniter, with Models, Controllers, and views, while the fronted is made ...
4
votes
0answers
34 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 ...
4
votes
0answers
964 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, ...
4
votes
0answers
567 views

Angular JS photo app for personal cloud

I've been working on my first Angular JS app for the past few days. It's in a very early stage (no real functionality), but that will only make it easier to review what IS there. The client side is ...
3
votes
0answers
53 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 ...
3
votes
0answers
94 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
0answers
43 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: ...
3
votes
0answers
71 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 ...
3
votes
0answers
81 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, ...
3
votes
0answers
1k 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? ...
3
votes
0answers
685 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 ...
3
votes
0answers
328 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/...
3
votes
0answers
664 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
0answers
208 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? ...
3
votes
0answers
61 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 ...
3
votes
0answers
50 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
0answers
59 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: ...
3
votes
0answers
38 views

Create archive webpage for newsletters based on nested array

I am creating a webpage for my newsletter archives. The archives are divided by year (currently there is only 1, but there could be many), then by topic, before listing each newsletter. There will ...
3
votes
0answers
82 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., ...
3
votes
0answers
77 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
0answers
2k 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 ...
3
votes
0answers
5k 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
0answers
45 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. ...
3
votes
0answers
115 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: ...
3
votes
0answers
549 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 ...
3
votes
0answers
2k 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 ...
2
votes
0answers
21 views

Angular ng-for Odd/Even Scenario

I just want to create masonry vertical layout with two divider .card-lef`` and.card-right`. Anyone have an idea to place ...
2
votes
0answers
17 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) ...
2
votes
0answers
41 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 ...
2
votes
0answers
47 views

Wait for an element to exist in DOM before clicking it

Here is the problem: some script is injecting some HTML5 elements (actually a button with the #thebutton ID) to the current DOM. But this is a third party script ...
2
votes
0answers
25 views

Access object in an custom attribute efficiently

Im trying to access the attribute directly in the parent component, that why Im using the ref method. here an example of why Im trying to achieve: https://...
2
votes
0answers
111 views

Javascript contact picker

I'm developing a web app that will be used privately by a company (no need for SEO and old browsers support). I made some interactive components (calendar, file manager, etc) that I am not sure if I ...
2
votes
0answers
23 views

KaTeX extension to Markdown

I've created a JS snippet to enhance markdown at display-time with KaTeX math rendering. (Specifically, this is mostly for documentation of math-heavy libraries where the host language documentation ...
2
votes
0answers
60 views

Vanilla Javascript code to sort nested tables

I have written a code to sort a main table containing tables in each of its rows. Here I am trying to sort the table by first sorting the rows in each of the main rows and then sorting the table from ...
2
votes
0answers
369 views

My first vanilla Javascript shopping cart

I made a vanilla Javascript shopping cart using sessionStorage. This way users can navigate pages without losing data. The checkout form sends to paypal. A self invoking function initializes event ...
2
votes
0answers
655 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 ...
2
votes
0answers
1k views

FCC: Product Landing Page - HTML & CSS only

I have created a product landing page for a freeCodeCamp responsive web design project which requires me to create a "Product Landing Page". Requirements to keep in mind: ...
2
votes
0answers
28 views

Moving a div to a different parent, which also moves, using matchMedia

I'm very new to JavaScript so I thought I'd ask for someone to have a quick look over this to make sure it isn't brittle, buggy, or completely unnecessary. It may be all three. I also thought it might ...
2
votes
0answers
2k views

Pure CSS Responsive Show more / Show less

I have put together a CSS snippet to responsively display a Show more / Show less button if content of list cannot fit 1 line (1em) when you resize the window using pseudo-elements. Currently, I have ...
2
votes
0answers
76 views

A simple “couple creator”

I just made this simple generator as a side-project to one big project I'm working on (demo on github pages here) and would like some opinions, feedback or suggestions on how to improve it. I hope you ...
2
votes
0answers
38 views

Simple Test Website

Just want to know if I used CSS Grid properly along with flex. I always have that feeling that what I'm programming can look better and be shorter, etc. Thoughts? ...
2
votes
0answers
31 views

My navbar menu with two differents formats/styles

I have a navbar menu with two styles: First one is a tranparent menu. I use it when the page charges. Second one is a scroll and responsive (not yet) menu. I use jquery to transform the first menu ...
2
votes
0answers
4k views

Bootstrap 4 multi row navbar with big branding

I'm an asp.net web forms app using, for the first time, Bootstrap 4 as a responsive design framework. I've built a 2 row header navigation with big branding on the left, where the branding spans both ...
2
votes
0answers
36 views

Remove General sibling on Keyup

I am creating a search filter using jQuery and implementing Array.prototype.filter(). What I have done is that I call the ...
2
votes
0answers
49 views

Display results from a JSON response based on game type

This code currently works with no errors. I want to know if there is a way to improve its conding structure, as there is a lot of repetition and it looks really bad. I tried an alternative way by ...