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
2answers
49 views
Transforming CSS into an encoded representation
I have a java code that is supposed to format the content of a .css file so that I could use the result to make a enum class.
...
2
votes
1answer
21 views
Determine value in range, inject to HTML to be used in CSS
I want to show users what package they are, based on how many items they have in their cart. The code works, but I'm wondering if anything can be improved.
...
2
votes
0answers
62 views
Getting rid of HTML file inputs once and far all
They've always annoyed me, and as a matter of principle, would like to leave my HTML/CSS intact and have the various file upload plugins work with consistent behavior with any styled element.
The ...
0
votes
0answers
13 views
jQuery Shooter Game Collision Doesn't Work [on hold]
I'm creating a jQuery web game for my Web Programming Class, and I've made it this far but I can't get collision detection to work, or particles to fire past top and bottom 90 degrees.
Also I'm a ...
1
vote
0answers
16 views
Vertical Align with full background-image
I'm trying to make a container element which has a background-image.
The background-image should be fully visible, if the contents of the container are less in height than the surrounding ...
1
vote
1answer
41 views
Performance impact of using the universal selector in CSS
I am using the universal selector in CSS:
#containerDiv.containerTable tr td *
{
max-width:240px;
}
But Visual Studio suggests:
"Performance: Never use the ...
3
votes
1answer
79 views
Cutting rectangle from circle
Can the following code snippet be optimized or am I doing it right?
...
2
votes
4answers
73 views
Invoice receipt markup
prompted by a meta answer, here is an HTML page I'm deliberating over in JSBIN and I would like your review please.
I am not looking to implement the logic, just please focus on HTML & CSS.
Are ...
11
votes
1answer
349 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 ...
2
votes
1answer
25 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
48 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
27 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
48 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 ...
27
votes
1answer
255 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
87 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
64 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
106 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
30 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
56 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
198 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
63 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
35 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
392 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
166 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
44 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
256 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
124 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
828 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
88 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
53 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
71 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
66 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
45 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
68 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
101 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
105 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
842 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 ...
3
votes
0answers
51 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
757 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
72 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
143 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
87 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
211 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
55 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
72 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
547 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.
...
