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
0answers
15 views
Slot machine using JavaScript and HTML5 [on hold]
I just needed help creating a slot machine using JavaScript and HTML5. I'm looking to get the black square shapes to change to different shapes when I press "play."
...
1
vote
0answers
25 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
63 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
119 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 ...
22
votes
5answers
821 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
44 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
88 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 ...
0
votes
1answer
73 views
Offline Euler problem viewer (text only) [closed]
I've created a single page web application (that should work offline, without a database, etc.) using bootstrap and JavaScript to act as an Euler question viewer (text only). It simply renders the ...
4
votes
2answers
298 views
Upload a photo with a unique name using PHP
I have written a script for basic uploading of a single image to a web server using PHP. This is an example that is intended for educational purposes in a basic PHP course. It does not take extensive ...
-2
votes
1answer
28 views
Selecting a specific form content
This code is used for displaying only certain content of the form instead of displaying all the form content. I am using it to stop the users from filling all the form fields if those are irrelevant ...
1
vote
1answer
42 views
Including a header file with proper content and structure
I am new to HTML and programming in general and am currently working on setting up my first website.
For this I created a couple of PHP pages with a separate file for each of them and in order to ...
3
votes
1answer
55 views
Date validation with html5 dates
This code validates the following:
enddate should not be less than or equal to startdate.
...
2
votes
2answers
46 views
Creating a menu
I have this code currently written to help me create a menu. I was just wondering if there is a way to tidy this so that there is less code needed to achieve the same thing.
The code is designed to ...
3
votes
2answers
331 views
Typeahead / Autocomplete using AngularJS directive
I am writing a Type-ahead / Autocomplete search with angular using directive and filter service. I am almost there but need your expert opinions on things which I am planning to achieve.
Git ...
3
votes
0answers
36 views
Database syncing playback of videos
I made a website last night that allows people to sync HTML5 <video>s (playing/pausing). The way it does this is by using Ajax to run a MySQL query every 2 ...
2
votes
1answer
122 views
Plotting non continuous functions and a real scatter example with Bokeh
I've written a python 3 code using Bokeh. With this code you can learn howto to plot math functions and a scatter plot with regression linear functions in a webpage. The target is how to plot ...
8
votes
1answer
169 views
Tic-Tac-Toe game with HTML5 canvas
I know it is a simple game, but what I am doing here is practice what I took in an AI course. I'm also playing a little with the canvas and trying to improve the readability of my code and using ...
2
votes
0answers
38 views
HTML5 canvas drawing from video source
I have the following code, which draws a overlay image onto video for each frame:
...
1
vote
1answer
51 views
Massive Number Of Scripts With Angular
I've recently started switching from JQuery to Angular and it's awesome at making my HTML expressive and easy to read but every reusable module I make has its own script which leads to a massive ...
7
votes
3answers
232 views
On hover, hide text and display options
Recently I learned HTML+CSS and a bit of jQuery and am building various web-things to stretch my skills and learn more about how to do things the right way. I was a bit surprised at just how many ...
1
vote
1answer
92 views
Schema.org structure for a news aggregator individual post
I'm building a news aggregator website. This is my current schema structure for a single news article. There can be more than one article per page. I'm trying to have every possible piece of data ...
0
votes
1answer
62 views
Syntax form PDO
I was able to run the form to update the data of the user profile, for the moment is in a rough version, but I know that can be improved.
I post what I did, I hope you could help me to improve the ...
4
votes
1answer
184 views
CSS mask clipping and overlay SVG to achieve a two effect
I am currently attempting to create a two SVG overlay / masking like the image below:
I have created a SVG for the overlay. As it stands, I am trying to create two elements one for the green side ...
15
votes
2answers
281 views
Calculator Snippet CC
The April 2015 Community Challenge requires building a calculator.
Implement a simple calculator
Where the definition of "simple" is whatever you make it - only
supports basic arithmetic ...
3
votes
1answer
60 views
Multiple animated jQuery buttons
I've been working on this day and night and, since I'm a newbie, I can't seem to figure this out. I have a map with 27 states. Each, on click, show the highlighted state and an info box. Also, I have ...
2
votes
1answer
56 views
Semantically useful HTML for Wikipedia infoboxes?
Wikipedia uses Infoboxes for many of its articles, they contain basic information in a structured form about the topic.
Take for example the articles about Stack Overflow and donkeys.
There ...
6
votes
2answers
59 views
Scaling the last column in a table (with input) to match the container
I recently ran in to a problem with the presentation of data related to a graph. Each series of data has values that define the 'curve'. There can be a lot of these values, and I decided that there ...
2
votes
2answers
102 views
Toggle code using jQuery
I have here some code which is working but it seems to be a lot of coding to do here. I would really appreciate if someone could make this simpler.
...
3
votes
2answers
1k views
Responsive web design using HTML5/PHP/Bootstrap3.3.4
I am trying to understand the basics of responsive web design using bootstrap. So, is this a good way of structuring the layout of a responsive web page or are there any other/better alternatives?
...
4
votes
4answers
156 views
Maths Q&A game in JavaScript
This used to be university work now I put it our here for review purposes.
Could this be constructed better?
Is there any easier path, performance-wise?
Could this be optimised?
Which features ...
0
votes
1answer
45 views
Radio group labelling and semantics
I can't seem to get fieldset's to react properly when using display:table and ...
3
votes
2answers
210 views
HTML5 Video player
I do HTML5 Video player with some controls. I have a button, where I change classname for make play, pause or replay button. I have a mute/unmute button, volume range slider, timer and fullscreen mode ...
3
votes
2answers
105 views
Star rating: Update stars on click and don't lose the actual vote on re-hover
I'm trying to make a star based rating system.
First of all, I don't like to make it all with JS and only innerHTML the rated stars in a given div. I want to make ...
3
votes
0answers
198 views
Efficient JavaScript/jQuery typewriter effect that handles HTML5, entities, and text
How should this code be improved? For instance:
How could it be shorter, clearer, deal with memory better, use a plugin/library, better prepared for web input?
I can break up and clarify the regex ...
1
vote
1answer
109 views
Listings template for on-line auctions
I am working on an HTML / JavaScript listings template for online auctions. There are two sets of tabbed navigation features in the listing that are driven by JavaScript as well as a dynamic image ...
4
votes
1answer
265 views
Notepad5, a simple HTML5, JavaScript notepad webapp
I made a simple notepad webapp, called Notepad5. You can use it to make notes while browsing the web and don't want to open up a separate application or extension to put the notes down and don't want ...
2
votes
0answers
140 views
HTML5/CSS live Validation w/jQuery
I've been working on a live form validation project, initially I intended on finding a way to solely use CSS for said validation but it quickly became apparent I would require some jQuery to get it to ...
2
votes
2answers
325 views
Displaying current date and time using JavaScript and HTML time tag
I am creating a simple support ticket system. I thought It would be a nice little feature to show the current date and time. Since I want to show the current time I thought JavaScript would be best ...
1
vote
1answer
55 views
Schema.org combining different categories
This is the follow up version of a previous question on combining different categories and their properties.
The home page contains the overarching company information.
The product page contains ...
1
vote
1answer
262 views
Schema.org microdata code check
I updated my code based on the feedback from my previous question. There is one for the home page and one for the product pages:
Home page code:
...
2
votes
1answer
47 views
Schema.org Microdata broadest tag check
I have defined the tag that can sit on all the pages of my website and be easily integrated into the admin tool. It is the broadest category with properties that are relevant for all pages.
Can you ...
5
votes
1answer
98 views
Enlighten Designs Tutorial - HTML5 Markup
I have taken the following design from a tutorial done in 2006, and have decided to markup it up in HTML5. The design is as follows:
My markup is as follows:
...
1
vote
2answers
103 views
Judgement calls in applying basic HTML5 elements
Having developed a page in HTML4 I'm looking to improve my page by developing it in HTML5 and specifically looking to use the header, nav, section, article, aside and footer elments.
I realise its a ...
1
vote
1answer
5k views
Bootstrap Comment post HTML markup
I am creating styles for the comment posts for a projects using BootStrap. I am wondering if this is good HTML markup and the extending of BootStrap's CSS.
Using HTML5 markup recommendations the HTML ...
11
votes
8answers
896 views
Fibonacci checker
I wrote a simple Fibonacci checker using HTML, CSS, and JS. This is my first JS program, so be sure to tell me everything that is wrong with it. Check it out here (http://jsfiddle.net/z49fyypt/1/), ...
7
votes
2answers
153 views
Cardshifter website meta-tags for SEO
I have written the following meta-tags for SEO, please let me know if you think this could use any improvement. I have used this article to help me put it together. I have left out the page content on ...
35
votes
7answers
3k views
Who's in the fellowship? When are Frodo, and the rest of the gang, together
As a variant on the fizzbuzz concept, and as an exercise for learning JavaScript, HTML5, and CSS (I know none of them very well).
The regular fizzbuzz is somewhat tired, but having a web-based, ...
3
votes
1answer
99 views
Canvas color detection
I am coding a game, and I need to detect the color of a rectangles on a canvas, by moving a character and touching them, so that a message will be displayed "this is magenta" and so on. Please find ...
1
vote
1answer
119 views
Simple use of mouse clicks to position a ball
Here's a simple program I wrote to teach myself the basics of using a mouse for a potential HTML5/JavaScript game. The thing that tripped me up was event.clientX ...
6
votes
1answer
93 views
Simple example to get started with a browser based game
Here is a "hello world" simple skeleton I wrote to get started on an HTML5/javascript game. I converted it from a python example provided in Coursera's "An Introduction to Interactive Programming in ...
