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
votes
0answers
7 views
UIKIT style not working correctly [on hold]
Hi Guys I followed UIKIT's sample of html editor my problem is that although its working fine but the design is not... It didnt became the same as what on their docs I followed everything but still ...
1
vote
0answers
31 views
Checking screen sizes for responsive site
I wrote this piece of code to make any breakpoint to the users choice:
...
3
votes
0answers
46 views
My first jQuery plugin
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
41 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
43 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 ...
3
votes
0answers
29 views
5
votes
0answers
92 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
0answers
20 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
114 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
58 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
116 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.
...
4
votes
0answers
53 views
2
votes
2answers
48 views
New CSS grid at 1800px
Background
We have to cater to large screens. So I created this portion of a grid system which is shown to users with screens larger than 1800px.
Solution
This grid is 1800px wide but can shrink down ...
3
votes
1answer
80 views
Correct way to center logo and navigation
I'm new to CSS and HTML and while I've achieved a centering of the logo and navigation links, it feels wrong. I'm developing a site for a small non-profit for a side project. I have a logo next to a ...
2
votes
1answer
57 views
Guild Wars: Knights & Dragons - Version 2
I have changed a lot from my original code that I posted about a week ago, you can see that here:
Guild Wars: Knights & Dragons
Now what I need to know is if I improve this code further. Any ...
5
votes
1answer
84 views
Dropdown bubble for a menu item
I am a tyro with OOCSS and think I bit off more than I can chew in creating a dropdown bubble for a menu item.
I removed as much element specific code as I could, but still think I don't quite have ...
2
votes
1answer
129 views
Movie tickets booking system (Frontend only)
I developed this tickets booking system recently to showcase HTML5 features. I would like you to review it from the UI/UX perspective. Also if there is something more that I can add.
Is it good ...
3
votes
3answers
210 views
Guild Wars: Knights & Dragons
I want to improve this code to make it look more professional, be loaded quicker and make it cross-browser compatible. Do note that it is not a finished site. I want to know the best practice for ...
2
votes
2answers
61 views
Testimonial section CSS inheritance and proper use of HTML5 elements
I created this testimonial section as a prototype.
HTML
...
1
vote
0answers
49 views
HTML/CSS; Code functional, but seems bloated [closed]
I've recently tried my hand at coding a website for the first time in quite a while. It took me some doing, but I got everything working the way I want. The site is live, it works well (to my ...
0
votes
1answer
311 views
CSS and HTML5 for this fixed header on scroll
When I had to create a fixed header on scroll, I found a few examples on Stack Overflow but they were terrible in the sense that they relied on a fixed page height. Have a look at what I created which ...
3
votes
3answers
48 views
Planning Poker Using Knockout
I am trying to build something similar to planning poker and am very new to Knockout and was wondering if anyone could help me improve on my very crude start?
This is what I have so far:
HTML
...
11
votes
2answers
234 views
HTML5 / JavaScript Tic-Tac-Toe
As an exercise, I decided to create a simple Tic-Tac-Toe game. It is Ruby on Rails based, but as for now I'm not using the server side for anything (I intend to build up on it in the future, though).
...
0
votes
1answer
95 views
CSS Ticker Animation
I have never use css animations before, so I just want to know, is this the 'best' way to animate a Ticker? I 'best' in this case encompasses efficient and semantic use of html and css.
It's worth ...
7
votes
3answers
122 views
Most efficient way of creating a grid in HTML with CSS?
So my problem is this, I need to create a grid that in each cell there should be a 0 or a 1. These cells when clicked should toggle between 0 and 1. When hovered It should show the coordinates (ex: ...
7
votes
1answer
158 views
Why is my page semantically incorrect HTML and incorrect use of CSS?
I had a task to create a responsive HTML5/CSS3 page based on PSD layout. I got rejected and when asked for details I got these comments:
semantically incorrect HTML
incorrect use of ID selectors in ...
1
vote
1answer
37 views
Resharper: Unit of measure is redundant
Resharper complain if you have code like this:
border-width: 0px 1px 1px 0px;
and insists that units should be removed from zeroes as they are redundant. They ...
16
votes
6answers
1k views
Login Form in HTML
I am a beginner and I have made Login Form in HTML. I'm pretty sure it will look horrible to any developer, but hey, that's why I've posted it.
I'd like a general review of this. I'm especially ...
3
votes
1answer
250 views
jQuery conditional statement to check if a select option has either of 4 values selected
I am working on this project that has a reservation form which allow users specify which sort of service they require. I have a select menu with eight (8) options and I have two divs which would ...
3
votes
1answer
139 views
Menu Bar Animation Plugin
I'm fairly new to JS/jQuery (a few months), and I think it's time to start getting involved in the community. So I wrote a little plugin. Nothing revolutionary. Really, the project is to write a ...
4
votes
2answers
67 views
Admin CSS sidebar template
Could I get some feedback on my simple start to an admin template:
http://jsfiddle.net/spadez/GHKxW/3/
HTML
...
2
votes
1answer
79 views
jQuery for image swapping and some JS for text swapping
I am designing a website for a company that manages buildings/real estate. I did not have much use for a CSS library like Bootstrap or Foundation, except on one page of the website. This page ...
6
votes
2answers
137 views
Simple grid system made out of CSS columns
I have been researching and experimenting with HTML5 and CSS3. I was aiming to create a very simple but efficient tiled gallery / grids. So some sort of grid system that I can layout anything inside.
...
3
votes
1answer
65 views
Single Rotate Method
I just started coding a simulation-like application. It's about our solar system. Right now, I'm working on rotating the moon. I have this constructor
...
5
votes
1answer
81 views
Can my Less CSS code be improved?
I just started getting into the Less CSS framework and I am wondering if I'm doing it right and how the code can be improved if possible.
global.less
...
2
votes
2answers
55 views
Interupt redirect to catch potential newsletter signup
This is a piece of code I am working on to reuse in a few places on various websites. It is used to capture name and email addresses for people interesting in registering for something, we want to ...
3
votes
1answer
62 views
Horrible nested if statement for changing CSS based on RadioButton selection
I'm writing away for this website, and I've come into a problem. I need to display only one td based on the corresponding radio button pressed. However, there are ...
1
vote
1answer
40 views
Eliminate nested HTML elements for jQuery animation?
Background
When a user leaves a page, if they haven't submitted form data, a button is animated to draw the user's attention. (This is a poor UX choice--all the form data should be submitted--but it ...
2
votes
1answer
58 views
Simplify some resizeable HTML
I am generating a content bar with jQuery, that can be inserted into any webpage. It is a <ul> with two smaller lists within it. Those two minor lists have a ...
5
votes
1answer
60 views
Dynamic matrix in web browser
Today, my project was to make a matrix in my web browser. It is really slow, so help with optimizing it would be nice. It runs slow on my PC, yet alone my iPod 4 which this is going to be for.
...
1
vote
2answers
89 views
What are practical issues using this code with common JavaScript libraries?
I'm not a JavaScript programmer. I have next to no idea about "what's out there" of libraries and so on. Therefore it's not unlikely that the referred to Windows HTML Application (HTA) code here, ...
6
votes
2answers
72 views
Am I using BEM correctly?
I have started using BEM syntax for my HTML and CSS. I got the idea from Harry Roberts blog post MindBEMding – getting your head ’round BEM syntax
Please note I am not looking to use this for HTML ...
3
votes
1answer
67 views
Am I over using <ul> for layout?
I want to create a small web widget, you can see it at this jsfiddle. Right now it is organized by placing lists within lists and content within those lists. All of this is supposed to sit, as a bar, ...
5
votes
1answer
62 views
Form generator for inputting URL, description and link
This is a form generator I created so users can input a URL, description and link. The output will eventually be a JavaScript news slider. The HTML the form generated is irrelevant for now but I'd ...
5
votes
1answer
116 views
Expandable navigation menu
I am trying to step to the next level from student to amateur web developer, and I would like to make sure I am not making any web-development no-no's, that's all. What caused me to want to ask SO ...
4
votes
1answer
220 views
Fading and Loader jQuery Improvement
I'm not much of a jQuery coder (more of a PHP coder), except to call a few get values out of class and id and Ajax calls. However, I need to make a checkout system work and one thing I would like to ...
2
votes
0answers
64 views
Insert and Delete (a list of specified) characters/words in headline [duplicate]
I'm very new to JavaScript and I'd appreciate some help.
Here's a jsfiddle: http://jsfiddle.net/KYjF9/3/
I'm trying to make that code more elegant and also valid at http://www.jslint.com/ (browser ...
23
votes
5answers
2k views
First Time HTML5/CSS Site
I am working on my first HTML5/CSS web site and, like all of my first-time projects, they end up cumbersome, crude, and hard to work with when changes need to be made later in the life cycle. I am ...
9
votes
1answer
73 views
Input group with flex box
I'm developing Chrome extension so I can use bleeding edge technologies like flexbox.
Here is my solution (jsfiddle)
HTML:
...
5
votes
1answer
108 views
Cleaning up a dining hall…website
I am making a website that takes a bunch of dining hall information and puts it all together in a neater (and hopefully more mobile friendly) form.
Here is the link:
...
