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
0answers
14 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. ...
2
votes
1answer
46 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
59 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
64 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 ...
1
vote
0answers
24 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. ...
12
votes
1answer
130 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
55 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
49 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
18 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
56 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 ...
8
votes
7answers
392 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
46 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
32 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
34 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
38 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
158 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
23 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
37 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
130 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
63 views

Simple morphing button concept

I have been making a jQuery morphing button type thing. jsFiddle ...
1
vote
1answer
36 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
101 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
140 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
129 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
28 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
150 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
75 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
113 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
117 views

First completed webpage

Here is what the site looks like with the icons/images: ...
1
vote
1answer
43 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
114 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
37 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
63 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
75 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
286 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 ...
3
votes
1answer
143 views

Notepad5, a simple HTML5, JavaScript notepad webapp

I made a simple notepad webapp, called Notepad5. You can use it to make notes while browsing the web and don't want to open up a separate application or extension to put the notes down and don't want ...
0
votes
1answer
219 views

Responsive search bar implementation using OOCSS

I am implementing a search bar here. I have finished basic UI. I have been recently developed a taste for scalable and robust HTML/CSS. Therefore I am closely following things like BEM and OOCSS Am I ...
1
vote
1answer
57 views

Updating height of the rows in tables with jQuery

Does it make any sense and how to modify the JavaScript/jQuery code below to increase the performance? The working code is: ...
8
votes
4answers
476 views

Code Prettify CSS template

I've been working on implementing Google Code Prettify and finally got it to work correctly. You can see my test file here to see what it looks like. I worked from a template and tried to improve it. ...
4
votes
1answer
45 views

CSS attribute Selector: responsive grid performance

I am looking to create a simple column based responsive framework, and would like to call my classes something like: <div class="col col-4-2-1"></div> ...
3
votes
1answer
106 views

Building a bootstrap modal window

I've built a modal window as seen in my modal HTML and CSS code below and was looking for any tips/advice regarding how well I've applied any best practices in both my HTML and styling with regards to ...
3
votes
1answer
96 views

HTML and CSS markup for flexible form layout

I'm trying to have a HTML / CSS structure for flexible layouts for forms. I tried to look at Bootstrap codes for help with this (without actually using Bootstrap itself). I've gone with something ...
2
votes
2answers
169 views

Animation that cycles through background colors

I am doing a background image animation using the function. It works, but I think I am doing more coding than what it requires. Can anyone please help me to minimize it? Don't recommend the CSS ...
4
votes
1answer
126 views

Removing popup notification, the dirty way

I'm new to coding and I am self-taught up to this point, so my scope for creativity is quite limited. As such I'm doing something in particular that I suspect isn't the "best" way of achieving this ...
3
votes
2answers
126 views

iPhone notes application replica using HTML/CSS

I've written a web application that is a replica of the iPhone's notes app. It turned out quite well, you can do everything you can on the iPhone's app except for sharing and sending it via texts etc. ...
-1
votes
2answers
42 views

Improving js efficiency

I have function that I need to run on window load as well as window resize and I was wondering how can I make my code more efficient. Here is my current code: ...
3
votes
2answers
432 views

Elevator program code challenge

I recently applied for a job where the company gave me the following prompt for a code challenge. They have since told me "yeah, no thanks" but provided me with no feedback about why they came to that ...
2
votes
3answers
158 views

Roamfree official website

If it is possible, could someone please revise my code to see if any improvements can be made? ...
0
votes
1answer
72 views

Recommendations for a newbie to CSS & HTML [closed]

I am getting started with web development, and been trying some HTML & CSS, and I want recommendations on my code from experts here. I want to know what standard naming conventions you use for ...