CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XML documents including colors, layout and fonts.
0
votes
0answers
5 views
Online classifieds website
I'm writing an online classifieds website similar to craigslist. I use semantic-UI for the insert form. I'm still working on improved functionality such as dynamic options where the sub-category will ...
0
votes
0answers
8 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
61 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
56 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
31 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
1answer
40 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
38 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
31 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
38 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
21 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
32 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
112 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
24 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
71 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
12 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
66 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
49 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
120 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
28 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
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
93 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
51 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
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
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
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
115 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
43 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
88 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
39 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
62 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
34 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
32 views
Tribute page webpage
I've created a tribute page, following the track of freecodecamp.com.
Here is the CodePen link.
...
