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)

1
vote
1answer
28 views

SASS + Compass - File Structure and @Import order [on hold]

I recently started using SASS and Compass in my projects. So far I am using the file structure shown below. ...
0
votes
2answers
35 views

Styling the font size in a nav bar

The font size scales up/down based on the size of the browser to fit the nav bar buttons (using @media). ...
0
votes
1answer
19 views

Flexbox & BEM 'table'

Using SCSS and React, I have made a little table (not an HTML table), which is responsive based on variable-width cells. That is to say, each cell whose width is not variable has a ...
0
votes
0answers
11 views

Responsive Web form with Foundation for sites

I have made this web form for user registration. The requirement is that it can be used on different devices, respectively screen sizes. With you tinkering I was able to make this current version ...
0
votes
1answer
29 views

Value-added tax calculator app

The app calculates the tax which is included in a (given) amount. Because I'm new with both libraries (React.js and Foundation) I would appreciate hints and improvement suggestions. Live demo on ...
5
votes
1answer
107 views

Simple restaurant menu

As stated in the title, the code produces a simple drop-down menu that allows you to select your Starter, Main and ...
1
vote
0answers
23 views

Universal CSS template for global styles

I 'm trying to create a universal CSS template for global styles. I can not find unambiguous recommendations. After inspecting various sites, I have compiled the following template . I ask your advice ...
3
votes
3answers
70 views

Wikipedia Viewer

This is one of the projects on freecodecamp. I would like a review on my code. Thanks in advance. Javascript: ...
0
votes
0answers
9 views

My first form in BEM style + SASS

3 days ago I have found out about the BEM schemantic. I have googled a bit and tried to do my first login form with BEM + SASS. One problem I had, was to find correct names. However in my opinion as ...
2
votes
1answer
31 views

Shortening Divs

I have a project here that looks pretty good and does exactly what I want it to do. The codepen is here. What I need to find out is if these divs that flip can be shortened in any way: ...
1
vote
0answers
15 views

JavaScript-function for to attach CSS-animations

The purpose of the function is to attach CSS-animations to HTML-elements with a text-content property. Like for example h1, div, p etc. It's not fully elaborated. Nevertheless have I decided to put ...
3
votes
2answers
65 views

Javascript bar graph representation using CSS

This js was written strictly for a visualization of a graph redesign included in a stats report within our game systems. It all works properly, but I know there has to be a much neater way to organize ...
1
vote
0answers
47 views

JavaScript Image-Slider

An implementation of an image-slider I figured out. Could it be further improved? Or should I do it in a completely different way? Not sure if the technique of assigning a function to ...
4
votes
1answer
114 views

A very basic JavaScript calculator

I'm just starting out with code. I created a very basic JavaScript calculator. While writing, I couldn't help but think that there must be easier, faster and less redundant ways to write this. For ...
1
vote
0answers
26 views

Selecting up to three thumbnail images using jQuery

I have written something in jQuery but I'm not sure whether it is an elegant solution. Every click needs to check the DOM for classes/and add and remove classes. Any feedback or suggestions would be ...
0
votes
0answers
25 views

JavaScript News Ticker in Retro Style

I have chosen to do it in a some "Retro-Style". So that it shall remind one of old green-screen monitors. Version with working Ajax-Request and Sass-Code on Codepen : http://codepen.io/mizech/full/...
4
votes
0answers
36 views

Developer-tool: Creates large arrays with random-strings for testing-purposes

I've made this developer-tool for my own use. Perhaps for colleagues too. Currently I'm thinking about enhancing it. So that different data-types could be chosen. But before that I like it to be ...
2
votes
1answer
65 views

Graphic Ape Designs gallery website

I am currently working on my YR9 (I'm 14) IST web development project and I want to know some tricks for optimizing my website. I know that I shouldn't have the same CSS rules in the style tag on ...
2
votes
2answers
91 views

Responsive horizontal scroll on mouse position

I am making a responsive horizontal scroll UI. The horizontal scroll position is calculated according to the mouse horizontal position: ...
1
vote
1answer
78 views

Turn script into a function which extracts the div ID and places it inside

Alright, so I've got this script which basically drains the thumbnails and streams from the twitch API/JSON. ...
2
votes
1answer
41 views

Number-system converter in JavaScript

I have made this app to get a bit more familiar with JavaScript and CSS. I functionality seem to work as expected. Although I've noticed problems with the flexbox-layout in Firefox. Currently no ...
1
vote
1answer
42 views

Expanding list on webpage

The below produces the output I want. Namely, it initially displays the first item on the list and the first expander link. When an expander link is clicked, it hides that link, unhides one more item ...
1
vote
0answers
46 views

JavaScript drag-and-drop sortable list

I made a simple list with drag and drop ordering function using JavaScript, HTML and CSS. Although I tried to do this as efficient as possible, I'm sure there are some improvements to be made. What ...
3
votes
0answers
84 views

FizzBuzz… with style (js, jquery, html, css) (and questions…)

I discovered the FizzBuzz test while looking up something else on stackoverflow, so I decided to try it and see what I would come up with. I'm kind of new to jquery and js, so I'm looking for a ...
0
votes
0answers
34 views

Animate.css 'slideshow'

Animate.css offers on it's page the possibilty to try out the included animations: https://daneden.github.io/animate.css/ For to see a demo one has to select it via a dropdown. Then trigger it by ...
0
votes
0answers
36 views

Message-Div animated with changing colors

I've made this animation with jQuery and Animate.css. Could be surely improved. Currently I'm using 125 (5^3) different colors. If one extends the amount of colors, or respectively the filling of ...
1
vote
0answers
18 views

Giving styles to the transport links li

I am trying to give styles to the transport links li. I have done it, but I have a feeling it could be a cleaner code and I am not completely sure if using absolute ...
0
votes
2answers
37 views

How to optimize a section in HTML/CSS [closed]

How to set in HTML/CSS a section just like in this picture https://snag.gy/mStL9H.jpg ? I have tried something but am not sure if it's right. ...
5
votes
3answers
73 views

Hearthstone deck list

My code will display a Hearthstone deck list. I'm still learning HTML and I'd like help with a few things: • How readable is my code? How can I improve readability? • Have I used any bad practices? ...
2
votes
1answer
41 views

JavaScript/CSS dynamic mouse-relative shadows

Here's a live demo to what my code does, it works pretty well: http://brainlessdeveloper.com/demos/javascriptdynamicshadow.html It's supposed to do what it does: it follows your mouse and rotates ...
0
votes
0answers
14 views

Modifying this CSS in the active admin gem for a Rails 4 application

I wondered if there was a way to DRY (don't repeat yourself) this CSS code or if this is as compact and readable as I can make it? ...
4
votes
1answer
105 views

JavaScript function for to toggle multiple CSS-classes at once

The method toggle of Element.classList expects a parameter which names a CSS-class. You can't assign multiple classes at once ...
0
votes
0answers
38 views

Template for a table to display suggested pledge amounts

I am building a template that will: need to be edited by people with minimal JS/CSS/HTML training need to be flexible enough to accept changing text and layout need number of rows/columns will ...
2
votes
1answer
45 views

JavaScript text-analyser to determine how often a defined word appears in text

The idea of my application is to have the user provides text which is pasted (or written) inside the textbook and further provides a search word. The application then shows the overall count of words ...
3
votes
1answer
82 views

CSS3 Dropdown Menu (touch device or mouse compatible)

If you'd like the files: https://github.com/agraymd/Animated-Profile-Menu Working Demo: http://jsfiddle.net/tddfevhv/1/ This may be rather basic, but I wanted to experiment and learn with some of ...
2
votes
1answer
42 views

Modular, conflict free, BEM-style CSS

I want to standardise the CSS I use, and am leaning towards bem — I know I'll get a lot of benefit from the predictability of its pattern. I have hacked their formula ever so slightly - I don't ...
5
votes
3answers
87 views

Fancy checkbox for web pages

I just finished creating a fancy checkbox and am hoping for some tips to help improve my code, as I am still learning. ...
0
votes
1answer
38 views

Is my code correct?

I need to do a card for showing some data. I had some problems with the blue left box on the left side, and to add custom paddings. It think I can add padding with a more simple way, but I don't know ...
3
votes
1answer
61 views

Fruit score leaderboard

I made a basic website to practice HTML and CSS that will display 3 fruits with their given scores in an Olympic podium sort of way. Have I used any bad practices and what I should do instead? What ...
2
votes
0answers
47 views

Web based Simon clone

I wrote a Simon clone in JavaScript, HTML, and CSS. It's extremely simple, but turned out fairly well. I'm looking for general feedback, as well as these things specifically: I opted to try to do ...
2
votes
0answers
33 views

Simple native JS Calc

I've never been into web a lot, but I really want to. I started from simple things. I have some experience in .NET and c#. But the world of javascript is completely new for me. I wrote simple ...
3
votes
2answers
53 views

Count calls and update table accordingly

This is literally the first time I've ever used JavaScript so I know it's really bad and how to improve it just not how to implement it. Basically, I need to loop through all the elements instead of ...
0
votes
0answers
30 views

Tribute page webpage

I've created a tribute page, following the track of freecodecamp.com. Here is the CodePen link. ...
3
votes
1answer
190 views

Simple JavaScript quiz application with radio buttons

I've created a simple JavaScript application, which also happens to be my first-ever piece of code in any programming language.It took me two days to get the core correct and another two days for ...
1
vote
2answers
48 views

HTML single page layout

This is a single page HTML/CSS layout. This is my first ever code and I know it's not perfect, but I would love for someone with a lot more experience to let me know of my mishaps. ...
2
votes
2answers
43 views

CSS list-style with Font-Awesome toolkit

I will design a list with a Font-Awesome design arrows. My code already works fine, but I will improve it. ...