HTML5 is the latest revision of the HTML standard, including many new syntactical features and several APIs that support drawing, video, audio, etc.
4
votes
1answer
13 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
28 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 ...
0
votes
1answer
31 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 ...
8
votes
8answers
797 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/), ...
6
votes
2answers
54 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 ...
27
votes
7answers
2k 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, ...
2
votes
1answer
57 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
44 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
49 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 ...
1
vote
1answer
54 views
Visual increment and decrement button controls in jQuery
I currently have a working implementation of a + and - tank level thingy (I don't really know what to call it). In which will be able to 'add' or 'remove' so-called 'liquid' from the container.
...
11
votes
2answers
112 views
Simon says HTML5
Here's a little game written in HTML5 using bleeding edge audio. Since I don't do much HTML5 or Javascript, I'm particularly interested in:
Structure Is this a reasonable way to structure the ...
8
votes
5answers
501 views
HTML5 Elements - First markup
This is my first website. I would like to make sure that:
I am using HTML5 sectioning elements correctly.
I didn't forgot anything important for HTML5 compatibility like ...
7
votes
2answers
58 views
Interdependent color swatch widgets
To illustrate some algorithmic problems I found while writing this code review, I needed to include a live demonstration, which I implemented using a Stack Snippet with Angular.js.
The demonstration ...
0
votes
0answers
30 views
Cleaning up a custom checkbox implemented using the shadow DOM
I'm porting Google's "paper elements" checkbox out of Polymer. This implementation doesn't use two-way data-binding. Instead, it relies on a few event handlers.
Everything works, but it feels pretty ...
0
votes
2answers
64 views
Form submit using POST handled in PHP
I have this code working for submitting a form using PHP and HTML (Bootstrap). I did not post the CSS, so I hope this is not an issue.
I am interested if this code is clean, following good practices, ...
0
votes
0answers
27 views
Canvas/JS banner with Flash
Here is my first Canvas/JS banner. I just got a flash one and hand-coded it from the beginning to the end.
I have several major concerns/questions:
I have seen several banners made in Adobe Flash, ...
3
votes
1answer
68 views
Transparent encryption of HTML5 storage engine(s)
I am looking for feedback and possible suggestions regarding a piece of JS code that performs transparent symmetric encryption/decryption of user specified data using the HTML5 ...
3
votes
1answer
78 views
Refactored nearly identical HTML forms
I have two forms in my HTML page. Both share a set of input elements (not a part of any of the forms, but rather residing separately). Besides that, the forms have their own input elements as well. ...
6
votes
3answers
115 views
Make website design more elegant and have better compatibility
This is my very first website which is going to be published online. Along the way it's gonna be a complete website.
Now, firstly, I am a very beginner in this field, and I want to be a good web ...
3
votes
1answer
70 views
Traversing a tile-based 2D-array map using keyboard controls
I've produced the beginnings of an RPG-style game using HTML5 and canvas. So far you can use the keyboard controls WASD to move an avatar around a simple tile-based map. The map is constructed of ...
3
votes
0answers
79 views
Paper.js slow resize
I'm currently in the process of redesigning and coding my website, for which I'm wanting to use paper.js to draw on canvas. Currently the only project page I have is using a basic random ball ...
4
votes
2answers
62 views
First WordPress template
I wrote my first template, but didn't include any styling. What do you think? What's good what's bad?
...
2
votes
2answers
35 views
A more efficient/cleaner way of scrolling a div's contents in HTML
My current code for scrolling an image contained within a div is:
...
1
vote
1answer
68 views
More maintainable API for wysihtml5 widget
For an HTML calendar with jQuery, I put in event listeners to enable jQuery drag-and-drop that reads and writes to persistence using HTTP get and post with JSON structures.
Now I'd like to make the ...
1
vote
2answers
255 views
Loading div sections from separate files
I am loading divs from separate HTML files into a div on the index.html page.
This is being done using jQuery's ...
6
votes
1answer
181 views
Cordova file management (Any chance for Apple rejection?)
I am making an application using Phonegap where users can select and share files. When the user selects it, even if it goes offline or closes the app, I should upload it back to the server, so I need ...
4
votes
1answer
87 views
Fictional Hotel Website
I've made a fictional hotel website that shows you hotel details when you click on a button.
jsFiddle
...
7
votes
2answers
77 views
Web page for blog post demonstration
I am a CSS and HTML5 newbie. I'm creating a minimal web page to demonstrate something in a blog post. So although it doesn't need to look great, I would like it to make sure it's solid. It has no ...
3
votes
1answer
297 views
HTML 5 Blog Layout / Markup
I'm creating a WordPress theme in HTML 5 which is relatively new to me. I've read up on it and I read things that seem to contradict one another or differing opinions. One of the big things is where ...
0
votes
1answer
33 views
Can I use a header tag in footer inside section?
I want to know if I can use a header tag in footer inside section. I also want to know if this follows SEO.
For example, I made four section boxes in footer:
...
2
votes
1answer
116 views
Can the performance of this canvas drawImage() test be improved?
I have a quite simple loop that draws an 8px by 8px image many times in a canvas in a tiling fashion. Currently it's drawing 7500 images each loop.
See the jsfiddle.
...
6
votes
1answer
234 views
HTML5 Tic-Tac-Toe game
I created an HTML5/JS tic-tac-toe game as an exercise and wanted some advice on my js code.
A couple of questions:
How can I improve the reset method? (currently reloads the page/re-initializes ...
1
vote
1answer
49 views
Is the Button, an <a> element with svg code and hidden link content inside, ARIA conform and well laid out?
I have an a element for a button. The SVG snippet inside links to the containing SVG file at the top of the body.
...
10
votes
2answers
169 views
Tritium website
I am working on my Tritium website (hosted on Github: feel free to fork and send pull requests), and now am looking for a review of it. If you are looking to critique the design of the website, ...
10
votes
2answers
271 views
Canvas loading animation - follow-up
This is kind of a follow-on from here:
Canvas animation
I've been trying to copy the following GIF animation using a canvas.
I have re-factored the code following Stuart's pointers and wanted to ...
2
votes
1answer
108 views
Best way to handle tap gestures
I'm building a small web app primarily for mobile use. I have some widgets that need to handle tap gestures in the expected way, and I don't feel this one feature is reason enough to include JQuery ...
6
votes
2answers
255 views
Simple CSS Parser
I wrote a very simple CSS parser and would appreciate some general feedback regarding the security, code style etc...
Basically, this does the following:
Take user's uploaded CSS file
Save it to ...
1
vote
0answers
188 views
Moving shapes to random locations on hover [closed]
What I'm trying to achieve: So this JavaScript code create circles and rectangles on the html canvas at random positions (x, y). What I want to do is whenever the user hovers over a shape, I want the ...
2
votes
1answer
80 views
Layout of two different styles of event labels with CSS
I have two types of event labels. The HTML markup is:
...
2
votes
0answers
195 views
Feed API to display RSS feeds Ted talk
I am trying to create a webpage that will read RSS feeds from the TED talk website and display it on a page. I am using Google's Feed API for this.
Here is the link to view the code online.
Could ...
13
votes
4answers
2k views
Snake game with canvas element code
I created a classic snake game in the canvas element. I have not considered best practices when doing this, I just wanted to finish it first. Now it's time to improve the coding practice. You can ...
2
votes
2answers
410 views
HTML & CSS code for small responsive test project based on Bootstrap 3
Don't pay attention to the menu being awful above 789px. The "theoretical" task was to support only tablets and smartphones and I didn't bother to make the menu look fine on other devices. Just ...
3
votes
1answer
117 views
Is there a more semantic way to markup Price Lists? Example as Table and as Description List
I have a pricing list that I can make sense of as both a table and as a description list. Using a table feels hackish. I thought a dl might be appropriate because description lists "are useful for ...
3
votes
1answer
158 views
Correct way to center logo and navigation
I'm new to CSS and HTML and while I've achieved a centering of the logo and navigation links, it feels wrong. I'm developing a site for a small non-profit for a side project. I have a logo next to a ...
3
votes
1answer
1k views
Movie tickets booking system (Frontend only)
I developed this tickets booking system recently to showcase HTML5 features. I would like you to review it from the UI/UX perspective. Also if there is something more that I can add.
Is it good ...
2
votes
2answers
649 views
Testimonial section CSS inheritance and proper use of HTML5 elements
I created this testimonial section as a prototype.
HTML
...
3
votes
1answer
13k views
CSS and HTML5 for this fixed header on scroll
When I had to create a fixed header on scroll, I found a few examples on Stack Overflow but they were terrible in the sense that they relied on a fixed page height. Have a look at what I created which ...
11
votes
2answers
2k views
HTML5 / JavaScript Tic-Tac-Toe
As an exercise, I decided to create a simple Tic-Tac-Toe game. It is Ruby on Rails based, but as for now I'm not using the server side for anything (I intend to build up on it in the future, though).
...
7
votes
1answer
250 views
Why is my page semantically incorrect HTML and incorrect use of CSS?
I had a task to create a responsive HTML5/CSS3 page based on PSD layout. I got rejected and when asked for details I got these comments:
semantically incorrect HTML
incorrect use of ID selectors in ...
3
votes
1answer
27 views
Should I return an object wrapped by an article tag?
Not sure if this is the right board for this topic but since it will affect my SEO i guess it's not that wrong to ask about this in here.
I just took on a website that lists some stores around your ...
