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
1answer
41 views

Setting header color on scroll for each post

On this site this site, I have some code which you can see below which figures out the offset for each post from the top of the document and assigns a colour from each post to the header when it ...
1
vote
1answer
40 views

Image slider demo

Since I'm new to web development, I've decided to create this carousel, to practice a bit of JavaScript, more specifically jQuery. I'm really happy with the result, but I'm sure that to an expert my ...
7
votes
3answers
87 views

On hover, hide text and display options

Recently I learned HTML+CSS and a bit of jQuery and am building various web-things to stretch my skills and learn more about how to do things the right way. I was a bit surprised at just how many ...
1
vote
1answer
50 views

Element selectors for a RepeatButtonView

I have a large application with a wide-reaching amount of views and sub-views. I have a need to decorate DOM elements with identifiers so that my framework of choice can bind views to the DOM ...
1
vote
1answer
44 views

JavaScript dropdown component

How can I improve this component with using event delegation rather than doing a lookup using parentNode so that I can change the markup around without having to ...
7
votes
1answer
214 views

Simple syntax highlighter

I've made a simple in-browser syntax highlighter using JQuery. It's pretty simple, it just wraps keywords, integers, and such in <span> elements with color ...
4
votes
2answers
52 views

Dynamically Generating a Map Webpage for MMO

This question is related to my previous question about an MMO Server. Here, what I am doing with this program is connecting to another Java server program that resides on the same server as the MMO ...
3
votes
1answer
72 views

Quick CSS style generator

One day, I was thinking: Wouldn't it be nice to set a class and have all the styles defined? And that is exactly what I did: a PHP file that generates CSS with pre-defined styles. So, for fun, I ...
3
votes
0answers
62 views

Personal Website

I have written the following code for my personal website, in Jade and Stylus. Can anyone review this code? Are there any tips that you can give me on how to make it better? Here is the main-page.jade ...
1
vote
1answer
41 views

Udacity Intro to HTML and CSS layout sample

I'm going through the Udacity Intro to HTML and CSS course at the moment, and one of the exercises is to convert this mockup to HTML and CSS. I did the following, and it looks ok-ish: HTML: ...
3
votes
2answers
71 views

CSS Coding Style - Floating and text alignment

I'm not sure what is the best way to handle css when I have two uses of a class where the difference is one floats left and the other right. An example: ...
0
votes
1answer
28 views

Are heavy selectors in CSS readable?

Take the below code that I recently wrote: .navbar-inverse .emphasis-text, .navbar-inverse:hover .emphasis-text, .emphasis-text { color: #1caa98; /* Teal */ } ...
1
vote
0answers
28 views

Setting fixed height panes based on window's width

I have a webapp that follows responsive design and has following layout structure. The left layout appears when the window's width > 768px and right layout shows ...
3
votes
3answers
77 views

Switch questions using JavaScript and CSS

I am writing a Q&A wap page and want to switch questions in one page. This is my first time to write JS and CSS code, so I think there must be some improvement. ...
-3
votes
1answer
32 views

Simplify LESS :hover and :focus

I have the following snippet of LESS code to generate CSS. I have some different classes which I apply to different elements, and on hover or focus they should change color. ...
3
votes
1answer
59 views

JavaScript Dropdown Selector

I am just getting into front-end web development and to practice, I made a dropdown selector that allows for more styling than the regular <select> element. ...
3
votes
2answers
69 views

Sliding effect with bounce

I have used animate.css and jQuery as external libs. Is there a better way of doing what I have done with jQuery? DEMO ...
1
vote
2answers
73 views

jQuery pullout functions

I am using a simple page with 2 pullout functions, one on the left and one on the right side. I would like to simplify or combine the two functions into one and make one pullout close, when I click on ...
3
votes
1answer
80 views

Bootstrap 3 custom header

I need a second set of eyes to look at my twitter bootstrap 3 header. I would welcome some insight on the code structure and methodology as it relates to bootstrap best practices and efficiency. ...
15
votes
2answers
253 views

Calculator Snippet CC

The April 2015 Community Challenge requires building a calculator. Implement a simple calculator Where the definition of "simple" is whatever you make it - only supports basic arithmetic ...
6
votes
2answers
44 views

Scaling the last column in a table (with input) to match the container

I recently ran in to a problem with the presentation of data related to a graph. Each series of data has values that define the 'curve'. There can be a lot of these values, and I decided that there ...
1
vote
2answers
61 views

Consolidating my HTML, CSS and JS code in order to adhere to best practices

As I'm getting to grips with front end development I'm looking to consolidate/improve my below HTML, CSS and JS code in terms of adhering to best practices so any advice is appreciated. Quick ...
4
votes
2answers
50 views

Nav slider needs to be smoothed out

I created this responsive jQuery navigation which will re-size when the pixels get < 500 px and display the mobile navigation, although when the browser re-sizes > 500px it runs the widthCheck() ...
-1
votes
1answer
22 views

What is the recommended way of structuring CSS? [closed]

I have the following CSS: .class { margin: 1%; margin-left: 0; } I wonder whether another way would be better? Option a) ...
1
vote
3answers
63 views

Formatting in webpage quiz

Particularly on the CSS page, in the #question_list id, you'll see I've put a transparent border. This is obviously pointless, but without that border, my footer ...
10
votes
7answers
439 views

Music Theory Website

I was just curious to know what you think about this website I'm designing. I would just like any constructive feedback that you might have. http://jackatron.web44.net/music/ ...
2
votes
1answer
47 views

Getting CSS files based on production or development

I have the below script which returns CSS files based on production or development environment. The development section is fine; but for production I have to do 2 loops to get the files. Is there a ...
3
votes
1answer
38 views

HTML & CSS accordion

I'm looking for suggestions to improve my accordion code. Someone could also use it as a starter for their code. Here's the demo. ...
3
votes
0answers
49 views

Responsive bullets with horizontal and vertical centered HTML content

In my current project I develop a responsive site which has only on desktop a fixed width. Otherwise it's fluid. My client or rather my art director ;) want's fluid bullets with horizontal and ...
4
votes
1answer
40 views

Custom tooltip containing a list

I'm looking to improve my code as seen in the demo link below. The code displays a list in a tooltip. The tooltip is accessed by hovering over the last element of the main list. Here's the demo. The ...
5
votes
2answers
294 views

Calendar in HTML + CSS + JS - Improvement suggestions

As I'm new to HTML + CSS + JS I've been building a calendar (which I think anyone can use as a basis) but would like to get your suggestions on how I could improve my code specifically from the ...
0
votes
1answer
26 views

Random fadeIn has unwanted pauses [closed]

I have a title with each character and word split into a <span>, using lettering.js. I am relatively new to jQuery and ...
2
votes
2answers
39 views

Identifying clicked elements

I'm relatively new to web development. I started learning JavaScript a few months ago and it's going well. I made this code for someone on fiverr, and it got the job done, but I know there's a more ...
3
votes
2answers
171 views

Responsive web design using HTML5/PHP/Bootstrap3.3.4

I am trying to understand the basics of responsive web design using bootstrap. So, is this a good way of structuring the layout of a responsive web page or are there any other/better alternatives? ...
4
votes
1answer
71 views

Simple morphing button concept

I have been making a jQuery morphing button type thing. jsFiddle ...
2
votes
2answers
70 views

Simple mobile-first/responsive Grid System (w/ IE8 Support)

Made my first grid system supported back to IE8 if respond.js is used (or another method such as modernizr, etc.) This was made really just for use in a project I'm working on, so it's not as robust ...
5
votes
1answer
106 views

An utterly pointless jQuery program

This is the first jQuery program I've written, and it doesn't do much, but I'd appreciate the feedback. Just click on the different colored buttons to do things. Codepen ...
4
votes
2answers
176 views

Minimalist accordion implementation using vanilla JavaScript

The following example is an accordion script in JavaScript that does not use jQuery. When I started looking for a simple solution to this requirement I did not accept the idea of having to use a ...
7
votes
1answer
139 views

Lambdas will guide you home, CSS will ignite your code, Java I'll try to FX you

I've been learning JavaFX and wanted to recreate Simple calculator implemented with lambdas. It's also my first time using CSS, whose capability has convinced me of the wonders and appeal of JavaFX ...
0
votes
1answer
31 views

Radio group labelling and semantics

I can't seem to get fieldset's to react properly when using display:table and ...
1
vote
1answer
182 views

Interactive search filter for HTML table

I know there are many great plugins on the Net nowadays. But due to safety issues, external plugin are restricted. Thus, I wrote some JavaScript for an interactively searchable HTML table. The main ...
6
votes
2answers
92 views

CSS for a calculator

I've a small assignment to do: style a given HTML file with CSS. My result looks exactly as it should. But I'm not really satisfied with my style sheet. I'm sure there are better ways to achieve the ...
4
votes
0answers
124 views

Google material ripple button effect

I have "translated" this example built with jQuery in vanilla JavaScript, but I'd like to know if there are better ways to do it. The jQuery version uses offset() ...
4
votes
3answers
118 views

First completed webpage

Here is what the site looks like with the icons/images: ...
1
vote
1answer
44 views

DRYing out my Sass, looping through selectors

Need help with DRYing out my Sass... there is just so much repetition in here: ...
5
votes
3answers
146 views

Vertical alignment with CSS

I'm starting up a new project, and I've always had an issue getting vertical alignment right in CSS. Is there anything I could do better that what I've currently come up with? Replacing the ...
3
votes
1answer
43 views

More elegant Sass @mixin to create pseudo-element shapes

I picked up Sass last week, and I'm already diving into expressions. I have a @mixin that creates a CSS border triangle using the following call: ...
5
votes
3answers
66 views

HTML/CSS simple website

I'm getting into CSS/HTML by myself. I'm already familiar with many programming languages (C, Java, etc), but I don't know much about web development, especially about good *programming* practices ...
4
votes
1answer
79 views

Full web app utilizing HTML, CSS, and JavaScript

Having started a new software dev role recently I'm in the process of developing my first full web app project using the following stack HTML + CSS + JavaScript + PHP. I'm new in terms of applying ...
5
votes
2answers
325 views

Simple thumbnail gallery

I have built a simple thumbnail gallery using HTML and CSS with the purpose of inserting this into an auction listing. The code seems to work fine, but I know it is sloppy and most definitely improper ...