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).
3
votes
1answer
63 views
Simple jQuery photo slider
I'm fairly new to front end web development, but finally felt confident enough to create my own jQuery slider. I wish to receive constructive criticism about my code, how I can optimize any line of ...
4
votes
3answers
101 views
Changing color on button click
I have an html button that when the user clicks the button it will change color from blue to red and back. Is there a better way to do this in jQuery?
HTML/jQuery
...
3
votes
0answers
17 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 ...
5
votes
1answer
56 views
Single Page portfolio website
I have finished and launched my first website and would love some feedback/ideas for improvement. This is a single page website for the purpose of displaying my finished projects. I know that I have ...
3
votes
0answers
13 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., ...
0
votes
0answers
17 views
Using Flask-SocketIO in conjunction with Flask-WTF / WTForms to provide realtime form validation feedback
I am working on a user login using Flask and the following extensions: Flask-Login, Flask-WTF, ...
1
vote
0answers
31 views
Created a game of Simon using HTML, CSS, and JavaScript
Here is the JS Fiddle: https://jsfiddle.net/4jo9hvpk/
The code is fully functional. Could someone point out any mistakes in style? Any redundancies? I want to work on making my code look better and ...
3
votes
1answer
26 views
Basic ul li elements in JavaScript listeners
I am learning JavaScript and I have written a code snippet. Can someone suggest some improvements?
...
1
vote
0answers
29 views
Printing many-to-many relationships in an HTML/bootstrap table
I need to print the many-to-many relation ship in my tablet. However, I don't know what to do for my case: I tried tons of ideas, however, I may have done something wrong because nothing worked.
Here ...
1
vote
1answer
40 views
Website code for a client
This is for a client of mine: Enbridge Gas. I had to turn 2 .psd file into html and CSS. This client is my first real client by myself and I want to make sure my code is improved as much as possible. ...
2
votes
2answers
38 views
Retrieve data from json file and avoid HTML/JS tight coupling
I am retrieving data from a json object and even though code works I am not sure if I am following best practices.
In particular some of the objects seems too deep (like value.metadata.connections....
5
votes
0answers
47 views
HTML page compiling LaTeX code to nice mathematics display - 2nd attempt
I have this page that allows a user to quickly compile \$\LaTeX\$ code into a mathematical display. Whenever the user compiles the code, that page also generates an URL from which it is possible to ...
3
votes
2answers
121 views
Form validation library
Background:
After reading this thought provoking book I decided to write a small library as an exercise.
...
0
votes
0answers
28 views
Loading an animation with an Ajax request
I am not sure if this is the correct way to make an Ajax request and do the typical loading/processing GIF/animation while processing is happening and displaying the response.
HTML:
...
1
vote
1answer
22 views
Sidebar menu to hide or expand parts of a form
I have some of my code that I have tried to improve on to make it cleaner and efficient and I would like some feedback to see if I am going in the right direction with what I am trying to do.
I have ...
0
votes
0answers
13 views
Responsive Web form with Foundation for sites
I have made this web form for user registration. The requirement is that it can be used on different devices, respectively screen sizes.
With you tinkering I was able to make this current version ...
3
votes
1answer
30 views
Displaying user selection in the browser
I have the following script that reads JSONified data from within a DIV, generates HTML with values using JavaScript, then sends them to another DIV.
What I'd like to improve is to remove HTML from ...
2
votes
1answer
105 views
HTML generation in C#
I have a method that generates some HTML, but it looks ugly to me. Maybe there are some better solutions for this?
...
5
votes
1answer
112 views
Simple restaurant menu
As stated in the title, the code produces a simple drop-down menu that allows you to select your Starter, Main and ...
0
votes
1answer
61 views
Replacing DOM elements that have no attributes
The institution I work for uses an application that has an awful software bug causing useless <code>span</code> tags to appear next to "misspelled" ...
1
vote
0answers
24 views
Universal CSS template for global styles
I 'm trying to create a universal CSS template for global styles. I can not find unambiguous recommendations. After inspecting various sites, I have compiled the following template . I ask your advice ...
1
vote
1answer
45 views
Regex Tool in PHP
I'm looking for feedback about anything and everything to do with this short program. For example, is there a risk in not sanitising the data, and if so, how would I do that given the need for non-...
3
votes
3answers
71 views
Wikipedia Viewer
This is one of the projects on freecodecamp. I would like a review on my code. Thanks in advance.
Javascript:
...
1
vote
0answers
25 views
Formatting a CHANGES text file as HTML
I have a function which is used to convert text (a CHANGES file) into HTML for reading. The function is essentially line-based: if the line is of this type, do this thing; if some other type, do that ...
0
votes
0answers
12 views
My first form in BEM style + SASS
3 days ago I have found out about the BEM schemantic. I have googled a bit and tried to do my first login form with BEM + SASS.
One problem I had, was to find correct names. However in my opinion as ...
0
votes
1answer
47 views
Easy Print PHP From Data array or objects
I have created a PHP class to print into html easily from an array or object.
Using this class, you can get rid of multiple echo blocks or ugly concatenation ...
2
votes
1answer
42 views
Stranded messaging Angular web app - main template for all views to live within
I'm making an Angular web app to solve a pain with traditional messaging my friend and I had, of sending batches of messages (on multiple different topics) to each other every few hours and not having ...
2
votes
1answer
31 views
Shortening Divs
I have a project here that looks pretty good and does exactly what I want it to do. The codepen is here. What I need to find out is if these divs that flip can be shortened in any way:
...
2
votes
2answers
43 views
Selecting one form to be visible using jQuery
I'm new to JQuery but have managed to get it working the way I want. The problem is, it's a bit convoluted and could easily get out of hand if I add more options.
I am trying to show and hide divs ...
4
votes
1answer
120 views
A very basic JavaScript calculator
I'm just starting out with code. I created a very basic JavaScript calculator.
While writing, I couldn't help but think that there must be easier, faster and less redundant ways to write this. For ...
1
vote
0answers
24 views
Python html Page reporter
My program, page_reporter, attempts to port scan a network and identify servers hosting web pages. From here it will create an HTML report using iframes to give you a snapshot of what the page looks ...
1
vote
0answers
12 views
Modular widget that minimizes js and css scope pollution
So, my goal with this is to create a simple login widget that does as close to nothing to the global scope as possible. The login mechanism is less important than the encapsulation. The whole script ...
0
votes
0answers
19 views
HTML page compiling LaTeX code to nice mathematics display
I have this (short) HTML page that allows the user to input his/her LaTeX code, after which it will compile the code and display the result using MathJax.
index.html:
...
3
votes
1answer
36 views
Google Maps geocoding lookup function
In an effort to keep all of the Google Maps Javascript API in it's own little world, I have created a googleMaps object that will contain all of the functions that directly make google maps webservice ...
2
votes
1answer
65 views
Graphic Ape Designs gallery website
I am currently working on my YR9 (I'm 14) IST web development project and I want to know some tricks for optimizing my website.
I know that I shouldn't have the same CSS rules in the style tag on ...
2
votes
2answers
93 views
Responsive horizontal scroll on mouse position
I am making a responsive horizontal scroll UI. The horizontal scroll position is calculated according to the mouse horizontal position:
...
1
vote
1answer
78 views
Turn script into a function which extracts the div ID and places it inside
Alright, so I've got this script which basically drains the thumbnails and streams from the twitch API/JSON.
...
4
votes
1answer
115 views
Generating an HTML table with colspan and rowspan from a one-dimensional array
I will be given the following input:
...
0
votes
1answer
63 views
Generating HTML code dynamically with jQuery
I am doing a college project and I would like to write my jQuery code following best practices.
The project involves using the jQuery .getJSON method to retrieve information from a json file.
I have ...
1
vote
0answers
50 views
jQuery placeholder plugin checking
I have been experimenting with jQuery and HTML placeholder plugin for practice work.
I've used this jQuery plugin. I've checked it in IE8 in, it seems it works.
Could you please check and write is ...
5
votes
2answers
97 views
Restrict HTML input field to decimal
I'd like to restrict user input in a form to a decimal with max two numbers before and 4 after decimal point.
Valid values would be:
50
0.1
1.23
4.5678
12.943
...
3
votes
1answer
56 views
Generating jQuery mobile “pages” dynamically
I'm doing a college assignment with jQuery Mobile and JSON. Best practice with jQuery mobile is my main concern.
My html starts off with a main 'page' (data-role="page") inside a div with id="all-...
0
votes
1answer
31 views
Converting units of volume
I am creating a volume converter. It allows users to enter a value and select the unit to convert from and the one it will be converted into. It uses a ...
2
votes
2answers
51 views
Tag dependence approach
I need to add class is_active to all div's when I click on <div id="all-tags"> and remove class if I click again. Only ...
1
vote
1answer
42 views
Expanding list on webpage
The below produces the output I want. Namely, it initially displays the first item on the list and the first expander link. When an expander link is clicked, it hides that link, unhides one more item ...
1
vote
3answers
85 views
Get part of element ID
I am getting the number part of the container ID that the button is in. Now I am wondering if I need to create an array using split and then put this number in a ...
1
vote
0answers
51 views
JavaScript drag-and-drop sortable list
I made a simple list with drag and drop ordering function using JavaScript, HTML and CSS. Although I tried to do this as efficient as possible, I'm sure there are some improvements to be made.
What ...
3
votes
0answers
84 views
FizzBuzz… with style (js, jquery, html, css) (and questions…)
I discovered the FizzBuzz test while looking up something else on stackoverflow, so I decided to try it and see what I would come up with. I'm kind of new to jquery and js, so I'm looking for a ...
3
votes
0answers
52 views
Fantasy league tracker for Game of Thrones
So I've just started learning about MySQL and PHP to create a fantasy league tracker for Game of Thrones for my office. I got it to technically work fine, but I think it's way clunkier than it has to ...
0
votes
2answers
38 views
How to optimize a section in HTML/CSS [closed]
How to set in HTML/CSS a section just like in this picture https://snag.gy/mStL9H.jpg ?
I have tried something but am not sure if it's right.
...