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

4
votes
3answers
506 views

Most basic HTML website - naming and CSS rules

I'm trying to accomplish something very simple as seen here. HTML ...
3
votes
0answers
52 views

Making loop in CSS Stylus more efficient

I'm not sure if this could be more efficient because I don't think I should need 2 keyframe loops in addition to the for loop? ...
2
votes
0answers
28 views

Client-side XML + CSS architecture

Background With the goal of creating a simple architecture, I am wondering about the implications of a client-side rendering implementation. The request architecture resembles: ...
-1
votes
0answers
18 views

resizeable tab titles resized on hover, won't resize properly in Firefox [on hold]

I am working on resizeable stacked tabs (similar to chrome tabs) with truncated titles (when they are too long), animated width resize on hover (to show whole title). All is working great in IE8 and ...
5
votes
1answer
50 views

Displaying styled validation messages to user

I'm new to AJAX and jQuery, Just for test I created this simple code. When the user enters their First Name and their Last Name it displays a message that says Thanks for entering everything ...
4
votes
2answers
122 views

Tabs in JavaScript and CSS without additional framework/library

Below's my attempt at creating a simple tab control in JavaScript and CSS, without making use of any libraries or frameworks. Does this look OK to you guys? Can you see any obvious pitfalls? I ...
-3
votes
0answers
18 views

Full width carousel's slides on the side is not working [closed]

Hi I bumped into http://coolcarousels.frebsite.nl/c/2/, the full width carousel with half visible side slides. I used that on the project that I am currently working on which is ...
1
vote
1answer
27 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. ...
14
votes
2answers
327 views

Tic Tac Toe in plain JavaScript

I have created Tic Tac Toe game using plain JavaScript. Can any javascript expert review it and let me know whether the way I have written JavaScript code that is right (preferable)? I am unsure that ...
6
votes
2answers
140 views

Checking CSS code for best practices when mimicking

I'm currently looking to try learn CSS properly and I'm looking to recreate the following image using CSS: Now I've managed to recreate the image (sort of) what I am looking to know though is based ...
5
votes
1answer
95 views

Manipulate HTML document loaded into WebBrowser control

I have developed my custom solution for this. It happened that the first solution is using XPath queries and the second, a conceptually similar to the first one, is using CSS queries processed by ...
7
votes
2answers
96 views

HTML inline CSS

This HTML code seems to work: the page looks as I intended it. I have checked it multiple times, but it's difficult to tell how to improve. I would like somebody to review and point out any mistakes ...
1
vote
2answers
58 views

Basic product builder

I'm developing a very basic product builder. Part of the builder has a basic text editor including some text color presets. As it stands, the presets remove a class that defines the text color and add ...
2
votes
2answers
151 views

Cleaning up a rotating image gallery

I have created a nice little image gallery for the web. I set out wanting 3 things. 1. The whole gallery had a basic level responsiveness to it. 2. The gallery would take images of any size, and ...
5
votes
1answer
45 views

Sass code for displaying two simple search forms

Sass code for creating a basic search box. Resulting CSS used for two that are different widths. The goals is to define sass that generates CSS that is easily re-usable as well as concise and ...
7
votes
1answer
92 views

Algorithm simulator (bubble and selection sorts)

I am concerned where it can be improved. Main concerns are coding style. Any other improvements are welcome too. Priority is on JavaScript, review for HTML/CSS are welcome too. What it does: ...
10
votes
3answers
145 views

CSS3 heavy transitions performance enhancement

I am building a website with heavy CSS3 transitions. The menu is hidden on the left and slides in on hover pushing the main content right. The menu contains transformed elements and has a semi ...
6
votes
2answers
114 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 ...
5
votes
3answers
141 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
109 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
65 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
112 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
60 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
64 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
50 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
29 views

More correct way to avoid using a list for dropdown

This is my code ...
4
votes
2answers
58 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 ...
9
votes
1answer
210 views

Mobile touch menu

I want to make a menu-item which: Reveals a drop-down submenu, when the item is hovered (using a mouse) or touched (using a touch-screen). Lets you click on a link in the submenu, while the submenu ...
10
votes
3answers
423 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: ...
6
votes
3answers
312 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
41 views

Checking screen sizes for responsive site

I wrote this piece of code to make any breakpoint to the users choice: ...
4
votes
1answer
85 views

Converting <li> tags to horizontal responsive barcharts

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
46 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
94 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
49 views

Photo gallery layout

I'm working on a photo website, the markup looks like this: ...
5
votes
0answers
115 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
42 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
137 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
109 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
160 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
64 views

SASS grid system improvements

I've got this own made grid system made in SASS: ...
2
votes
2answers
59 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
114 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
61 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
159 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
280 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
240 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
171 views

Testimonial section CSS inheritance and proper use of HTML5 elements

I created this testimonial section as a prototype. HTML ...
1
vote
0answers
57 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 ...
1
vote
1answer
2k 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 ...