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.
-1
votes
0answers
17 views
Text with different colors [on hold]
I made text with different colors by listening to keypress events and generating a span with random colors using style. I feel there is a lot of overhead. How can this be done better?
...
3
votes
3answers
68 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
0answers
67 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
48 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
47 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
26 views
1
vote
1answer
39 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
68 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:
...
0
votes
0answers
31 views
HTML5 audio executing callbacks determined by currentTime value
I wanted to be able to run code snippets at a certain time in an audio sound track using html5 audio. I created a little JavaScript object that creates the audio tag and appends its to the document ...
1
vote
1answer
27 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
68 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
100 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
41 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
100 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
30 views
Tribute page webpage
I've created a tribute page, following the track of freecodecamp.com.
Here is the CodePen link.
...
0
votes
0answers
58 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
165 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
65 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:
...
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
123 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
150 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
107 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
79 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
50 views
JavaScript game tick
How can I achieve a more performant tick code keeping my minimum frame rate high?
...
0
votes
0answers
67 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
90 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
175 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
73 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.
...
2
votes
1answer
116 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
137 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
81 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
353 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
243 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
85 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
323 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 ...
3
votes
1answer
102 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
90 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
545 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
56 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
382 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
93 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
90 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
74 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 ...
8
votes
1answer
71 views
Getting more detailed Stack Exchange mails — Part 1
I made the layout for a new project which will allow you to subscribe to periodic emails about your favorite Stack Exchange site (I'm not very happy with the SE-provided one). Since I'm horrible at ...
3
votes
1answer
159 views
Basic login script for educational purposes
I have created a login script to demonstrate the usage of sessions in PHP. The focus is not on security, databases or encryption. The idea is to exemplify how you can use sessions to protect pages ...
23
votes
5answers
977 views
Cardshifter game lobby
We've been hard at work creating a browser-based GUI/Client for playing the Cardshifter TCG for the past week or so. Today, I just finished doing a pretty complicated layout for the chat lobby, along ...
1
vote
0answers
57 views
Menu (headers and sub-menu) for boxes to call 2D transforms function
I am trying to learn HTML5 and I am interested in respecting good practices of the language. I have learned it is better to use tags such as <section>, or ...
3
votes
2answers
137 views
HTML5 Canvas game starts to lag 10 seconds after loading page
I got bored and started making a game using HTML5, CSS3, and JavaScript/jQuery. I've been working on it for about 2 weeks and it was running pretty well.
Today I opened it and was moving the ...
