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
262 views
A game of nodes and pixels
I'm still pretty new to JavaScript. I'm making a game to get a better understanding. Although it's working exactly how I want it to right now, the code could definitely be less repetitive and more ...
-3
votes
0answers
7 views
Bootstrap modal popover not working [on hold]
I am new to bootstrap Since my modal is not working , It shows a black screen alone not popup
This my html code in head tag
...
2
votes
1answer
20 views
Mark up and style in accordance with a design task
I'm studying MOOC in HTML, CSS and Javascript. And did weekly assignment task which was reviewed by 5 random course learners (I reviewed 5 other student's assignments as well). Unfortunately, I ...
3
votes
1answer
42 views
Drills: A JavaScript web application that creates customizable workout routines and reads commands aloud while keeping track of time
Here's the JSFiddle, the GitHub repo, and here it is out in the wild.
Note: the application uses Chrome's Speech Synthesis API and only works on Chrome or Safari for iOS7 (oddly enough).
It was my ...
0
votes
0answers
22 views
jQuery plugin that filters and orders boxes with CSS transform
I made this jQuery plugin based on MixItUp and Isotope. In short, one needs to create an <ul> list filled with <li> ...
0
votes
0answers
38 views
Colored <hr> in emails
Sometimes, I need to change the color of <hr> elements in an email.
The only achieveable way is by using CSS. But not every email client supports CSS. Most ...
26
votes
1answer
242 views
Beta-Blue B. Gone
I've written a Code Review design using Userscripts and CSS.
It works by fetching the CSS from my GitHub repo, and using the built in gm_addStyle function to add ...
3
votes
0answers
62 views
Bootstrap form clean code - Tables VS Divs and more
I am developing a form on bootstrap, and I'd like to know if what am doing is best practice and a clean code or not.
Here's a form I'm working on, please help me make it "clean code".
...
3
votes
0answers
29 views
LESS CSS, including support for shadowboxes
I'm learning about using LESS and wanted to get anyone's input on if I'm using the concepts, syntax, etc. correctly.I know this might seem subjective and not the correct place to post, so please let ...
8
votes
1answer
63 views
Getting more detailed Stack Exchange mails — Part 1
I made the layout for a new project which will allow you to subscribe to periodic emails about your favorite Stack Exchange site (I'm not very happy with the SE-provided one). Since I'm horrible at ...
1
vote
2answers
103 views
Making equal-sized tabs to fill the full width of a box
How would you simplify the following block of jQuery code?
I use this in a tab-box to size the tabs to style the tabs to the full width of the box no matter if it's 2 or 10 tabs...
It works ...
5
votes
1answer
27 views
Volunteer Signup Report - follow-up
Here is the original question. I've incorporated a lot of the feedback and I'm ready for another round of feedback and suggestions.
Here is the PHP file's output. It creates a volunteer signup report ...
0
votes
0answers
42 views
CSS3 Flexbox: Creating my own “framework”
Currently I have an application that is relying on Bootstrap's Grid layout. I originally chose it because it was easy to learn and looked good. However, it didn't handle nesting as well as I thought ...
1
vote
1answer
38 views
Social sites slider
I tried to make social media slider with jQuery, HTML and CSS. This is available as a Fiddle.
Can I improve or debug any elements of it?
...
3
votes
3answers
189 views
What is the proper structure for a basic stand alone horizontal menu?
Here is what I'm starting with. It is just some <p> tags in a <div> tag.
...
4
votes
1answer
60 views
McCarthy's Pub Beer Menu
I wrote a little bit of code in JavaScript that takes an array of objects and does some sorting, then outputs to an HTML page. I set a goal to do it without any frameworks, and in functional style on ...
11
votes
2answers
1k views
Microsoft logo animation
I made an animation of the Microsoft logo. It's available as a CodePen doodle, also. Would anyone be so kind as to check my style and say if there is anything I could've improved? (I am sure there ...
1
vote
1answer
31 views
Overlaping sections using Bootstrap and CSS
I'm currently converting a PSD to a web template and attempting to overlap content and I'm running into a issue with the 3rd section because there is more padding than the first overlap and using the ...
3
votes
3answers
390 views
CRAFT412 gaming website, now with divs and spans
Since I'm new to HTML and CSS, I was wondering whether my HTML layout is correct? Before I used div id for everything and everything seemed to work fine, however I ...
6
votes
2answers
164 views
Profiles with profiling checkboxes
I have this HTML down below that creates a list with two columns, the left one containing profile information, and the right one containing checkboxes of the user feedback in a horizontal list.
The ...
5
votes
2answers
42 views
Volunteer Signup Report
I was creating a Volunteer Signup Report report in Microsoft Excel yesterday for my job and I had a moment of inspiration. What if I turned it into a website and made it dynamic? The volunteers sign ...
5
votes
4answers
247 views
Basic web calculator
I've built a calculator. I would not use angular or bootstrap because I am becoming addicted to them. I also wanted to check for double '.' use, and to limit the screens max text length but did not ...
4
votes
1answer
111 views
Personal portfolio website
I recently created this website for use as a portfolio because I thought it would help set me apart from other internship applicants next summer. I created this website using a mixture of pre-existing ...
22
votes
5answers
818 views
Cardshifter game lobby
We've been hard at work creating a browser-based GUI/Client for playing the Cardshifter TCG for the past week or so. Today, I just finished doing a pretty complicated layout for the chat lobby, along ...
3
votes
1answer
85 views
Simple JavaScript autosuggest component
Any suggestions for improving this? I'm hoping for some JavaScript object structure / code integrity type recommendations rather than style or CSS.
...
5
votes
1answer
48 views
Drilldown navigation menu by replacing divs
I made an attempt at a menu, that comprises of just replacing <div>s by showing and hiding. Kind of like a drill-down technique. I have the feeling that it is ...
4
votes
1answer
58 views
Toggling a CSS animation
I'm trying to toggle a dropdown box that will appear and disappear upon clicking the button.
...
4
votes
1answer
60 views
Custom dynamically generated slide show container
I've created a custom slide show container to use with Jekyll. This is the platform used by Github pages. It works by converting plain text Markdown to HTML.
I wanted to be able to embed the slide ...
1
vote
1answer
43 views
Capture time spent viewing media
I've created some custom code that will capture how long a user spent viewing a picture. The timer will stop when the user clicks or escapes from the fancybox view. Is there an alternate way for me ...
6
votes
2answers
50 views
Div circular scroll
Have one div:
Here's what scrolling of this div should look like:
The only way I see is to duplicate ...
2
votes
2answers
91 views
Wobble-free progress spinner
I've been looking for quite some time to fix the wobbly spinner issue. Many people made numerous suggestions using fonts / pure CSS / CSS + JS. Unfortunately, none of the proposed solutions were ...
-1
votes
2answers
87 views
Program that filters JSON data based on user selection
I have made a basic program using AngularJS that displays data from a JSON file, and filters it according to the user's selection (specifically FIFA 15 chemistry cards).
I did plenty of CSS work to ...
10
votes
3answers
841 views
App for generating passwords
I wrote a simple JS app to generate passwords. I read up on some of the commenting standards for JS, and started reading the book Clean Code. I am not sure if I am writing the ...
2
votes
0answers
44 views
Manipulating drop-down based on data
I like to create scripts that are clear as to what they do, I like comment, and use data- * in HTML to define what each component is.
I created a script that ...
12
votes
2answers
708 views
Console-like printing of message JavaScript
I'm learning JavaScript and I've made a very simple little document-modifying script that prints a message as if it was someone typing into a console. It practices recursion and in my opinion, I feel ...
-3
votes
1answer
67 views
jQuery Addition Calculator
Please ignore row "B. and C." as it works in the environment where it was implemented and is missing the JavaScript reference. The rows highlighted in light blue are the issue. I injected row "A." ...
5
votes
2answers
139 views
Start of a responsive website for a legal firm
Please have a look at the HTML/CSS/JS (there is very little JS at the moment) and give me some feedback as to how my code looks to you, what level of skills it looks like I have and how I can improve. ...
3
votes
1answer
34 views
“Offset position on scroll” JavaScript snippet
I'm at a loss as to how I could optimize this bit of code. I realize I could place these objects into some sort of array, but I'm not sure how to go about this.
...
3
votes
1answer
86 views
The 101 Pictures Gallery
I am working on a website for a group of artists and want to know of a way to make my code cleaner and my website run faster. I am working on the gallery page, and there are over 100 pictures I want ...
2
votes
0answers
173 views
jQuery plugin for dynamically sticky headers and footers
I am creating a jQuery plugin to be used to stick the headers and footers of tables (or other list data) to the top and bottom of the viewport while scrolling. (i.e. scrolling down the page, the ...
3
votes
1answer
51 views
Simple HTML and CSS website
I'm making a really simple html website with CSS and I was hoping on some feedback. A few notes:
There will be more content under this, but I want the starting screen to take up the full page and ...
-2
votes
2answers
71 views
Fasten single line of code for div resize [closed]
I have this one single line of code I wanted to improve. My main concern is the execution and rendering speed of it. Even though I am happy with its speed, could it be improved?
...
2
votes
4answers
452 views
Hovering over images to show another image whilst fading in & out
I'm trying to figure out how to correctly hover over an image to fade in another image and when you move your mouse out, it would go fade back to the normal image.
...
12
votes
2answers
409 views
JavaScript dropdown menu
In the past when I needed something like a dropdown menu, it was really easy to toggle the appropriate CSS classes with jQuery.
Here is my first attempt to do the same thing without any dependencies:
...
15
votes
6answers
1k views
To-do list in jQuery
I'm making a simple to-do list with jQuery. This is my first step in JavaScript and jQuery. How can I improve my code? User enter tasks in input field, submit by pressing 'Enter'. On double-click, he ...
3
votes
1answer
40 views
Algorithm for subdividing html-elements
I am trying to write a module that automatically subdivides div-elements, given some initial parameters.
I've prepared the following jsfiddle.
What I am doing at the moment is:
Setting the width ...
1
vote
1answer
81 views
Close modal and open new modal
I am trying to create a script that shows my login modal on page load. I have a button that opens the register modal and closes the login modal if clicked.
Here is the script I am using:
...
2
votes
2answers
306 views
A chessboard model in JavaScript
I've created a chessboard model in JavaScript that will eventually iterate through some moves of a championship game.
I've created a board object and a piece constructor. I've also created all the ...
3
votes
1answer
93 views
HTML/CSS MS Word style navigation ribbon
I made a MS Word style ribbon header, but it all seems very hacky, and I'm not really sure how to simplify it to something more reasonable. Rolling over one of the navigation icons changes the related ...
5
votes
2answers
302 views
Handling multiple click events of sliding divs
You are first confronted by three links. Each link triggers divs to slide out.
The divs slide out and up to appear as if unfolding. The slide back in reverse when any other link on the page is ...
