HTML5 is the latest revision of the HTML standard, including many new syntactical features and several APIs that support drawing, video, audio, etc.
0
votes
0answers
20 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
44 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 ...
0
votes
1answer
59 views
First HTML5/CSS site
My girlfriend and a friend started a Kiwanis club around here, so I figured it would be a good opportunity to try coding my first web site. I'm pretty new to coding still and it's pretty basic, so I'm ...
3
votes
1answer
77 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
101 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
56 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 ...
2
votes
0answers
36 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 ...
3
votes
2answers
57 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
29 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
46 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
117 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
135 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
74 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
270 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
22 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
98 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
123 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
35 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
154 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
245 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
88 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
168 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
130 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
74 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
116 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
1k 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
263 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
86 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
152 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 ...
2
votes
1answer
945 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
475 views
Testimonial section CSS inheritance and proper use of HTML5 elements
I created this testimonial section as a prototype.
HTML
...
2
votes
1answer
8k 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
1k 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
228 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 ...
4
votes
2answers
156 views
Can this localStorage login script be written more efficiently?
I understand that account details should be stored using a much more secure method, but this is only a demonstration script I've made to store login credentials and remember a user wishes to remain ...
2
votes
1answer
262 views
jQuery for image swapping and some JS for text swapping
I am designing a website for a company that manages buildings/real estate. I did not have much use for a CSS library like Bootstrap or Foundation, except on one page of the website. This page ...
6
votes
2answers
214 views
Simple grid system made out of CSS columns
I have been researching and experimenting with HTML5 and CSS3. I was aiming to create a very simple but efficient tiled gallery / grids. So some sort of grid system that I can layout anything inside.
...
6
votes
1answer
114 views
Plan to make a small game - got a hang of canvas and made a cube fly around
I'm planning to make a small game for learning purposes. So far, I've got the hang of the canvas element and using the context to draw things on it, as well as object notation and classes in ...
1
vote
2answers
115 views
What are practical issues using this code with common JavaScript libraries?
I'm not a JavaScript programmer. I have next to no idea about "what's out there" of libraries and so on. Therefore it's not unlikely that the referred to Windows HTML Application (HTA) code here, ...
3
votes
0answers
127 views
jQuery Plugin - HTML5 History State
I've built this small jQuery plugin to work with HTML5 History State functions. It's my first jQuery plugin, so I'm not sure if it's up to the best practices, or what could be done better. Keeping it ...
5
votes
1answer
386 views
Expandable navigation menu
I am trying to step to the next level from student to amateur web developer, and I would like to make sure I am not making any web-development no-no's, that's all. What caused me to want to ask SO ...
27
votes
5answers
2k views
First Time HTML5/CSS Site
I am working on my first HTML5/CSS web site and, like all of my first-time projects, they end up cumbersome, crude, and hard to work with when changes need to be made later in the life cycle. I am ...
2
votes
1answer
59 views
Drag and normal upload code
This is a partial code of my JavaScript app.
The openDoc function's task is:
call newDoc if use uploads a file through ...
7
votes
2answers
64 views
Is this a good way to create an article in HTML5?
Is this the good way to create a portfolio article in HTML5 or do you have any suggestions?
Not sure about the section but I need it as overlay over the image. Is it better to use a DIV instead?
...
6
votes
2answers
390 views
Data attribute text() swap on hover
This is a very basic script. If the screen width is larger than say a tablet, and a portfolio link is hovered over, it will fade out the original text and replace it with the text held in the ...
5
votes
1answer
94 views
4
votes
1answer
95 views
Product grid for a online catalog
I have this portion of code and I would like to know if I did it right, what changes could be done to optimize and make it better, and if I used the all the tags the right way. For the moment, the ...
12
votes
1answer
251 views
Opinions on my HTML structure
I have spent the last 6 months as I am studying web development in college to build a website template that is responsive and accessible from as many devices and browsers as possible.
I would really ...
