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

5
votes
2answers
63 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
22 views

Random fadeIn has unwanted pauses [on hold]

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
27 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
98 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
49 views

Simple morphing button concept

I have been making a jQuery morphing button type thing. jsFiddle ...
1
vote
1answer
25 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 ...
-1
votes
0answers
26 views

Is my SASS Syntax right/good enough?

I'm currently learning SASS, and I'm still figuring out is my syntax is right/efficient? I have a pieces of CSS code: ...
5
votes
1answer
96 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
112 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
120 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 ...
-2
votes
0answers
37 views

Tile colored based on “shape”.shape “one” = all tiles last column of the cell to be colored. “two” = top and bottow rows colored, and diagonal

A Cell can be of width and height UP TO 5x5, and only "one" and "two" shapes will be used. ...
0
votes
1answer
25 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
106 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
66 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
80 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
113 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
101 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
33 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
54 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
69 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
251 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
127 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
66 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
41 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
428 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
36 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
81 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
77 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
158 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
95 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
100 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
39 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
290 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 ...
2
votes
3answers
106 views

Playing with colours

I was hoping people could help me review the following page that I've been working on. The page has a simple form that looks at a list of colours and draw a few divs with those colours as backgrounds ...
11
votes
8answers
859 views

Fibonacci checker

I wrote a simple Fibonacci checker using HTML, CSS, and JS. This is my first JS program, so be sure to tell me everything that is wrong with it. Check it out here (http://jsfiddle.net/z49fyypt/1/), ...
28
votes
7answers
2k views

Who's in the fellowship? When are Frodo, and the rest of the gang, together

As a variant on the fizzbuzz concept, and as an exercise for learning JavaScript, HTML5, and CSS (I know none of them very well). The regular fizzbuzz is somewhat tired, but having a web-based, ...
7
votes
2answers
171 views

Multicolor bar above form legend

I've implemented a multicolored bar as shown in the image below. It is a bar that is placed above the legend of an HTML form. (Ignore the border radius for now.) I have accomplished this with a ...
1
vote
1answer
43 views

Can my responsive Nav be made simpler?

I've created a responsive nav but feel there's probably a more simpler way of doing it. HTML ...
2
votes
3answers
132 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 ...
7
votes
2answers
65 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 ...
5
votes
3answers
119 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
455 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
200 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
3answers
155 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
51 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 ...
2
votes
1answer
106 views

First HTML/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 website. I'm pretty new to coding still and it's pretty basic, so I'm ...
6
votes
3answers
122 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 ...