HTML5 (Hyper Text Markup Language, version 5) is an umbrella term for recent web technologies. It is also the latest iteration of HTML, and became a W3C Recommendation in October 2014, introducing new elements and APIs.
2
votes
1answer
21 views
Register page for website
I've been working on a simple forum website as a toy project, to start learning PHP and SQL. I've implemented all of the functionality I want, but I thought I'd run the code by the Code Review ...
2
votes
1answer
23 views
Fitting multiple images in a given width
I was looking for a function which would take the overall width, max height, min height parameters as the input and fit multiple images in the given overall width adjusting their width.
For an ...
0
votes
0answers
24 views
Animate div positioning rearrangement [closed]
I am building a simple push-down effect which affects the position of two containers. So far I have managed to achieve a near-desired effect using fixed positioning for the hidden container, while ...
3
votes
2answers
59 views
Information about a nightclub in semantic HTML
Could anybody have a look at my HTML code and tell if it's build upon the correct semantic way using the right tags, and not using unnecessary divs?
I'm still not sure if there any divs in my code ...
0
votes
1answer
38 views
Grid Overlay For Browser Using HTML5 Canvas
I wanted to create a grid overlay for my browser that I can use when building websites. I decided on HTML5 canvas because it allows me to create lots of lines without adding loads of elements to the ...
3
votes
1answer
46 views
Structuring basic client side / serverside email form
I've been more than likely doing this entirely wrong for quite awhile and would like to correct that.
With the code review I would like to get critiqued on everything. This includes:
JQuery syntax/...
7
votes
1answer
129 views
Karma Sutra game
I have created a simple Javascript game and want some second opinions on the code. How can it be done more efficiently for example?
Please see the code below, plus a link to a live working version on ...
1
vote
0answers
24 views
Clear and redraw the whole Canvas
This is a simple circular progress with Canvas. Is there any way to make it shorter and easier to read? Another concept for a better performance? I guess clear and re-draw the whole canvas in every ...
3
votes
1answer
72 views
Use local storage event
I use the following code which is working OK to register and emit event for local storage on the browser. It will be great if you can give me some ideas on how to improve it for production use since I'...
0
votes
1answer
61 views
HTML5 Local Storage toggle and save multiple classes
I put together a code will allow me to toggle a class and save it in local storage.
Now I need to add 2 more classes to be toggled and be saved in the same manner.
I don't know how to iterate ...
1
vote
1answer
57 views
JavaScript function for to create HTML-elements
I have written this function for creating complete HTML-elements including arbitrary attributes and inner HTML.
I want to keep and reuse it. Therefore I have tried to document the usage well.
I ...
3
votes
1answer
91 views
HTML and jQuery audio player
I had a task to create simple audio player.
So far I managed to do functionalities and all that is needed.
Other part of same task was to make it semantic and modular.
I read some blog posts and ...
3
votes
1answer
26 views
Place div's of different heights in an responsive parent div optimze and resolve double content
Can somebody help me with optimizing this code? I'd like to have some control about placement. Masonry doesn't do the job in that way.
What I have done now is to create some sets of columns. For ...
2
votes
1answer
56 views
Displaying multiple Google Maps markers on a Visualforce page
I hope this is the right board for this. I am a novice programmer and I am trying to learn how to write better code. I have a visualforce page with a very long Javascript script in the middle of it to ...
3
votes
1answer
96 views
HTML5 Pac-Man game [closed]
I'm testing my game using Firefox, and it's slow whenever it's in fullscreen. If I resize the browser to take up half the screen, it'll scale the image down and run fine. Game also runs fine in Chrome ...
3
votes
2answers
29 views
Vertical Menu with multiple filters and search options - Need help making it Semantic
Recently I started focussing on semantic HTML. And strangely I still find it quite hard. Could you guys please check this file and give me some tips on what I can do better? Also Is it bad to use the "...
0
votes
1answer
24 views
File listing layout
I am designing a very basic file listing layout in HTML and CSS. Although its working but I would like to know if the following code could be improved upon so that its more good and follows the best ...
0
votes
1answer
46 views
Simple landing page markup with basic HTML
I'm writing the HTML for this website:
And this is the HTML I made:
...
0
votes
0answers
27 views
Group of divs on circle zone
I have created an simple circle zone that have div outside it.
This my code
...
2
votes
1answer
120 views
A clock implemented using Moment.js
This is a POC for a clock using moment.js, eventually I plan to recreate this in Raect.js. Any opimisations or a better way to do it?
...
1
vote
0answers
125 views
Angular 2 sortable lists
I wrote a simple and small projects that present 3 buttons, each one loads a different list to the screen on the same place but not in the same time.
In my HTML, I think I can maybe use some more ...
3
votes
3answers
94 views
Simple website HTML
I'm not really sure if I'm using id's and classes correctly. I'm unaware as well if I'm doing bad practices and I would like some help with that. I'm pretty sure my id's and classes names are terrible ...
3
votes
1answer
45 views
Adding a class to a root element
I have written some ES2015 JavaScript that adds a class to a root element when one of it's immediate children is focused.
Here is the markup for the code to be run on:
...
3
votes
3answers
95 views
Upper section of a vertical single-page website
This is my very first attempt to write HTML and CSS. I designed this website for a friend. I'm not sure if I used the best practices or maybe I did something wrong but I just started my learning ...
2
votes
0answers
83 views
HTML5 Parallax Scrolling utility using canvas
I have created a utility to create scrolling parallax backgrounds.
...
3
votes
1answer
150 views
HTML5 Snake Game
This is the first version of my first HTML5 game. Beyond the standard features, I've added a high scores board which uses local storage to keep track of the scores.
You can move the snake with the ...
5
votes
3answers
88 views
Basic HTML structure for three columns of articles
I'm new to HTML and programming in general and I want to make sure my code is organized and that I'm using the best practices while I go along.
So, I made this example layout I would like to convert ...
9
votes
2answers
177 views
HTML5 markup for blog article
Recently I started a blog project. It is my first time that I create something so advance. I use task runners, SEO optimization, preprocessors, I will code in full stack environment and all the other ...
3
votes
1answer
104 views
Google Analytics tracking for HTML 5 video player
The jQuery code is for html5 video event GA tracking and I want to make it a little bit more shorter and cleaner. The code works: I am getting all the events, but would like to make it more simple.
<...
3
votes
0answers
33 views
Plotting discontinous function
I've made a simple web plot with D3 JS version 4. I've drawn a discontinuous function:
$$f(x)=\frac{1}{x(x-2)}$$
which has 2 vertical asymptotes and 1 horizontal asymptote. I add a legend with LateX:...
2
votes
1answer
47 views
HTML5 sidebar syntax
I am trying to learn how to write clean HTML5 code and I came across a sidebar.
I need to get something like this:
My code:
...
3
votes
1answer
45 views
Basic ul li elements in JavaScript listeners
I am learning JavaScript and I have written a code snippet. Can someone suggest some improvements?
...
3
votes
0answers
127 views
HTML5 canvas Snake game
My most recent project is this simple Snake game, and I would like to know what you think of it and if you have any suggestions.
...
1
vote
0answers
59 views
JavaScript / jQuery Memory Guessing Game
I want some tips on how to make my code better, more efficient, better coding practices, etc.
Codepen
...
3
votes
3answers
91 views
Wikipedia Viewer
This is one of the projects on freecodecamp. I would like a review on my code. Thanks in advance.
Javascript:
...
9
votes
2answers
135 views
“Stardust” 2D Gravity Simulator - Follow Up 1: The Planets
This is a follow up for the 2D Gravity Simulator-like Game question.
Since then I have developed my javascript skills further, and now I'm using ES6 mainly. Note that even through this code uses the ...
2
votes
2answers
61 views
Show and Hide group of classes based on data attributes
Somebody please verify this code. Is this efficient? please tell me modular way to accomplish this task.
Updated
I want to add show class to ...
2
votes
1answer
65 views
Linkedlist visualization using html5 canvas
I have written a simple linked list visualization program in JavaScript:
I am just a beginner in html5 canvas. I am pretty much satisfied with how it works, but I´d like to know if I made some things,...
0
votes
0answers
35 views
2
votes
1answer
82 views
Forum project using OOP PHP
I've been developing a forum as my first OOP project, I've successfully built a login/registration and other functionality typical in forums.
I'm looking for some guidance in terms of where to take ...
6
votes
2answers
79 views
HTML5 sectioning for my design
I've designed my new website:
Now I want to build up my HTML as semantic as possible.
Here's my first attempt / set-up:
...
1
vote
1answer
33 views
Making a news widget webpage
I have finished the assignment but would love some feedback. Data.json contains news articles data.
Requirements for assignment:
Fetch the data and render it on the page. Initially the page ...
2
votes
1answer
157 views
Semantically structured HTML5 for a news page
I'm developing a website and I cut the images that I will use:
...
4
votes
1answer
259 views
JavaScript function for to toggle multiple CSS-classes at once
The method toggle of Element.classList expects a parameter which names a CSS-class.
You can't assign multiple classes at once ...
1
vote
1answer
84 views
Custom form validation using jQuery
Recently I have been doing a bit of work with Contact Form 7 and Wordpress. I've begun looking at form validation using ...
5
votes
2answers
185 views
Parse HTML to modify it
I'm using the following code to parse html, This code is working but since I'm new to JavaScript and working in alone project I would appreciate if you can give me some tips and feedback how can I ...
0
votes
0answers
45 views
Tribute page webpage
I've created a tribute page, following the track of freecodecamp.com.
Here is the CodePen link.
...
0
votes
0answers
71 views
Remove IE8 compatiblity in HTML
I wrote Angular code and I know it's not optimal (I'm a new developer in Angular). The problem is that I just followed some web tutorial some I don't understand all what I wrote in my code.
By the ...
3
votes
1answer
805 views
Simple JavaScript quiz application with radio buttons
I've created a simple JavaScript application, which also happens to be my first-ever piece of code in any programming language.It took me two days to get the core correct and another two days for ...
1
vote
1answer
154 views
Polling hash change
I've discovered that Google Chrome on iOS doesn't fire the hashchange event when the back / forward buttons are pressed.
Reference:
http://stackoverflow.com/q/...
