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
12 votes
4 answers
66k views

Different way of writing multiple click functions

I have the following .click() functions: ...
khollenbeck's user avatar
3 votes
1 answer
207 views

Simple HTML website with JavaScript navbar

The following code is a website with a nav-bar on it. It uses some simple JavaScript to make it work: index.html: ...
Julian Lachniet's user avatar
22 votes
4 answers
828 views

HTML tag encoder

library.php My own HTML tag encoder that will print HTML codes according to the input. ...
John Isaiah Carmona's user avatar
15 votes
2 answers
2k views

Markdown to HTML

...
bjb568's user avatar
  • 659
12 votes
2 answers
840 views

In-browser syntax highlighter

I've made a simple in-browser syntax highlighter using JQuery. It's pretty simple, it just wraps keywords, integers, and such in <span> elements with color ...
Ethan Bierlein's user avatar
10 votes
2 answers
216 views

Html rendering framework with dynamics

I came to the conclusion that the previous framework was too complicated and not easily extendable so I tried it again but this time with dynamics. It's much much shorter and I think it's much easier ...
t3chb0t's user avatar
  • 44.3k
7 votes
1 answer
173 views

HTML-rendering framework for emails

Sometimes I need to auto-generate html-emails. To make this task a little bit easier I created a simple framework that takes care of rendering HTML. Because I'm mainly interested in generating HTML ...
t3chb0t's user avatar
  • 44.3k
7 votes
2 answers
298 views

Cardshifter website meta-tags for SEO

I have written the following meta-tags for SEO, please let me know if you think this could use any improvement. I have used this article to help me put it together. I have left out the page content on ...
Phrancis's user avatar
  • 20.4k
6 votes
1 answer
405 views

JavaScript module to render and handle a form to add users

I recently switched to modular JavaScript and really like the idea of having the state of your application in JavaScript and not in the DOM. I want to know if what I am doing is considered best ...
Michael's user avatar
  • 161
5 votes
4 answers
470 views

Calculate Final Grade: follow-up

I'm creating an online calculator to get the average grade of different tests my students take and also the final grade. I wonder if you see any problems in this update or any way to improve it: <...
Mori's user avatar
  • 95
5 votes
2 answers
783 views

Visit each HTML element and apply inline CSS

I need to apply some css styles to an IMarkupElement. The generated HTML is only for emails so all styles are inline styles and the selectors are very simple, just ...
t3chb0t's user avatar
  • 44.3k
5 votes
1 answer
291 views

Review of HTML markup for this blog concept

I am creating a blog concept with this layout on CodePen Here is my current code in development ...
JGallardo's user avatar
  • 1,218
3 votes
1 answer
323 views

Contact form with spam-prevention

Idea After a handfull of small javascript-projects, I also wanted to work a bit with php now. I decided to create a simple contact-form. Of course, I wanted it to be as spam-save as possible, so I ...
user avatar
2 votes
2 answers
122 views

Dijktra's Algorithm Visualizer

A couple months ago I made an interactive dijktra visualizer that allowed the user to setup the map nodes and run the algorithm. I thought it was a good way to solidify my algorithm and html/css ...
Tlomoloko's user avatar
  • 637
1 vote
1 answer
368 views

Adding, deleting elements as per autocomplete results

I am working on a bookmarker project for replacing storage of bookmarks in a web browser. It will be storing bookmarks as per categories in a database. I have written some jQuery for the WIP search ...
Aseem Bansal's user avatar
  • 2,259
0 votes
2 answers
375 views

Write an anonymous function validating email address

Problem statement Write an anonymous function which take email address as parameter and returns true/false after validating the input parameter. Objective This assignment will help you ...
overexchange's user avatar
  • 3,331
41 votes
8 answers
17k views

Rendering a person's time clock record in HTML, with many color-coded conditions

I have coded this mess of JavaScript and a bit of jQuery. Everything here works perfect as intended, however it is a real mess. What would be the best way to clean this up with best practices and ...
Josh Kirkpatrick's user avatar
27 votes
3 answers
2k views

View for Ultimate Tic-Tac-Toe board

I've put together a board for Ultimate Tic-Tac-Toe (What's that?). This is part of the current code-challenge: Code a Ultimate Tic-Tac-Toe Resources: Live demo of my view – For you to see what ...
kleinfreund's user avatar
  • 3,681
19 votes
2 answers
45k views

Tic Tac Toe in plain JavaScript

I have created Tic Tac Toe game using plain JavaScript. Can any javascript expert review it and let me know whether the way I have written JavaScript code that is right (preferable)? I am unsure that ...
Sharath Bangera's user avatar
17 votes
3 answers
14k views

Testimonial section with HTML tags

I created this testimonial on CodePen I am a bit skeptical about a few things in my HTML structure. For example, I typically see testimonials enclosed in ...
JGallardo's user avatar
  • 1,218
17 votes
5 answers
142k views

Sorting an HTML table with JavaScript

The following code sorts an HTML table with JavaScript (without using any external libraries like jQuery). Are there any shortcomings or possible improvements I could make? ...
Sharanya Dutta's user avatar
15 votes
3 answers
544 views

Website template for Cardshifter game

I'm putting together a template for easy formatting of content pages, to be used in putting together a website for an online trading card game. I've been using the Bootstrap library (and finding it ...
Phrancis's user avatar
  • 20.4k
14 votes
3 answers
288 views

Mission impossible: beat everyone else to the queue

Your mission, should you chose to accept it, is to beat everyone else to the review tab so you get a chance to help out. This is a problem I've been running into lately. I go over to review tab, find ...
SirPython's user avatar
  • 13.3k
13 votes
4 answers
2k 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, ...
user avatar
12 votes
7 answers
590 views

Music Theory Website

I was just curious to know what you think about this website I'm designing. I would just like any constructive feedback that you might have. http://jackatron.web44.net/music/ ...
Jackatron's user avatar
  • 123
12 votes
2 answers
361 views

Prorated refund calculator

I wrote this little piece of script for my workplace (insurance, etc.) to help our admins, as a light and simple file I can just email to my colleagues. The purpose of it is to calculate a prorated ...
Phrancis's user avatar
  • 20.4k
12 votes
3 answers
1k views

Blog site generator written in shell script

Since I am not a fan of having using large web-frameworks and libraries just to setup a simple blog, I decided to write my own static blog site generator in pure shell script. The script uses pandoc, ...
766F6964's user avatar
  • 901
11 votes
3 answers
2k views

IP address detection code

I am using PHP for detecting a user's IP address and displaying their details, and I use OOP (i.e. object-oriented programming). Are there any problems in it or is it well-written? index.php: ...
Pscho's user avatar
  • 29
11 votes
3 answers
240 views

OOCSS: Is this broken down too much?

Philosophical question: How far should I break down my objects? Inuit.css and Bootstrap have islands, islets, wells, grayboxes, and other objects that have repeating properties. I don't think it was ...
Eric Harms's user avatar
11 votes
3 answers
4k views

Ultimate Tic-Tac-Toe Challenge

This is my attempt at the Ultimate Tic-Tac-Toe code challenge. It uses jQuery to build out the game grid and find the states of all the "buttons" (actually ...
Cameron's user avatar
  • 631
11 votes
3 answers
3k views

Simple dice game - JavaScript MVC implementation

I did a simple dice game using what I learned about separating the 'view', 'model', and 'control'. I am quite clear on what the model is (it's the data and state). But I'm a bit confused on the ...
catandmouse's user avatar
10 votes
1 answer
615 views

Cardshifter login page using vanilla JavaScript

I'm working on rewriting the Cardshifter HTML Client with vanilla JavaScript, the original HTML Client is written with Angular but I really wanted to stay away from anything npm and just go back to ...
Phrancis's user avatar
  • 20.4k
10 votes
2 answers
1k views

Strict and clean HTML and CSS for teaching website

We are in the process of creating a book with the purpose of teaching people the art of html and CSS to create a website from scratch. In our book the focal point, so to say, is that the reader is ...
Steeven's user avatar
  • 203
10 votes
2 answers
180 views

Member list reveals member information on click (#1)

What I'm doing? I'm creating a member-list where initially only the names are visible. Clicking the names reveals the member information. This is done with jQuery by adding/removing classes. I left ...
kleinfreund's user avatar
  • 3,681
9 votes
2 answers
318 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 ...
user avatar
9 votes
2 answers
691 views

Animated Calendar using HTML + CSS + JS

I'm a beginner developer and I'm building a calendar for smartphones. I'm using HTML, CSS and JS. I'm not entirely done with the project yet, however, I have the feeling that I'm making a messy code. ...
LUCAS DE BIAZI FERREIRA's user avatar
8 votes
1 answer
298 views

Markdown to HTML, again

I made another markdown parser. (original, this one on github). Look, I'm not crazy (sorta), I just like making markdown parsers… ...
bjb568's user avatar
  • 659
8 votes
2 answers
2k views

Simple comment system

This is a comment system that I wrote, is it secure? ...
HeyItsProdigy's user avatar
8 votes
2 answers
2k views

Web page code based off of a responsive Initializer template

Please review my code based off of a responsive Initializr template. It's functional and visually correct, but I know there's better ways to write the code. Let me know if I can layout the HTML5 ...
Conor's user avatar
  • 297
8 votes
2 answers
499 views

Improve page-specific CSS for different color schemes

For a website with four pages (blog, portfolio, profil and impressum) I have four different color schemes (for links, headings, code, etc.). This results in bloated CSS which I want to reduce. Here ...
8 votes
1 answer
684 views

HTML Parser (using SAX)

Got bored writing a review on an HTML parser and decided I wanted to try. So I threw this together to see I could parse an Amazon page. ...
Martin York's user avatar
  • 95.1k
7 votes
1 answer
2k views

Recreating the Google Homepage for The Odin Project

I am trying to recreate the Google homepage as part of a The Odin Project task. I had a hard time lining up the top right hand menu bar - should I have done it differently? Was the way I did it the ...
Addioioi's user avatar
  • 191
7 votes
1 answer
2k views

Plugin that conditionally displays elements based on form values

I've just released a jQuery plugin that conditionally displays elements based on form values. I would appreciate any suggestions on how to improve both the code and its usefulness. Here's the demo ...
natedavisolds's user avatar
6 votes
1 answer
541 views

Resizable split DIVs Vue.js

I just started Developing Web App (Vue.js) for my company for around 1-2 months. Therefore, my knowledge and experience in HTML, CSS and Javascript is kinda shallow. I've created a custom resizable ...
Muhammad Azizi Abdul Aziz's user avatar
6 votes
3 answers
20k views

String replace templating utility

I am new to Python and I am writing my first utility as a way to learn about strings, files, etc. I am writing a simple utility using string replacement to batch output HTML files. The program takes ...
Christopher Pearson's user avatar
6 votes
2 answers
493 views

PHP Mandelbrot Set Generator

I need to get familiar with web programming, so I decided to write up a fairly simple PHP page that accepts GET requests and serves back an image of the Mandelbrot set... as a table of colored cells. ...
Carcigenicate's user avatar
6 votes
4 answers
691 views

HTML Editor: online HTML editor with real-time preview

Overview HTML Editor is an online HTML editor with a minimalist approach. Edit your HTML, CSS, and JavaScript code and monitor the instant live preview. It can also create, open and edit other types ...
Mori's user avatar
  • 95
6 votes
2 answers
2k views

Cake-ordering form and calculator

I’m a designer learning to code and I’ve built a simple form calculator for ordering cakes. I would love it if you could show me how to make the code more idiomatic. How can it be more consistent, ...
Tzar's user avatar
  • 94
6 votes
3 answers
10k 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 ...
RedDragonWebDesign's user avatar
6 votes
3 answers
426 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 ...
Mori's user avatar
  • 95