CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XML documents including colors, layout and fonts.
10
votes
1answer
372 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
33 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
37 views
Accordion navigation
For an intranet site with large description-texts I made these website with an accordion navigation.
...
-2
votes
0answers
10 views
bootstrap 3 grid system with 1px of margin [on hold]
i made this one only by table on HTML
now , im trying to get a similar result but with grid system on bootstrap 3, but i cant get a margin between each element
...
4
votes
1answer
60 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
59 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 ...
0
votes
2answers
34 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
70 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
54 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
54 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
56 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):
...
0
votes
2answers
43 views
Page for personal portfolio animations
I built my portfolio page using Bootstrap and jQuery, but on lower performance computers the animations seem choppy. I am interested in JavaScript optimization and was hoping you all had some ideas on ...
1
vote
1answer
90 views
Simple JavaScript Calculator
I built a simple calculator that supports addition, subtraction, multiplication, and division. It can also chain operations. I'm looking for feedback on my code for places that could be done better in ...
0
votes
0answers
30 views
JavaScript application for calculating dates
The purpose of the application is to show dates. The inputs are weekdays and weeks. Or alternative days as an integer.
Example:
Present me the Friday in 5 weeks!
Or
Present me the date of the day ...
1
vote
2answers
71 views
Tic-Tac-Toe game in JavaScript/HTML/CSS
I need help with a question my teacher wants us to do by tomorrow. I would love for you to try to help me out with this.
The following functions must be implemented:
A function that initializes all ...
5
votes
1answer
37 views
CSS & JS piechart
I made a pieChart function thanks to the main CSS properties rotate:xdeg, border-radius:100% ...
0
votes
0answers
73 views
Image gallery with pagination using CSS, $_GET, and Bootstrap
I am relatively new to web development and I created an image gallery with pagination using the Twitter Bootstrap framework. Basically, I want to know if I approached creating an image gallery ...
1
vote
1answer
32 views
Making a conditionally visible page-up button
I wanted to make a button that goes to the top of the page but only appears when you're not at the top. There are probably libraries that already do this, but I wanted to make it myself and after some ...
3
votes
1answer
64 views
JavaScript Script/CSS Loader Plugin
I wrote a basic JavaScript plugin that allows you to specify what specific JavaScript files and CSS files to be loaded in, and in addition specify attributes for each file.
To specify where to load ...
0
votes
0answers
19 views
Filtering potentially malicious user-defined CSS property values using ScssPhp
I have a script that allows stylesheet customization on a per-property basis. For example, I expose the "background-image" property for people to enter their own SCSS values to be entered in the ...
1
vote
1answer
89 views
Keep div fixed when it is inside it's container on scroll
The required behaviour is :
The yellow span must be positioned relatively to viewport (position:fixed;) when it is inside the pink div.
The height of yellow span ...
6
votes
1answer
49 views
JavaScript adaptation of 70s electronic game “Simon Says”
I programmed a web adaption of the game Simon for to improving my JavaScript skills. A live version of the results are here.
I got two more ideas which I like to incorporate. Moreover, I'd like to ...
3
votes
0answers
78 views
Todo list with calendar
The app is a todo list with a three-day calendar. Users can add and remove lists and it's all stored in local storage. My aim was to use vanilla JS but I did use jQuery for the date picker.
I'm just ...
2
votes
0answers
60 views
Simple minesweeper game in JavaScript
I created a simple minesweeper game as I am trying to get my hands dirty in JavaScript. I have tried to use the oops while doing this.
I am posting 3 files:
index.html
minesweeper.js
...
0
votes
0answers
31 views
Responsive CSS implementation in SASS
I just started looking in to SASS. Mixins looked like a nice feature, so I made some simple ones to handle my responsive CSS:
...
11
votes
1answer
133 views
“Star Catcher” game
For fun, I have been working on this game I called Star Catcher. It's a very basic game where stars are falling and you try to catch as many of them in your bucket before you miss 10. It's a real mess ...
2
votes
4answers
81 views
Recreating Google homepage for learning purposes
Like other posters, I'm currently working on recreating Google's Homepage for The Odin Project.
I'm new to HTML and CSS but I'm eager to learn and have been looking around for an answer, testing ...
3
votes
1answer
109 views
Calculator in HTML, CSS, JS
I am new to Javascript and HTML. I have written code for a calculator, so review my code and points out pros and cons in it.
...
5
votes
1answer
72 views
Slider with jQuery using bullets
I have a slider with 3 images and left/right arrows. If you click on them, the image changes. You also have 3 bullets below the images and the image changes depending on what bullet you click.
I ...
3
votes
1answer
104 views
CSS Animation Card Flip
I've made a card flip with CSS keyframes but instead of flipping clockwise and then flip counterclockwise to it's original position, I've two separate keyframes that will cause it to rotate in the ...
0
votes
0answers
25 views
Dynamically change background image in the CSS during WordPress loop (media queries)
I currently have a carousel on my page inside a Wordpress loop. So as it loops through it changes the background image according to which post I am currently on in the loop. However, I want to use ...
1
vote
1answer
39 views
Angular Box Color Exercise
I have completed an exercise where there are 4 different color boxes and 1 main box below them that is blank, when you click on one of the colored boxes, the main box changes to the color of the box ...
2
votes
2answers
109 views
Popup function written in jQuery
I wrote a jQuery function to show a popup that can be draggable have multiple buttons etc.
Demo
How can I improve this code? I want to try keeping it light and simple but at the same time make it as ...
1
vote
3answers
68 views
1
vote
1answer
50 views
Coffee webpage with laggy animation
Currently designing a homepage and from some initial tests users are experiencing lag.
I'm using some Javascript to create a parallel effect as well as an animated "click to explore" loop. Not sure ...
3
votes
1answer
61 views
Personal portfolio template design
I recently finished the build a personal portfolio webpage project for
a free Code Camp, here, I would be very grateful if anyone would be willing to offer any advice on the design of the website or ...
3
votes
2answers
52 views
“Pill” with thumbnail and link
I'm currently trying to display a list of movies with this pill-like elements. The code below works but I guess there is a better way or a way to use elements from the twitter Bootstrap. It also ...
3
votes
1answer
51 views
Dropdown function
Is there a way to simplify this JavaScript function any further? Having to input 4 variables just for a drop-down menu seems a bit ridiculous, and it is hard to keep track of the variables when I want ...
3
votes
3answers
135 views
Animated SVG pie chart with custom properties
I've made a small js/css/html module which purpose is to fill a pie chart up to a given percentage. Basically it could be used for instance as a filling pie chart that keep tracks of the amount of ...
5
votes
1answer
119 views
Bode plot filters implemented in JavaScript
The following code is my attempt to create an interactive bodeplot. I used JavaScript using d3.js, jQuery Mobile and math.js. The bode plot shows a lead lag filter in continuous time and several ...
1
vote
1answer
61 views
Tic-Tac-Toe game with jQuery
I am a beginner at web development and I write code as a hobby. Would you please critique this code? I created a Tic-Tac-Toe game using HTML/CSS and jQuery. I did it for fun as a personal ...
8
votes
2answers
484 views
A “C” shape of 7 boxes that turn green on click
Company name asks you to build a website with 7 boxes shaped like a c, which should turn green on click, and then when all are clicked, should turn red in reverse clicking order.
...
5
votes
2answers
237 views
HTML 5 form validation and form handling
Problem Statement
Create one form having following fields
1) Email ( with html5 email validation).
2) Password (It should take minimum 6 charactors ).
3) Your project URL ( with ...
3
votes
1answer
99 views
Student registration form
Problem statement
Create one form having registration and student login fields for course using HTML5 elements and CSS3 styling.
Expected Output
Solution
...
5
votes
2answers
82 views
HTML and CSS fullscreen landing page
I would like to know if this fullscreen page with image and overlay is written clearly. I'm afraid that those two empty divs (topOverlay, and topImage) are not correct. Someone told me that I ...
1
vote
0answers
48 views
Simple CSS selector parser [closed]
The code works, but I would just like to know if there's a better way of executing it.
...
6
votes
2answers
45 views
Hold a text input for 10s as readonly
Problem Statement
Write a HTML page holding a form and a text field. Using JavaScript make the text field to accept numbers only. When a non-number character is entered through the keyboard ...
16
votes
4answers
675 views
Simon Says: is this too complex?
I took a class covering HTML, CSS, Javascript and for a final project, thinking of a previous community challenge, I created Simon Says.
Going through my code my professor deemed it overly ...
3
votes
2answers
129 views
Hiding odd rows in a table on click event
Problem Statement
Write JavaScript code hideOddRows.js that attaches to the button click event and hides the odd rows of the table when clicked.
Expected Output
When you click on "Hide ...
