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

14
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
52 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
64 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
34 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
25 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
58 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
57 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
65 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
42 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 ...
3
votes
1answer
40 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
23 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
42 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
45 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. ...
1
vote
2answers
76 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, ...
6
votes
2answers
54 views

Am I using BEM correctly?

I have started using BEM syntax for my HTML and CSS. I got the idea from Harry Roberts blog post MindBEMding – getting your head ’round BEM syntax Please note I am not looking to use this for HTML ...
3
votes
1answer
50 views

Am I over using <ul> for layout?

I want to create a small web widget, you can see it at this jsfiddle. Right now it is organized by placing lists within lists and content within those lists. All of this is supposed to sit, as a bar, ...
5
votes
1answer
39 views

Form generator for inputting URL, description and link

This is a form generator I created so users can input a URL, description and link. The output will eventually be a JavaScript news slider. The HTML the form generated is irrelevant for now but I'd ...
5
votes
1answer
57 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 ...
4
votes
1answer
84 views

Fading and Loader jQuery Improvement

I'm not much of a jQuery coder (more of a PHP coder), except to call a few get values out of class and id and Ajax calls. However, I need to make a checkout system work and one thing I would like to ...
2
votes
0answers
64 views

Insert and Delete (a list of specified) characters/words in headline [duplicate]

I'm very new to JavaScript and I'd appreciate some help. Here's a jsfiddle: http://jsfiddle.net/KYjF9/3/ I'm trying to make that code more elegant and also valid at http://www.jslint.com/ (browser ...
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 ...
9
votes
1answer
48 views

Input group with flex box

I'm developing Chrome extension so I can use bleeding edge technologies like flexbox. Here is my solution (jsfiddle) HTML: ...
5
votes
1answer
102 views

Cleaning up a dining hall…website

I am making a website that takes a bunch of dining hall information and puts it all together in a neater (and hopefully more mobile friendly) form. Here is the link: ...
5
votes
1answer
138 views

Active Directory details page

Recently I have been making an MVC application with a fluid, responsive design in mind. One of the views has been to implement a fast responsive active directory details page. This is how I have ...
1
vote
2answers
51 views

How do I refactor this responsive background images code?

In my latest project I am using fullscreen background images for each page. I decided to write some code to fetch the different thumbnail sizes and then use it as a background for the appropriate ...
3
votes
0answers
45 views

Cleaning up a “iPad” looking video link

The code can be seen live here: http://jsfiddle.net/darcher/Kc5n8/1/ In an effort to reduce the images being used on the page, I've manipulated box-shading, etc. to make a "vector" looking ...
3
votes
5answers
268 views

Detecting collision of two divs

I have two divs as seen in this JSFiddle. To recreate the problem, keep clicking on the Gray container till both divisions touch each other. The purpose is to ...
3
votes
2answers
76 views

Vertically and horizontally center these HTML elements

I have an image and a text title that I'm trying to center in a div. I would like the image to be to the left of the title, and for both of these elements to be centered both horizontally and ...
5
votes
1answer
46 views

Code to demonstrate the use of filter and drop shadow

The following code will be used for educational purposes. It is to simply demonstrate how to apply a drop-shadow using a CSS3 filter. Any feedback on areas where I have not used best practices e.t.c ...
5
votes
1answer
39 views

Code to demonstrate various different box shadows

The following code will be used for educational purposes. It is to demonstrate various way that the box-shadow property can be used. Any feedback on areas where I have not used best practices e.t.c ...
12
votes
1answer
157 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 ...
5
votes
1answer
186 views

Is there a shorter way to write this jQuery code?

I'm using two category filters from this demo. I give the filters two different sets of classes so they won't affect each other. Since I'm very new to jQuery, all I can come up with is repeating the ...
5
votes
1answer
55 views

Inset Text Shadow Review

DEMO: http://jsbin.com/nehut/1/edit?html,css,output HTML ...
6
votes
1answer
65 views

Member list reveals member information on click (#2)

Not a follow-up, but related to Member list reveals member information on click (#1). I now want my CSS reviewed. What I'm doing? The content in a list of members is revealed by jQuery (see review ...
5
votes
2answers
167 views

Injection with Chrome Extension

I am building a Chrome extension that injects a small overlay in to all websites using a content script. At this point all the injected elements do is sit in the bottom left corner. It has two buttons ...
10
votes
3answers
199 views

MS Excel type of grid in jQuery

I have created a MS Excel type of grid in jQuery. I want to learn best practices and I need your comments for more optimized code. Please review the code and offer your suggestions. Demo jQuery: ...
10
votes
3answers
317 views

Ultimate Tic-Tac-Toe Challenge

This is my attempt at the Ultimate Tic-Tac-Toe code challenge. It uses jQuery to build out the game grid and find the states of all the "buttons" (actually ...
11
votes
3answers
827 views

Testimonial section with HTML tags

I created this testimonial on CodePen I am a bit skeptical about a few things in my HTML structure. For example, I typically see testimonials enclosed in ...
25
votes
5answers
2k views

Verifying password strength using JavaScript

I have a function which verifies the Password field and suggests the user to enter a strong password. I also have a label named ...
16
votes
3answers
730 views

View for Ultimate Tic-Tac-Toe board

I've put together a board for Ultimate Tic-Tac-Toe (What's that?). This is part of the current code-challenge: Code a Ultimate Tic-Tac-Toe Resources: Live demo of my view – For you to see ...
3
votes
2answers
67 views

How can this <ul> be set up to maximize inheritance if additional classes will be passed in from a JSON file?

Objective Currently I have the flags hardcoded. But want to optimize my code for production. So I am wondering if I have this code done clean enough to leverage CSS inheritance while maintaining ...
5
votes
1answer
172 views

Was this use of <img> tags in this HTML over background images better?

I saw this UI for a mobile app, but I reverse engineered it for the web. This is how it looks in my CodePen This would be either a favorites or featured list locations to travel to. I decided to go ...
3
votes
1answer
77 views

HTML and CSS markup to achieve desired result

I am new to HTML and CSS. I was wondering if anyone could give me some advice on my use of markup and CSS to achieve this result. I am trying to get a fixed full height sidebar with a list with sprite ...
6
votes
2answers
138 views

Monopoly: Board creation

After initially struggling with the board size, I have now decided the dimension. Please review my code. In the code I am generating HTML code using PHP and MySql. I have not added the database, ...
5
votes
1answer
44 views

Is this HTML structure and CSS DRY enough in this country selection menu?

I have built this conceptual design of a localization menu on this CodePen I am wondering if I should have structured my <div>s better or if this should be ...
7
votes
1answer
121 views

Improve mixin that outputs page-specific CSS

As part of this answer, I created a mixin to generate some page-specific CSS for me. I need to style an element based on a class I assign to the html-element. I do ...
7
votes
2answers
198 views

Is my use of CSS inheritance clean enough for these sprites?

I have a set of links with background images on this CodePen. I am seeking feedback to see if I did this the most optimal way. For example, I made a sprite so that I can just load one image. And I ...
1
vote
1answer
77 views

Monopoly: Creating a monopoly board

I am creating a Monopoly board game using HTML, CSS, PHP, JS and JQuery. I am doing this to develop my web development skills. I have cut the project into sections. So this question will only deal ...
7
votes
6answers
207 views

How would you better organize/code this basic HTML and CSS?

I'm curious to see what any of the more experienced programmers would do instead of methods I took as a learning tool. Any tips/tricks/fixes and reasoning is appreciated!! http://www.jacobweyer.com ...
2
votes
3answers
97 views

Better way to use pseudo elements

Here is a JSFiddle of an accordion menu that i've done. I have used :before to add the icons. My question is, is there a better way to Add different icon to each ...