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 (1)

5
votes
1answer
21 views

Volunteer Signup Report - follow-up

Here is the original question. I've incorporated a lot of the feedback and I'm ready for another round of feedback and suggestions. Here is the PHP file's output. It creates a volunteer signup report ...
0
votes
0answers
13 views

CSS3 Flexbox: Creating my own “framework”

Currently I have an application that is relying on Bootstrap's Grid layout. I originally chose it because it was easy to learn and looked good. However, it didn't handle nesting as well as I thought ...
0
votes
0answers
24 views

A better sticky footer [closed]

I was implementing this code from ryanfait and the link explicitly states not to use margins. I find this a bit to confining as margins are a part of my web site. Is there a better way to create a ...
0
votes
1answer
30 views

Social sites slider

I tried to make social media slider with jQuery, HTML and CSS. This is available as a Fiddle. Can I improve or debug any elements of it? ...
3
votes
3answers
170 views

What is the proper structure for a basic stand alone horizontal menu?

Here is what I'm starting with. It is just some <p> tags in a <div> tag. ...
4
votes
1answer
51 views

McCarthy's Pub Beer Menu

I wrote a little bit of code in JavaScript that takes an array of objects and does some sorting, then outputs to an HTML page. I set a goal to do it without any frameworks, and in functional style on ...
-1
votes
0answers
21 views

Microsoft Logo Animation v2 [migrated]

I updated my animation of the Microsoft's logo. It's available on CodePen. Overall, I am quite satisfied with it now apart from one thing. I cannot seem to figure out how to stop the animation so the ...
10
votes
2answers
1k views

Microsoft logo animation

I made an animation of the Microsoft logo. It's available as a CodePen doodle, also. Would anyone be so kind as to check my style and say if there is anything I could've improved? (I am sure there ...
1
vote
1answer
17 views

Overlaping sections using Bootstrap and CSS

I'm currently converting a PSD to a web template and attempting to overlap content and I'm running into a issue with the 3rd section because there is more padding than the first overlap and using the ...
3
votes
3answers
373 views

CRAFT412 gaming website, now with divs and spans

Since I'm new to HTML and CSS, I was wondering whether my HTML layout is correct? Before I used div id for everything and everything seemed to work fine, however I ...
5
votes
2answers
131 views
+100

Profiles with profiling checkboxes

I have this HTML down below that creates a list with two columns, the left one containing profile information, and the right one containing checkboxes of the user feedback in a horizontal list. The ...
5
votes
2answers
36 views

Volunteer Signup Report

I was creating a Volunteer Signup Report report in Microsoft Excel yesterday for my job and I had a moment of inspiration. What if I turned it into a website and made it dynamic? The volunteers sign ...
5
votes
4answers
240 views

Basic web calculator

I've built a calculator. I would not use angular or bootstrap because I am becoming addicted to them. I also wanted to check for double '.' use, and to limit the screens max text length but did not ...
4
votes
1answer
93 views

Personal portfolio website

I recently created this website for use as a portfolio because I thought it would help set me apart from other internship applicants next summer. I created this website using a mixture of pre-existing ...
19
votes
5answers
775 views

Cardshifter game lobby

We've been hard at work creating a browser-based GUI/Client for playing the Cardshifter TCG for the past week or so. Today, I just finished doing a pretty complicated layout for the chat lobby, along ...
3
votes
1answer
83 views

Simple JavaScript autosuggest component

Any suggestions for improving this? I'm hoping for some JavaScript object structure / code integrity type recommendations rather than style or CSS. ...
5
votes
1answer
43 views

Drilldown navigation menu by replacing divs

I made an attempt at a menu, that comprises of just replacing <div>s by showing and hiding. Kind of like a drill-down technique. I have the feeling that it is ...
5
votes
1answer
46 views

Toggling a CSS animation

I'm trying to toggle a dropdown box that will appear and disappear upon clicking the button. ...
4
votes
1answer
50 views

Custom dynamically generated slide show container

I've created a custom slide show container to use with Jekyll. This is the platform used by Github pages. It works by converting plain text Markdown to HTML. I wanted to be able to embed the slide ...
1
vote
1answer
40 views

Capture time spent viewing media

I've created some custom code that will capture how long a user spent viewing a picture. The timer will stop when the user clicks or escapes from the fancybox view. Is there an alternate way for me ...
6
votes
2answers
35 views

Div circular scroll

Have one div: Here's what scrolling of this div should look like: The only way I see is to duplicate ...
2
votes
2answers
72 views

Wobble-free progress spinner

I've been looking for quite some time to fix the wobbly spinner issue. Many people made numerous suggestions using fonts / pure CSS / CSS + JS. Unfortunately, none of the proposed solutions were ...
-1
votes
2answers
57 views

Program that filters JSON data based on user selection

I have made a basic program using AngularJS that displays data from a JSON file, and filters it according to the user's selection (specifically FIFA 15 chemistry cards). I did plenty of CSS work to ...
10
votes
3answers
835 views

App for generating passwords

I wrote a simple JS app to generate passwords. I read up on some of the commenting standards for JS, and started reading the book Clean Code. I am not sure if I am writing the ...
2
votes
0answers
40 views

Manipulating drop-down based on data

I like to create scripts that are clear as to what they do, I like comment, and use data- * in HTML to define what each component is. I created a script that ...
12
votes
2answers
635 views

Console-like printing of message JavaScript

I'm learning JavaScript and I've made a very simple little document-modifying script that prints a message as if it was someone typing into a console. It practices recursion and in my opinion, I feel ...
-3
votes
1answer
65 views

jQuery Addition Calculator

Please ignore row "B. and C." as it works in the environment where it was implemented and is missing the JavaScript reference. The rows highlighted in light blue are the issue. I injected row "A." ...
5
votes
2answers
138 views

Start of a responsive website for a legal firm

Please have a look at the HTML/CSS/JS (there is very little JS at the moment) and give me some feedback as to how my code looks to you, what level of skills it looks like I have and how I can improve. ...
3
votes
1answer
32 views

“Offset position on scroll” JavaScript snippet

I'm at a loss as to how I could optimize this bit of code. I realize I could place these objects into some sort of array, but I'm not sure how to go about this. ...
3
votes
1answer
82 views

The 101 Pictures Gallery

I am working on a website for a group of artists and want to know of a way to make my code cleaner and my website run faster. I am working on the gallery page, and there are over 100 pictures I want ...
2
votes
0answers
122 views

jQuery plugin for dynamically sticky headers and footers

I am creating a jQuery plugin to be used to stick the headers and footers of tables (or other list data) to the top and bottom of the viewport while scrolling. (i.e. scrolling down the page, the ...
3
votes
1answer
46 views

Simple HTML and CSS website

I'm making a really simple html website with CSS and I was hoping on some feedback. A few notes: There will be more content under this, but I want the starting screen to take up the full page and ...
-2
votes
2answers
67 views

Fasten single line of code for div resize [closed]

I have this one single line of code I wanted to improve. My main concern is the execution and rendering speed of it. Even though I am happy with its speed, could it be improved? ...
2
votes
4answers
221 views

Hovering over images to show another image whilst fading in & out

I'm trying to figure out how to correctly hover over an image to fade in another image and when you move your mouse out, it would go fade back to the normal image. ...
12
votes
2answers
264 views

JavaScript dropdown menu

In the past when I needed something like a dropdown menu, it was really easy to toggle the appropriate CSS classes with jQuery. Here is my first attempt to do the same thing without any dependencies: ...
15
votes
6answers
1k views

To-do list in jQuery

I'm making a simple to-do list with jQuery. This is my first step in JavaScript and jQuery. How can I improve my code? User enter tasks in input field, submit by pressing 'Enter'. On double-click, he ...
3
votes
1answer
37 views

Algorithm for subdividing html-elements

I am trying to write a module that automatically subdivides div-elements, given some initial parameters. I've prepared the following jsfiddle. What I am doing at the moment is: Setting the width ...
1
vote
1answer
64 views

Close modal and open new modal

I am trying to create a script that shows my login modal on page load. I have a button that opens the register modal and closes the login modal if clicked. Here is the script I am using: ...
2
votes
2answers
156 views

A chessboard model in JavaScript

I've created a chessboard model in JavaScript that will eventually iterate through some moves of a championship game. I've created a board object and a piece constructor. I've also created all the ...
3
votes
1answer
80 views

HTML/CSS MS Word style navigation ribbon

I made a MS Word style ribbon header, but it all seems very hacky, and I'm not really sure how to simplify it to something more reasonable. Rolling over one of the navigation icons changes the related ...
5
votes
2answers
267 views

Handling multiple click events of sliding divs

You are first confronted by three links. Each link triggers divs to slide out. The divs slide out and up to appear as if unfolding. The slide back in reverse when any other link on the page is ...
2
votes
2answers
41 views

Maintainable way to concatenate strings in JS and vendor prefixes

I am writing a jQuery plugin which, among other things, inserts a stylesheet in the head. Additionally, I also require vendor prefixes. A lot of values are derived from variables in the script, and ...
2
votes
1answer
56 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
51 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
160 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
61 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 ...
2
votes
1answer
72 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 ...
9
votes
2answers
327 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
70 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 ...
14
votes
3answers
348 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 ...