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

2
votes
3answers
110 views

Hiding element based on content

I have a page that is part of a CMS and I cannot alter any existing HTML or CSS, but I can add additional custom JavaScript and CSS. There is some text on this page I want to hide and I found a ...
-3
votes
0answers
33 views

Site jQuery troubles…? [on hold]

I am working on a site, ModesteWebStudio.com (incomplete). The jQuery and CSS3 transitions does not perform very well. Especially on the About section and in Safari. Please take a look at the code and ...
7
votes
2answers
54 views

Interdependent color swatch widgets

To illustrate some algorithmic problems I found while writing this code review, I needed to include a live demonstration, which I implemented using a Stack Snippet with Angular.js. The demonstration ...
3
votes
1answer
28 views

Improving names in a Bem list

I am having some trouble naming lists and list items using the Bem methodology. I want to emit a list of tags for a given blog post and I came up with the following names : ...
5
votes
3answers
75 views

Responsive CSS, abbreviated content

I wonder if there is a "correct" way to display different content, based on the the state of responsive webdesign. Different in this case is meant as an abbreviated text to display instead of the full ...
4
votes
2answers
113 views

Calculator using PHP with logging to MySQL database

I have made a calculator in PHP and I need some feedback in terms of security and performance or any other general improvements. You can download a zip file with all the contents from this link if ...
4
votes
3answers
180 views

Simple image gallery

I have a simple gallery that hides and shows images. It works fine, however, I am not satisfied with my approach, and my code seems redundant. Can you check my code and give a better idea on how I can ...
12
votes
2answers
94 views

Website template for Cardshifter game

I'm putting together a template for easy formatting of content pages, to be used in putting together a website for an online trading card game. I've been using the Bootstrap library (and finding it ...
2
votes
1answer
38 views

First website written with SASS/SCSS

I figured this morning that I wanted to learn how to use SASS, so I decided to rewrite an existing project's CSS using SASS. The project itself isn't complete so this is just a rough draft of the ...
0
votes
1answer
66 views

First HTML5/CSS site

My girlfriend and a friend started a Kiwanis club around here, so I figured it would be a good opportunity to try coding my first web site. I'm pretty new to coding still and it's pretty basic, so I'm ...
6
votes
3answers
109 views

Make website design more elegant and have better compatibility

This is my very first website which is going to be published online. Along the way it's gonna be a complete website. Now, firstly, I am a very beginner in this field, and I want to be a good web ...
6
votes
1answer
52 views

Is my code tidy and structured?

I'm very new to coding and I've attempted to make my first website, however I feel as though I haven't coded it with a proper structure. Here is a jsFiddle of all my CSS and one html page from my ...
2
votes
1answer
50 views

Row and Column input picker

I've created a simple picker which is going to be used to select the number of rows and columns when constructing a table. Here's the example: http://jsfiddle.net/tnn3qgvj/8/ HTML ...
3
votes
1answer
74 views

Portfolio website

I'm making a portfolio website right now with Visual Studio 2013 and ASP.NET 3.5 because my free hosting only supports 3.5. Are there any bad practices in my code at the moment? What would you change ...
3
votes
1answer
40 views

Changing a video link when hovered

I have three divs that change a video link when they are hovered. I have the code working in three different blocks but I am not sure how to combine them since it is very repetitive. ...
4
votes
0answers
98 views

Recreating the Google Homepage for The Odin Project

I am trying to recreate the Google homepage as part of a The Odin Project task. I had a hard time lining up the top right hand menu bar - should I have done it differently? Was the way I did it the ...
0
votes
1answer
51 views

Can the number of div elements be reduced in this design?

Is there a way to cut-off using "div" elements in my design or it is good enough? I use Boostrap CSS library. CSS: ...
3
votes
2answers
41 views

Targeting specific elements with CSS only

This code below works as needed, but I am not sure if there is a more elegant way with pure CSS. I have a table with two columns, and 4+ rows. I'll actually upload a picture. It's the first table in ...
4
votes
3answers
135 views

Form validation appears to be too rigid

A Stack Overflow coder said my code is too rigid and inflexible. Would someone critique my form validation code, and give some pointers on being more efficient? Code Logic: If the field has an ...
2
votes
1answer
65 views

jQuery and CSS3 slideshow

I have built a slideshow using jQuery and CSS3. jQuery is used to trigger class changes (.slide1, .slide2 ...) on the slide container (...
2
votes
1answer
194 views

Multiple jQuery hidden element toggles

I have a handful of images working as jQuery toggle switches - Showing or hiding an element on a click event. The code below mostly works as intended, but I'm fairly certain I'm using a lot of ...
5
votes
2answers
54 views

Creating elements with special corners

I've been given a task to create elements with some special corners, and those elements should be responsive. This works, but am I wondering if something better could come up. Less code to maintain. ...
10
votes
3answers
1k views

Efficiently generating HTML CSS table using Java

I am trying to generate an HTML table using Java. I have an object which I am iterating to make an HTML table. ...
1
vote
1answer
74 views

Showing a spinner over content - fade out some elements and disable clicking on some elements

I am displaying a loading spinner inside of various elements. There are four potential states an element could be in: Reduced opacity; unresponsive to pointer events. Reduced opacity; responsive to ...
1
vote
1answer
166 views

jQuery Widget - Progress Tracker

This is a follow up on JS Progress Bar Widget I've rewritten it as a jQuery Widget Factory widget, attempting to follow that standard as much possible and fixing the various problems pointed out in ...
1
vote
0answers
46 views

Vertical-align in Nested Column

Requirements: There is Two Column, The left column is fixed width The height of two Column should be the same. Left column contain a title (can be multi-line), and an Image (limit max width to left ...
5
votes
1answer
120 views

JS Progress Bar Widget

Demo of the widget: http://jsfiddle.net/slicedtoad/Lywvbsf4/ It's a progress bar that shows a list of steps and which one is being completed as well as allowing previous steps to be revisited. It ...
7
votes
3answers
268 views

Lazily Load CSS and JS

I have written this piece of JS and CSS loading code and I would like some advice on it. Anything some of the JavaScript gurus could possibly point out would be much appreciated. The code works, but I ...
3
votes
1answer
434 views

Developing an alert notification in AngularJS

I'm studying Angular and want to develop my own notification alert. This is what I done, I like it and it's working like a charm but I think that it can be improved: Do I need to use it in ...
3
votes
2answers
107 views

Swap images on click with specified image

I am new to jQuery and needed a solution for the following problem: There are 3 images in a row and when the user clicks on one of them all three pictures are hiding and instead another image shows ...
1
vote
0answers
52 views

Stylish range input, Google Chrome only

I have an input[type=range] element which is customized using CSS to look more modern. I'm unhappy with my CSS because of the need to use ...
13
votes
3answers
295 views

Stylish underline when input is focused, modern browsers only

I've got a text input element which is decorated with an underline. The underline goes up half the height of the input on either side of it and turns blue when the input is focused. It's similar to ...
1
vote
0answers
47 views

Bootstrap CSS Container Layout

I've always been used to write my own CSS but I decided to give a go to twitter-bootstrap and I want to make sure I'm not using more HTML containers that I need to: This is my code for a single ...
5
votes
3answers
636 views

Most basic HTML website - naming and CSS rules

I'm trying to accomplish something very simple as seen here. HTML ...
12
votes
1answer
183 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? ...
5
votes
2answers
109 views

Displaying styled validation messages to user

I'm new to AJAX and jQuery, and just for testing, 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 ...
5
votes
2answers
194 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 ...
1
vote
1answer
42 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
440 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
177 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
2k 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
129 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
62 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
192 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
90 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
288 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
189 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
224 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
194 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
197 views

Is there a better way to design this quiz? [closed]

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 ...