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
0answers
9 views

Ribbon animation code too repetitive

I spent the last two days getting a ribbon animation to work with divs so that I can later add li link elements to them to act as a menu. I used the progess bar animation code as inspiration from ...
1
vote
1answer
25 views

Product information overlaid on a large image

I've created some full-width divs containing images and text to exposure products. It did take a lot of trial and error (I do not have any kind of education). However, it feels a bit clumsy and i'm ...
2
votes
0answers
17 views

HTML/CSS - project's structure, BEM, turned from psd

I'd like to ask you for opinions about website. It is training template turned from someone's web design. Generally, I'd like to know what I should improve and how to be more effective with future ...
3
votes
1answer
42 views
3
votes
2answers
41 views

JS cross-fade transition

As the question says....Can this be done any better? I could introduce more variables to cut down on function number, but does it make sense? So this is a simple cross-fade between two images : ...
3
votes
3answers
84 views

Upper section of a vertical single-page website

This is my very first attempt to write HTML and CSS. I designed this website for a friend. I'm not sure if I used the best practices or maybe I did something wrong but I just started my learning ...
3
votes
1answer
119 views

HTML5 Snake Game

This is the first version of my first HTML5 game. Beyond the standard features, I've added a high scores board which uses local storage to keep track of the scores. You can move the snake with the ...
-7
votes
0answers
23 views

My Mega Menu Don't worked ! why? [closed]

I'm developing a web site , but my mega menu don't worked , why ? there is my html , css , JS codes : html : ...
4
votes
2answers
66 views

jQuery functions to add corresponding entries of lists

Thanks to this post, I was able to create a working piece of javascript that fits my needs. I have a div/ul/li based table where each "row" has 2 values that I want to have the sum for. Currently the ...
3
votes
0answers
27 views

Fade and slide animatable elements on window scroll

I wrote a simple JavaScript function to animate objects on my webpage to fade and slide in from the bottom of the screen when the user scrolls them into view. I did this by using JavaScript to add ...
0
votes
1answer
18 views

HTML-formular with animated input-elements

The idea is to improve the usage of larger formulars. Done by adding a little animation to the input-elments. When one of the textboxes is clicked or focussed via tab appears a colored border. ...
0
votes
0answers
19 views

Traffic Light Logic using angular

I am pretty new to angular and have implemented a traffic light logic for practice and would just like to see if I can improve it? Any suggestions on best practices and logic setup would be great. ...
1
vote
0answers
17 views

Sass-Mixin for to attach a text-shadow animation upon HTML-elements

I've make these mixins by using SCSS-Sass. Any hints and tipps concerning improvements are welcomed. ...
3
votes
1answer
84 views

Simple jQuery photo slider

I'm fairly new to front end web development, but finally felt confident enough to create my own jQuery slider. I wish to receive constructive criticism about my code, how I can optimize any line of ...
5
votes
1answer
74 views

Single Page portfolio website

I have finished and launched my first website and would love some feedback/ideas for improvement. This is a single page website for the purpose of displaying my finished projects. I know that I have ...
1
vote
0answers
35 views

Created a game of Simon using HTML, CSS, and JavaScript

Here is the JS Fiddle: https://jsfiddle.net/4jo9hvpk/ The code is fully functional. Could someone point out any mistakes in style? Any redundancies? I want to work on making my code look better and ...
1
vote
2answers
47 views

Website code for a client

This is for a client of mine: Enbridge Gas. I had to turn 2 .psd file into html and CSS. This client is my first real client by myself and I want to make sure my code is improved as much as possible. ...
2
votes
0answers
49 views

Animation with JavaScript and Sass : Neon light banner

After reading a bit about CSS3-text-shadows and seeing a few advanced examples I had the idea for a "neon light"-banner. Next idea was to animate it. Finally it has become a mixture between a Sass-...
1
vote
1answer
38 views

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

I recently started using SASS and Compass in my projects. So far I am using the file structure shown below. ...
0
votes
2answers
40 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
22 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
13 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
35 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 ...
6
votes
1answer
130 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
25 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
75 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
16 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
33 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
69 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
51 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
141 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
27 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
32 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
44 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
66 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
101 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
43 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
43 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
57 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
87 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
37 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
38 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
75 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
43 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
15 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
129 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 ...