CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XML documents including colors, layout and fonts.
-2
votes
0answers
16 views
Spelling bee wep app crashes mobiles, glitches on IE, perfect anywhere else [on hold]
Roughly one month ago I started teaching myself. I decided to make a spelling bee website for the language school I teach English at.
This is the github project: ...
4
votes
0answers
29 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
60 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 ...
-1
votes
0answers
14 views
How can I make this code smaller or without a table? [closed]
I have this code that I am trying to make it smaller, or don't use the tables to handle the aligns.
http://jsbin.com/yavikohuvo/1/edit
2
votes
1answer
54 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:
codepen
...
-2
votes
0answers
13 views
Delaying Jquery CSS Animation using mousemove [closed]
I've been trying to put 10 seconds delay on this jquery css animation which is dependent on mousemove. I've tried unsuccesfully utilizing both .delay and .setInterval right before like so:
...
1
vote
1answer
71 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.
...
1
vote
1answer
38 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
35 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
78 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
30 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
33 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
34 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
68 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
37 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
13 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
95 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
44 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
77 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
38 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
86 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
36 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
2answers
59 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
46 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
27 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
49 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
27 views
Tribute page webpage
I've created a tribute page, following the track of freecodecamp.com.
Here is the CodePen link.
...
3
votes
1answer
134 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
46 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
40 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.
...
8
votes
1answer
96 views
Chrome extension that marks Reddit entries with clickbait sources
So, I've created my first Chrome extension! What this does is it highlights every post on Reddit that comes from a source of dubious quality. It provides a few sources by default and allows the user ...
1
vote
2answers
60 views
Simple responsive page
I sincerely hope this is the right place to ask. Can someone tell me if my code is okay so far? I've read quite some resources online for responsive webdesign but it seems like everyone's opinion on ...
1
vote
0answers
30 views
Use Ruby variable in Style tag
In my view, I have a CSS class in ruby variable which I'm using in style tag like below:
...
3
votes
2answers
151 views
Driving equation output from select input boxes via JavaScript and HTML
I would like to create a simple interface to allow a user to make a few choices via select boxes and drive a resulting equation.
Here's a screenshot:
This is a gross simplification and I am ...
3
votes
2answers
104 views
Typing game in JavaScript
I recently made a typing game in JavaScript and I would like it to be reviewed so I can become better knowing where I made mistakes and what I should improve on.
CodePen
...
0
votes
0answers
28 views
GAE Sample Site: a sample website hosted on Google App Engine
I just wrote a tutorial on MDN regarding how to host your website on Google App Engine, and included a sample website as a starting point/template for beginners so they can download and develop it as ...
10
votes
1answer
411 views
Hangman learning AI
I have been learning AngularJS and have written my first app. It's a Hangman AI which learns words and guesses the solution based on the words it knows.
Please look over my code and provide some ...
3
votes
3answers
39 views
Set same color as prev row if data matches otherwise different color
I have a requirement in which I need to set color of two or more rows of a table same if they have same value in cell one and I have to maintain this alternatively i.e. no 3 or 4 rows should have the ...
0
votes
1answer
45 views
Accordion navigation
For an intranet site with large description-texts I made these website with an accordion navigation.
...
4
votes
1answer
67 views
Last dot Standing Puzzle Game
The game is a puzzle game made up of a grid of cells represented by html divs. Gameplay is as follows:
On starting a new game, the number of rows and columns is selected from a form.
The grid is ...
2
votes
1answer
104 views
HTML Table with Selectable cells
I'm working on a scheduling table that user' can select cells (which will be gathered with jQuery using data attributes) but I'm trying to work out the best way for user' to be able to select rows and ...
1
vote
2answers
41 views
Scaling and cropping an image adaptively based on the window dimensions [closed]
I've tried my best (I'm new to JS) to write a script that make an image fit to its parent div with respect of the ratio and overflowing when needed.
For example, if the ...
1
vote
3answers
75 views
JavaScript for toggling appearance
I have a dedicated stylesheet <style id="dynamicStyles"></style> for my page's dynamic styles. They are controlled by this JavaScript:
...
1
vote
1answer
122 views
Weather app using the openweathermap.com API
I have been working on a simplistic weather application that utilizes the openweathermap.com API. I have an ajax call to make an HTTP request to get a JSON object that contains the data which is ...
2
votes
1answer
94 views
100 chairs in a circle problem solving with Angular.js and visualization
Here is the problem statement:
Take a second to imagine that you are in a room with 100 chairs arranged in a circle. These chairs are numbered sequentially from One to One Hundred. At some point ...
0
votes
0answers
19 views
Sporadic div positioning using Isotrope
I am currently using jQuery + "isotrope" to make an image gallery where images can be filtered using "data-filters". But "Isotope" uses grids to organise the divs but I would like something like the ...
5
votes
1answer
62 views
Front End Web exercise, no HTML
I was given the following instructions
Using the below HTML, using ONLY CSS, JavaScript or jQuery create the following (see attached gif animation):
...
