Tagged Questions
CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XML documents including colors, layout and fonts.
1
vote
0answers
21 views
Layout of two different styles of event labels with CSS
I have two types of event labels. The HTML markup is:
...
6
votes
2answers
92 views
Wrapping my head around these wrappers
I've been developing a page that is designed like this:
______________
| | |
| | |
| | |
--------------
Everything is wrapped in a ...
1
vote
0answers
15 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 ...
2
votes
1answer
56 views
URL Conditional in JavaScript
I'd appreciate any help just refining this working code. It has a bit of a weird context, but basically it's for a gallery style site that has hundreds of pages, but needs new navigation buttons. ...
1
vote
1answer
38 views
Hover effects using HTML and SASS
I recently created one of my first hover effects using HTML and SASS. Since it is my first hover effect, I'm almost positive that is it horribly inefficient. I'm sure there's a way to do this effect ...
2
votes
2answers
28 views
4
votes
2answers
53 views
Conditional Branching Using Filter
I'm using multiple jQuery filter functions to affect the background color of select objects based on the selected option and it works, but it seems bulky/redundant. Does anyone know how these filter ...
7
votes
1answer
143 views
Mobile touch menu
Unfortunately, the code in the original version of this question doesn't work, so I will rewrite this question.
Please don't review this code until I have fixed it.
See also this answer on Meta.
7
votes
2answers
235 views
+100
HTML Pencil: an online HTML editor with real-time preview
HTML Pencil is an online HTML editor created for modern browsers.
Please review the source code and provide feedback:
...
0
votes
0answers
8 views
Should ALL divs float left? [migrated]
I'm designing within an application that I inherited. I have done a lot of work to "consolidate" the CSS which was extremely overworked through much copying and pasting without a lot of strategy ...
6
votes
3answers
305 views
Functions to escape CSS rules in PHP
Some context
I've been tasked with supplying an escaping function to arbitrary CSS values that are entered through a form. The goals and caveats are:
I know it's bad practice to let users input ...
1
vote
0answers
34 views
Checking screen sizes for responsive site
I wrote this piece of code to make any breakpoint to the users choice:
...
3
votes
0answers
53 views
My first jQuery plugin
I am writing my first jQuery plugin that converts li tags to horizontal responsive barcharts. I am looking for some feedback and suggestions regarding the ...
1
vote
1answer
42 views
Getting topyellow, topred, slider, and navbar divs stacked
I previously asked in StackOverflow for help putting this together, and was told that I could improve the HTML and CSS.
Could you help me?
Here is my code, and the pictures I am using:
Code
...
2
votes
1answer
63 views
Responsive / CSS fixed and variable widths
CSS and responsiveness in multiple columns with fixed and scaleable elements can be done in many ways.
I have created a solution that seems to work, though I have no idea whether this is best ...
3
votes
0answers
34 views
5
votes
0answers
98 views
How can I make my website have a more modern look? [closed]
After looking at my site, I've been told by my bud:
You know what this looks like? The nineties.
I think it looks alright, maybe a little old fashioned but I've been staring at it so long now ...
2
votes
1answer
37 views
Website Navigation Bar - Potential code soup
I've had a bit of help designing the header for a website here: http://jsfiddle.net/gxLt5/21/
It looks and works exactly how I had hoped. That said, I do feel like the code is a bit grotty, and I'm ...
6
votes
1answer
120 views
Grid column size calculation
I have a one function to calculate all the possible widths plus the margins for the gutters.
In this same function, the grid ...
2
votes
2answers
75 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
3answers
128 views
A simple HTML / JavaScript calculator
I am making an app and I want somebody to check my code to maybe make it shorter, fix bugs, or add some things.
...
4
votes
0answers
57 views
2
votes
2answers
51 views
New CSS grid at 1800px
Background
We have to cater to large screens. So I created this portion of a grid system which is shown to users with screens larger than 1800px.
Solution
This grid is 1800px wide but can shrink down ...
3
votes
1answer
95 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
59 views
Guild Wars: Knights & Dragons - Version 2
I have changed a lot from my original code that I posted about a week ago, you can see that here:
Guild Wars: Knights & Dragons
Now what I need to know is if I improve this code further. Any ...
5
votes
1answer
94 views
Dropdown bubble for a menu item
I am a tyro with OOCSS and think I bit off more than I can chew in creating a dropdown bubble for a menu item.
I removed as much element specific code as I could, but still think I don't quite have ...
2
votes
1answer
154 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 ...
3
votes
3answers
216 views
Guild Wars: Knights & Dragons
I want to improve this code to make it look more professional, be loaded quicker and make it cross-browser compatible. Do note that it is not a finished site. I want to know the best practice for ...
2
votes
2answers
76 views
Testimonial section CSS inheritance and proper use of HTML5 elements
I created this testimonial section as a prototype.
HTML
...
1
vote
0answers
53 views
HTML/CSS; Code functional, but seems bloated [closed]
I've recently tried my hand at coding a website for the first time in quite a while. It took me some doing, but I got everything working the way I want. The site is live, it works well (to my ...
0
votes
1answer
523 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 ...
3
votes
3answers
48 views
Planning Poker Using Knockout
I am trying to build something similar to planning poker and am very new to Knockout and was wondering if anyone could help me improve on my very crude start?
This is what I have so far:
HTML
...
11
votes
2answers
256 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).
...
0
votes
1answer
133 views
CSS Ticker Animation
I have never use css animations before, so I just want to know, is this the 'best' way to animate a Ticker? I 'best' in this case encompasses efficient and semantic use of html and css.
It's worth ...
7
votes
3answers
135 views
Most efficient way of creating a grid in HTML with CSS?
So my problem is this, I need to create a grid that in each cell there should be a 0 or a 1. These cells when clicked should toggle between 0 and 1. When hovered It should show the coordinates (ex: ...
7
votes
1answer
168 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 ...
1
vote
1answer
40 views
Resharper: Unit of measure is redundant
Resharper complain if you have code like this:
border-width: 0px 1px 1px 0px;
and insists that units should be removed from zeroes as they are redundant. They ...
16
votes
6answers
1k views
Login Form in HTML
I am a beginner and I have made Login Form in HTML. I'm pretty sure it will look horrible to any developer, but hey, that's why I've posted it.
I'd like a general review of this. I'm especially ...
3
votes
1answer
401 views
jQuery conditional statement to check if a select option has either of 4 values selected
I am working on this project that has a reservation form which allow users specify which sort of service they require. I have a select menu with eight (8) options and I have two divs which would ...
3
votes
1answer
158 views
Menu Bar Animation Plugin
I'm fairly new to JS/jQuery (a few months), and I think it's time to start getting involved in the community. So I wrote a little plugin. Nothing revolutionary. Really, the project is to write a ...
4
votes
2answers
71 views
Admin CSS sidebar template
Could I get some feedback on my simple start to an admin template:
http://jsfiddle.net/spadez/GHKxW/3/
HTML
...
2
votes
1answer
100 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
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.
...
3
votes
1answer
68 views
Single Rotate Method
I just started coding a simulation-like application. It's about our solar system. Right now, I'm working on rotating the moon. I have this constructor
...
5
votes
1answer
82 views
Can my Less CSS code be improved?
I just started getting into the Less CSS framework and I am wondering if I'm doing it right and how the code can be improved if possible.
global.less
...
2
votes
2answers
56 views
Interupt redirect to catch potential newsletter signup
This is a piece of code I am working on to reuse in a few places on various websites. It is used to capture name and email addresses for people interesting in registering for something, we want to ...
4
votes
1answer
68 views
Horrible nested if statement for changing CSS based on RadioButton selection
I'm writing away for this website, and I've come into a problem. I need to display only one td based on the corresponding radio button pressed. However, there are ...
1
vote
1answer
44 views
Eliminate nested HTML elements for jQuery animation?
Background
When a user leaves a page, if they haven't submitted form data, a button is animated to draw the user's attention. (This is a poor UX choice--all the form data should be submitted--but it ...
2
votes
1answer
62 views
Simplify some resizeable HTML
I am generating a content bar with jQuery, that can be inserted into any webpage. It is a <ul> with two smaller lists within it. Those two minor lists have a ...
5
votes
1answer
61 views
Dynamic matrix in web browser
Today, my project was to make a matrix in my web browser. It is really slow, so help with optimizing it would be nice. It runs slow on my PC, yet alone my iPod 4 which this is going to be for.
...
