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.
8
votes
2answers
42 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
2answers
51 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
18 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
27 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
27 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
98 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
33 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
73 views
Wikipedia Viewer
This is one of the projects on freecodecamp. I would like a review on my code. Thanks in advance.
Javascript:
...
6
votes
1answer
87 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 ...
2
votes
2answers
50 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
49 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 ...
0
votes
0answers
27 views
1
vote
1answer
45 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
69 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
28 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
76 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
119 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
46 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 ...
4
votes
2answers
106 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
32 views
Tribute page webpage
I've created a tribute page, following the track of freecodecamp.com.
Here is the CodePen link.
...
0
votes
0answers
60 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
221 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
80 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/...
1
vote
3answers
75 views
JavaScript for toggling appearance
I have a dedicated stylesheet <style id="dynamicStyles"></style> for my page's dynamic styles. They are controlled by this JavaScript:
...
3
votes
1answer
142 views
JavaScript function to create HTML select option elements
I made this function to get rid of writing numerical option values in a HTML-select manually.
From what I have seen so far it works as expected. But hints and suggestions are welcome anyway.
<...
1
vote
1answer
192 views
Weather app using the openweathermap.com API
I have been working on a simplistic weather application that utilizes the openweathermap.com API. I have an ajax call to make an HTTP request to get a JSON object that contains the data which is ...
2
votes
1answer
113 views
100 chairs in a circle problem solving with Angular.js and visualization
Here is the problem statement:
Take a second to imagine that you are in a room with 100 chairs arranged in a circle. These chairs are numbered sequentially from One to One Hundred. At some point ...
0
votes
0answers
19 views
Sporadic div positioning using Isotrope
I am currently using jQuery + "isotrope" to make an image gallery where images can be filtered using "data-filters". But "Isotope" uses grids to organise the divs but I would like something like the ...
0
votes
2answers
90 views
Page for personal portfolio animations
I built my portfolio page using Bootstrap and jQuery, but on lower performance computers the animations seem choppy. I am interested in JavaScript optimization and was hoping you all had some ideas on ...
2
votes
1answer
52 views
JavaScript game tick
How can I achieve a more performant tick code keeping my minimum frame rate high?
...
0
votes
0answers
68 views
Class for easier localStorage use
As simple as the title, the following code is just a simple class for ease of use with localStorage. I'm just looking for recommendations in clean up, ideas of things to ad, constructive criticisms ...
2
votes
2answers
93 views
Semantic HTML5 structure and Google penalty
I'm in need for clarity. I'm at an annoying step in my development of a website, and I have read a lot about semantic structure etc, but I'm a bit nervous for my current structure, so I would like to ...
11
votes
1answer
180 views
“Star Catcher” game
For fun, I have been working on this game I called Star Catcher. It's a very basic game where stars are falling and you try to catch as many of them in your bucket before you miss 10. It's a real mess ...
1
vote
1answer
77 views
Basic settings, custom error page, dynamic versioning, rewrite rules
Any suggestion is more than welcome! I had to do a few tricks in rewrite rules (checks on ENV:REDIRECT_STATUS) to avoid infinite loops, but it works fine.
error....
2
votes
1answer
135 views
Web app to consume rest services and display charts accordingly
I have been an Angular developer for more than 5-6 months and mostly I learned with my experience. However, recently after submitting code to some competition, I got a feedback that AgularJS best ...
3
votes
1answer
145 views
Angular.JS table management
I am an Angular.JS beginner and this is my first application. I hope you give me some advices what to do to have better, optimized code.
This application manages the data from database, shows it in ...
0
votes
0answers
93 views
Angular Pagination Directive
I wrote this small pagination directive after having to do something similar for an app I'm writing. For the app I wanted something that would be flexible and could be reused just about anywhere. ...
5
votes
2answers
367 views
HTML 5 form validation and form handling
Problem Statement
Create one form having following fields
1) Email ( with html5 email validation).
2) Password (It should take minimum 6 charactors ).
3) Your project URL ( with ...
3
votes
1answer
336 views
Student registration form
Problem statement
Create one form having registration and student login fields for course using HTML5 elements and CSS3 styling.
Expected Output
Solution
...
15
votes
3answers
86 views
Non-generalized Site Generator
For my CS class, I need to, by the end, have written an entire website. The idea for my site is to supply information about Uromastyces. Because of this, most of each page will be nearly identical. ...
1
vote
3answers
362 views
Render the area of circle using HTML and JavaScript
1. Problem Statement
Write a JavaScript function calcCircleArea(r) that takes as a parameter the radius of a circle and calculates and returns its area. Put the function in a file named circle-...
3
votes
1answer
104 views
Social image sharing site with mobile-first, responsive layout
I am rebuilding the front-end for an application that I am building and have the content laid out the way I need.
I would appreciate any suggestions on how to improve the structure, specifically the ...
4
votes
1answer
102 views
A closable footer bar with a floating info box
I wrote this page with the goal in mind of having a footer that runs along the bottom of the page that can be closed, and has a floating info box that appears when the footer is hovered over. I'm just ...
5
votes
3answers
581 views
Unordered list in HTML with animated list points
I had this idea today, but I don't have any practical usage for it right now. Any feedback or improvements welcome.
Code is found at CodePen, and also presented here as a snippet:
...
4
votes
2answers
64 views
Two duration widgets for a break timer, with ± buttons
I'm sure I can optimise this code, but I can't find how in order to be generic. I'm not sure that .parent and .child combination ...
5
votes
1answer
81 views
Displaying a map of points
I'm working on an HTML text-based game (think like OGame and other browser games of the genre). I've tried worked on a grid controller to display a map of points that you can move around when you have ...
1
vote
0answers
438 views
Node.js/Socket.io chat application
I would like to know how I can improve this chat application of mine. This has been my side-project for a while.
I have made it to support on desktops, tablets and smartphones.
GitHub link
Online ...
0
votes
0answers
105 views
Upload multiple files in multiple sections while allowing removal of a single file, before upload
My requirements:
Have 3 (or more) "sections" on a page where users could upload files.
They are sectioned only from a UI perspective, to make it obvious what the user needs to upload where -
...
2
votes
2answers
92 views
Gaming Website Index Page
I am updating my gaming website's CSS and I was wondering if I am on the right track.
HTML:
...
1
vote
0answers
78 views
Managing multiple forms with individual updates and batch delete with checkboxes
I have a JSP page with a table containing data from java.util.List. The items from the list are taken from the database.
Each row has an edit button that will get all the values from that specific ...
