CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XML documents including colors, layout and fonts.

learn more… | top users | synonyms

0
votes
0answers
7 views

Which is the right BEM way?

I want to go deeper to the BEM methodology. I am struggling with the elements and how to "define" these. The question i have is, what is a correct element in the BEM way? Here are my examples (i use ...
0
votes
0answers
12 views

Creating mirror image with 2 loops and maintain proportional margins [on hold]

I have a 2 loops in CSS Stylus that I need to mirror: ...
6
votes
2answers
94 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 ...
-3
votes
0answers
19 views

Problems with fixed nav menu with mobile devices [closed]

Need some advice to fix an issue that a former staff left me with. On my site, http://www.mooremedical.com there is a red fixed nav bar at the very top. I just noticed that on my Android phone when I ...
0
votes
0answers
14 views

Trying to convert what I currently have into a new Javascript powered section [closed]

I am currently building a site in Drupal, and have setup an article page to look as I want it. ...
5
votes
3answers
118 views

Regex to validate font names

/((([\w -]+)|("[\w -]+"))( *, *)?)+/ http://refiddle.com/18ql I'm trying to use a PHP regex to sanitize a user input for a list of fonts. The above one seems to ...
7
votes
1answer
92 views

Is there a better way to design this quiz?

I just programmed a quiz and the code is given below. Is there a better way to program to do what I have done? Also I tried to do transition effect while the question is changing, but it isn't ...
2
votes
1answer
41 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
104 views

Wrapping my head around these wrappers

I've been developing a page that is designed like this: ______________ | | | | | | | | | -------------- Everything is wrapped in a ...
2
votes
0answers
38 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
61 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
41 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

More correct way to avoid using a list for dropdown

This is my code ...
4
votes
2answers
55 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
163 views

Mobile touch menu [on hold]

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.
10
votes
3answers
379 views

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
309 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
37 views

Checking screen sizes for responsive site

I wrote this piece of code to make any breakpoint to the users choice: ...
3
votes
0answers
56 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
44 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
71 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 ...
4
votes
0answers
41 views

Photo gallery layout

I'm working on a photo website, the markup looks like this: ...
5
votes
0answers
103 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
38 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
125 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
86 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
131 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
59 views

SASS grid system improvements

I've got this own made grid system made in SASS: ...
2
votes
2answers
54 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
104 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
112 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
183 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
222 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
91 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
743 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
51 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
273 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
153 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
157 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
172 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
42 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 ...
15
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
537 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
174 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
76 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
111 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
154 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. ...