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
vote
0answers
9 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 ...
-4
votes
1answer
40 views
I'm trying to simplify this code [on hold]
Can this code be simplified? I am pretty sure it can be achieved by abstracting the variable and using an if else or a switch, each case would be the element ID...I'm having a a difficult time working ...
1
vote
0answers
22 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
58 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
28 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
23 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
37 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
79 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
63 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
88 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
40 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
92 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
76 views
HTML5 Parallax Scrolling utility using canvas
I have created a utility to create scrolling parallax backgrounds.
...
3
votes
1answer
139 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
69 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
132 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
80 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
30 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
39 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
35 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
116 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
52 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
84 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
132 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
56 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
59 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
32 views
2
votes
1answer
66 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
77 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
30 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
119 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
192 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
59 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
139 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
39 views
Tribute page webpage
I've created a tribute page, following the track of freecodecamp.com.
Here is the CodePen link.
...
0
votes
0answers
68 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
559 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
132 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
77 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
212 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
354 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
180 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
21 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
110 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
104 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
200 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
85 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....
