CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XML documents including colors, layout and fonts.
5
votes
3answers
655 views
Efficiently generating HTML CSS table using Java
I am trying to generate an HTML table using Java. I have an object which I am iterating to make an HTML table.
...
1
vote
1answer
14 views
Showing a spinner over content - fade out some elements and disable clicking on some elements
I am displaying a loading spinner inside of various elements. There are four potential states an element could be in:
Reduced opacity; unresponsive to pointer events.
Reduced opacity; responsive to ...
-1
votes
0answers
24 views
Positioned elements acting weird [on hold]
I'm looking for some tips on how to properly organize my code so I don't run into as many errors as I have been lately. One of my problems right now is that my elements are positioning weirdly. My ...
1
vote
1answer
40 views
jQuery Widget - Progress Tracker
This is a follow up on JS Progress Bar Widget
I've rewritten it as a jQuery Widget Factory widget, attempting to follow that standard as much possible and fixing the various problems pointed out in ...
1
vote
0answers
15 views
Vertical-align in Nested Column
Requirements:
There is Two Column, The left column is fixed width
The height of two Column should be the same.
Left column contain a title (can be multi-line), and an Image (limit max width to left ...
5
votes
1answer
47 views
JS Progress Bar Widget
Demo of the widget: http://jsfiddle.net/slicedtoad/Lywvbsf4/
It's a progress bar that shows a list of steps and which one is being completed as well as allowing previous steps to be revisited.
It ...
2
votes
0answers
37 views
Lazily Load CSS and JS
I have written this piece of JS and CSS loading code and I would like some advice on it. Anything some of the Javascript Gurus could possibly point out would be much appreciated. The code works, but I ...
3
votes
1answer
32 views
Developing an alert notification in AngularJS
I'm studying Angular and want to develop my own notification alert. This is what I done, I like it and it's working like a charm but I think that it can be improved:
Do I need to use it in ...
3
votes
2answers
59 views
Swap images on click with specified image
I am new to jQuery and needed a solution for the following problem:
There are 3 images in a row and when the user clicks on one of them all three pictures are hiding and instead another image shows ...
1
vote
0answers
18 views
Stylish range input, Google Chrome only
I have an input[type=range] element which is customized using CSS to look more modern.
I'm unhappy with my CSS because of the need to use ...
12
votes
3answers
139 views
Stylish underline when input is focused, modern browsers only
I've got a text input element which is decorated with an underline. The underline goes up half the height of the input on either side of it and turns blue when the input is focused. It's similar to ...
1
vote
0answers
21 views
Bootstrap CSS Container Layout
I've always been used to write my own CSS but I decided to give a go to twitter-bootstrap and I want to make sure I'm not using more HTML containers that I need to:
This is my code for a single ...
5
votes
3answers
623 views
Most basic HTML website - naming and CSS rules
I'm trying to accomplish something very simple as seen here.
HTML
...
11
votes
1answer
156 views
Making loop in CSS Stylus more efficient
I'm not sure if this could be more efficient because I don't think I should need 2 keyframe loops in addition to the for loop?
...
2
votes
0answers
29 views
Client-side XML + CSS architecture
Background
With the goal of creating a simple architecture, I am wondering about the implications of a client-side rendering implementation. The request architecture resembles:
...
5
votes
1answer
54 views
Displaying styled validation messages to user
I'm new to AJAX and jQuery, Just for test I created this simple code. When the user enters their First Name and their Last Name it displays a message that says Thanks for entering everything ...
4
votes
2answers
136 views
Tabs in JavaScript and CSS without additional framework/library
Below's my attempt at creating a simple tab control in JavaScript and CSS, without making use of any libraries or frameworks.
Does this look OK to you guys? Can you see any obvious pitfalls? I ...
1
vote
1answer
28 views
Is the Button, an <a> element with svg code and hidden link content inside, ARIA conform and well laid out?
I have an a element for a button. The SVG snippet inside links to the containing SVG file at the top of the body.
...
14
votes
2answers
346 views
Tic Tac Toe in plain JavaScript
I have created Tic Tac Toe game using plain JavaScript. Can any javascript expert review it and let me know whether the way I have written JavaScript code that is right (preferable)?
I am unsure that ...
6
votes
2answers
149 views
Checking CSS code for best practices when mimicking
I'm currently looking to try learn CSS properly and I'm looking to recreate the following image using CSS:
Now I've managed to recreate the image (sort of) what I am looking to know though is based ...
5
votes
1answer
203 views
Manipulate HTML document loaded into WebBrowser control
I have developed my custom solution for this. It happened that the first solution is using XPath queries and the second, a conceptually similar to the first one, is using CSS queries processed by ...
7
votes
2answers
102 views
HTML inline CSS
This HTML code seems to work: the page looks as I intended it. I have checked it multiple times, but it's difficult to tell how to improve. I would like somebody to review and point out any mistakes ...
1
vote
2answers
58 views
Basic product builder
I'm developing a very basic product builder. Part of the builder has a basic text editor including some text color presets. As it stands, the presets remove a class that defines the text color and add ...
2
votes
2answers
166 views
Cleaning up a rotating image gallery
I have created a nice little image gallery for the web. I set out wanting 3 things. 1. The whole gallery had a basic level responsiveness to it. 2. The gallery would take images of any size, and ...
5
votes
1answer
53 views
Sass code for displaying two simple search forms
Sass code for creating a basic search box. Resulting CSS used for two that are different widths.
The goals is to define sass that generates CSS that is easily re-usable as well as concise and ...
7
votes
1answer
142 views
Algorithm simulator (bubble and selection sorts)
I am concerned where it can be improved.
Main concerns are coding style.
Any other improvements are welcome too.
Priority is on JavaScript, review for HTML/CSS are welcome too.
What it does:
...
10
votes
3answers
151 views
CSS3 heavy transitions performance enhancement
I am building a website with heavy CSS3 transitions. The menu is hidden on the left and slides in on hover pushing the main content right. The menu contains transformed elements and has a semi ...
6
votes
2answers
121 views
Simple CSS Parser
I wrote a very simple CSS parser and would appreciate some general feedback regarding the security, code style etc...
Basically, this does the following:
Take user's uploaded CSS file
Save it to ...
5
votes
3answers
152 views
Regex to validate font names
/((([\w -]+)|("[\w -]+"))( *, *)?)+/
http://refiddle.com/18ql
I'm trying to use a PHP regex to sanitize a user input for a list of fonts. The above one seems to ...
7
votes
1answer
121 views
Is there a better way to design this quiz?
I just programmed a quiz and the code is given below. Is there a better way to program to do what I have done? Also I tried to do transition effect while the question is changing, but it isn't ...
2
votes
1answer
66 views
Layout of two different styles of event labels with CSS
I have two types of event labels. The HTML markup is:
...
6
votes
2answers
113 views
Wrapping my head around these wrappers
I've been developing a page that is designed like this:
______________
| | |
| | |
| | |
--------------
Everything is wrapped in a ...
2
votes
0answers
77 views
Feed API to display RSS feeds Ted talk
I am trying to create a webpage that will read RSS feeds from the TED talk website and display it on a page. I am using Google's Feed API for this.
Here is the link to view the code online.
Could ...
2
votes
1answer
64 views
URL Conditional in JavaScript
I'd appreciate any help just refining this working code. It has a bit of a weird context, but basically it's for a gallery style site that has hundreds of pages, but needs new navigation buttons. ...
1
vote
1answer
56 views
Hover effects using HTML and SASS
I recently created one of my first hover effects using HTML and SASS. Since it is my first hover effect, I'm almost positive that is it horribly inefficient. I'm sure there's a way to do this effect ...
2
votes
2answers
29 views
4
votes
2answers
59 views
Conditional Branching Using Filter
I'm using multiple jQuery filter functions to affect the background color of select objects based on the selected option and it works, but it seems bulky/redundant. Does anyone know how these filter ...
9
votes
1answer
215 views
Mobile touch menu
I want to make a menu-item which:
Reveals a drop-down submenu, when the item is hovered (using a mouse) or touched (using a touch-screen).
Lets you click on a link in the submenu, while the submenu ...
10
votes
3answers
431 views
HTML Pencil: an online HTML editor with real-time preview
HTML Pencil is an online HTML editor created for modern browsers.
Please review the source code and provide feedback:
...
7
votes
3answers
321 views
Functions to escape CSS rules in PHP
Some context
I've been tasked with supplying an escaping function to arbitrary CSS values that are entered through a form. The goals and caveats are:
I know it's bad practice to let users input ...
2
votes
1answer
55 views
Checking screen sizes for responsive site
I wrote this piece of code to make any breakpoint to the users choice:
...
4
votes
1answer
93 views
Converting <li> tags to horizontal responsive barcharts
I am writing my first jQuery plugin that converts li tags to horizontal responsive barcharts. I am looking for some feedback and suggestions regarding the ...
1
vote
1answer
46 views
Getting topyellow, topred, slider, and navbar divs stacked
I previously asked in StackOverflow for help putting this together, and was told that I could improve the HTML and CSS.
Could you help me?
Here is my code, and the pictures I am using:
Code
...
2
votes
1answer
113 views
Responsive / CSS fixed and variable widths
CSS and responsiveness in multiple columns with fixed and scaleable elements can be done in many ways.
I have created a solution that seems to work, though I have no idea whether this is best ...
4
votes
0answers
52 views
5
votes
0answers
117 views
How can I make my website have a more modern look? [closed]
After looking at my site, I've been told by my bud:
You know what this looks like? The nineties.
I think it looks alright, maybe a little old fashioned but I've been staring at it so long now ...
2
votes
1answer
45 views
Website Navigation Bar - Potential code soup
I've had a bit of help designing the header for a website here: http://jsfiddle.net/gxLt5/21/
It looks and works exactly how I had hoped. That said, I do feel like the code is a bit grotty, and I'm ...
6
votes
1answer
143 views
Grid column size calculation
I have a one function to calculate all the possible widths plus the margins for the gutters.
In this same function, the grid ...
2
votes
2answers
131 views
HTML & CSS code for small responsive test project based on Bootstrap 3
Don't pay attention to the menu being awful above 789px. The "theoretical" task was to support only tablets and smartphones and I didn't bother to make the menu look fine on other devices. Just ...
3
votes
3answers
189 views
A simple HTML / JavaScript calculator
I am making an app and I want somebody to check my code to maybe make it shorter, fix bugs, or add some things.
...
