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)

3
votes
1answer
33 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. ...
-2
votes
0answers
13 views

How to convert chrome developed code into firefox compaitable code? CSS [on hold]

I have a website i've been developing on chrome and recently i've been having issues with chrome so i've moved to firefox. My problem is, is that the positioning of a div in my website isnt correct ...
-2
votes
0answers
15 views

Flip card is not working properly in Safary [on hold]

I use Bootstrap flip card snipped taken from here with some customization. HTML ...
5
votes
1answer
34 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
34 views

Toggling a CSS animation

I'm trying to toggle a dropdown box that will appear and disappear upon clicking the button. ...
-1
votes
0answers
19 views

Can't get rid of giant gap between two sections [on hold]

I'm trying to line up two sections side by side with just a tiny gap between them. I'm new to this but for some reason I cannot eliminate the giant gap between the two sections. When I drag the ...
4
votes
1answer
38 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
36 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 ...
-1
votes
0answers
17 views

HTML Form data into a Object to pass a method [closed]

So i'm trying to make this basic cash register type of app for practice, i'm just wondering how do I pass the form data from this : ...
6
votes
2answers
30 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 ...
-1
votes
2answers
36 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
824 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
33 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
617 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
64 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
137 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
30 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
81 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 ...
1
vote
0answers
108 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
44 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
65 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
129 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
210 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
52 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
106 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
69 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
257 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
53 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
50 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
139 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
58 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
66 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 ...
8
votes
2answers
303 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
65 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
330 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
79 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
118 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
89 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
30 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 */ } ...
3
votes
1answer
57 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
85 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
102 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
69 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
100 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 ...
4
votes
1answer
114 views

CSS mask clipping and overlay SVG to achieve a two effect

I am currently attempting to create a two SVG overlay / masking like the image below: I have created a SVG for the overlay. As it stands, I am trying to create two elements one for the green side ...
1
vote
2answers
83 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
154 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. ...