CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XML documents including colors, layout and fonts.
1
vote
0answers
37 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 ...
1
vote
0answers
10 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 it's pattern.
I have hacked their ...
4
votes
2answers
52 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.
...
-2
votes
0answers
10 views
Sorting out array of parent child relations where two children share a parent from an array and display it using div [on hold]
I have the following data which gets served from a neo4j query, The data that gets sent back is in the format
...
-2
votes
0answers
11 views
Canvas makes website unresponsive, doesn't draw anything and freezes up [on hold]
Those are the symptoms. Init() is called from onload="init()" in the <body>. the image is a 40 x 40 image of a grid, that ...
0
votes
1answer
30 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
55 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
41 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
23 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
0answers
16 views
Using text-shadow in HTML with inline CSS [migrated]
Is it possible to use the text-shadow feature with inline CSS? I am trying to give my header a border, but nothing seems to work. I am writing this for an email template in an IT ticketing ...
3
votes
2answers
48 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
24 views
Tribute page webpage
I've created a tribute page, following the track of freecodecamp.com.
Here is the CodePen link.
...
3
votes
1answer
95 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
1answer
32 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
35 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
86 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
57 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
25 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
144 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 ...
2
votes
2answers
83 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
25 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
402 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
37 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
62 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
69 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
37 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
71 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
74 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
73 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
60 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
53 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
110 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
2answers
207 views
Check of a traffic light sequence using an array and if statements
I have create a functioning automated traffic light sequence using an array and if statements. It all work correctly but I am wondering if there is anything more I ...
0
votes
0answers
31 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
90 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
41 views
CSS & JS piechart
I made a pieChart function thanks to the main CSS properties rotate:xdeg, border-radius:100% ...
0
votes
0answers
126 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
33 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
76 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
21 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
115 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
55 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
92 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
65 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
32 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
136 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
84 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
135 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.
...
