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
36 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
27 views
Angular2 sortable lists (using typescript)
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
81 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
33 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
87 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
64 views
HTML5 Parallax Scrolling utility using canvas
I have created a utility to create scrolling parallax backgrounds.
...
3
votes
1answer
130 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
60 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
101 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
66 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
22 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
33 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
30 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
104 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
45 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
78 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
131 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
55 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
52 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
31 views
2
votes
1answer
52 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
73 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
93 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
142 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
51 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
114 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
36 views
Tribute page webpage
I've created a tribute page, following the track of freecodecamp.com.
Here is the CodePen link.
...
0
votes
0answers
64 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
361 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
99 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
175 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
242 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
139 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
20 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
99 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
53 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
98 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
186 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
80 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
154 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
163 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
104 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
385 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
549 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
393 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 ...
