Tagged Questions
2
votes
2answers
70 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
41 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
93 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 ...
0
votes
1answer
441 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 ...
7
votes
1answer
166 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
24 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 ...
6
votes
2answers
150 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.
...
5
votes
1answer
134 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 ...
23
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
58 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
61 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?
...
4
votes
1answer
56 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
227 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 ...
10
votes
2answers
192 views
Review structure of PHP/HTML
I am very new to PHP and I kind of sort of want to create the pages like I would in ASP.NET; it's just the way I am wired. I have been inserting the header/menu using a PHP Include and here is what ...
5
votes
1answer
97 views
Markup of a blog page and its posts
Currently building my personal site using Jekyll, inuitcss and GitHub Pages. I'd like to hear your thoughts on the markup of my blog page and its post pages.
What do you think about handling logo's ...
0
votes
3answers
73 views
4
votes
1answer
81 views
Webpage Template
Introduction
I am designing a website as a hobby. As you can probably tell from the code below, I am an absolute beginner. The first thing I'd like to do is to create a nice webpage template that I ...
3
votes
1answer
763 views
Creating <select> element and append data to it
I've made the following and have a few questions:
Do I have some (big) mistakes in this approach? (bad practices, 'this code is trash'...)
1.1 If I do, can you suggest what to fix?
Are appended ...
5
votes
2answers
288 views
How can I improve the following code using HTML5 and CSS3?
Using the Flat Web Design Tutorial offered at 1webdesigner I tried converting the resulting PSD file to HTML5 and CSS3. While attempting to use sectioning elements in the markup I quickly found myself ...
4
votes
2answers
108 views
Is there anything incorrect about this layout, semantically or otherwise?
I would like to know if my chosen layout is HTML5 standards compliant, or if I'm using the heading tags incorrectly (or any other tag for that matter)?
Main Header
...
5
votes
1answer
292 views
adding a new class to html tag and writing it back with beautifulsoup
I am working on a HTML document to which I need to add certain classes to some elements. In following code I am adding class 'img-responsive'. Here is my code :
...
3
votes
1answer
49 views
Optimizations for this user-account HTML structure?
I need a valid and semantic HTML structure for the user-account (user-panel) section of the overall layout of my web application.
What I saw in other web apps include:
User title (or email, or ...
5
votes
2answers
69 views
Am I following the correct principles for HTML / CSS coding?
I've just started learning HTML and CSS. Currently I'm creating a test site to practice with.
I'm just after an early idea if the principles I'm using are correct.The below is an snipit from the main ...
6
votes
2answers
240 views
CSS code organizing
I like to keep my code organized, usually in several files. It is good for CSS.
For instance:
I have three files:
First - layout.html, this is the main template.
...
10
votes
2answers
284 views
Strict and clean HTML and CSS for teaching website
We are in the process of creating a book with the purpose of teaching people the art of html and CSS to create a website from scratch. In our book the focal point, so to say, is that the reader is ...
3
votes
2answers
107 views
Replacing simple jQuery methods for better use
There are a few common jQuery call I find my self calling when creating my app. I need some help and maybe a better way to do all this or rewrite it.
1) Singleton Selector
If I want to select only ...
2
votes
1answer
110 views
Edit/Details form in JavaScript
I have a Edit/Details form which has 4 user related fields. On click of Save, I save the edited fields to local storage (if supported) and display the same values in the Details view.
Below is the ...
3
votes
1answer
80 views
2
votes
2answers
1k views
HTML5 semantic layout (div, article, section) and explicit identifiers
I'm writing a markup for:
And I've split it for these sections:
...
7
votes
1answer
441 views
Semantically correct html5 markup
I'm writing the markup for Corpora - A Business Theme:
And started from the header section:
Here is my markup for it:
...
4
votes
1answer
101 views
This blueprint has already become a mess, please suggest some restructuring
I'm particularly concerned about where I have declared the functions, can I move them around to clean up the code without breaking anything? The "conjugate" function contains a lot of stuff that has ...
3
votes
2answers
6k views
Using JavaScript to add and delete rows from an HTML 5 form
I am a JavaScript beginner. Here's a fictional example which isolates the functionality mentioned in the subject line. I hope to employ this functionality as part of a larger web application in the ...
0
votes
2answers
345 views
JQuery Slide Show Simplification
I'm trying to come up with the most basic example of making a JQuery slide show where you click on the current image you're viewing and you cycle through a gallery of photos. I know its probably not ...
2
votes
1answer
121 views
Markup “YYYY-MM-DD” as input hint
I want to give users help in which format they have to enter a date. The label content is:
Date (YYYY-MM-DD)
I used the following markup:
...
11
votes
2answers
1k views
1
vote
2answers
162 views
3
votes
2answers
106 views
CSS3 animations of a turntable
I have the following code, which acts like a turntable and plays Sgt. Pepper when you load the page. This works only in Safari (I suppose I can delete the FF parts then), so I'm wondering how I can ...
1
vote
1answer
171 views
Can this javascript with jquery be improved?
I recently started learning jquery and javascript and put this together for the site I work on here.
...
1
vote
1answer
315 views
Is there a better way of detecting when the contents of a web page changes in js?
This is the code I'm using at the moment
...
4
votes
1answer
290 views
Is this violating the DRY principle?
I feel that I am repeating myself a lot with this HTML/PHP code. Am I right, and is there a maintainable way of reducing the amount of repetition in the code?
mydomain/index.php:
...
2
votes
1answer
981 views
Using jQuery 1.7 .on() and event.stopPropagation to close boxes when clicking in document body
I have the following code which works but seems like it could be improved. I'm not sure if I'm using event.stopPropagation() correctly or if it is the best solution.
The elements are loaded via AJAX ...
4
votes
3answers
512 views
1
vote
1answer
116 views
Basic HTML5 Canvas/Javascript testing
I've written this bit of javascript to just learn basics of drawing on/interacting with the HTML5 canvas element...
Just want to make sure I'm doing things "correctly" in case I have any glaring code ...
1
vote
2answers
182 views
Website built with HTML and CSS
I have built a website with HTML and CSS. Please review my code.
...
10
votes
4answers
913 views
HTML Review of template for site - Is this ok for HTML5?
Writing a new site, has anyone got any comments on the HTML here? Is it all semantically correct? Thanks! This will basically be the template, so I want to make sure it's pretty perfect.
...
