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
14 views
Display progress bar to show async. request status using JQuery
Instead of using ProgressBar plugin, I've below script to display the progress bar for async. requests on the page. Could anyone provide any feedback on this esp. if there will be any issues like ...
-1
votes
0answers
15 views
jQuery .click not working in Safari [closed]
I have a Wordpress site where i'm using Gravity Forms to create an upload form.
I'm using the follow code to create a Lightbox-style Popup when the user hits 'Submit'.
jQuery:
<script ...
0
votes
0answers
22 views
Attempting to convert this to a responsive website? [closed]
So, I'm starting to create my portfolio website, and didn't really thought about responsiveness when I started this. It's not done, but it's well on it's way.
If someone has the time, could you guys ...
-1
votes
0answers
29 views
Guide me about my own HTML Framework [closed]
This is my HTML Framework project named Jaidee HTML Framework.
As a small side project I create my own responsive framework for lightweight websites and web applications.
My project is on ...
1
vote
0answers
20 views
Comments on SASS from CSS for a SASS beginner
I've leapt into SASS and am loving it. I'm asking for comments here on whether my SASS is well formatted, which I think is on-topic, if not please tell me in comments and I'll try and fix or delete.
...
0
votes
0answers
27 views
How does Facebook toggle its notification center icons to display the respective DIVs with the notifications when clicked? [closed]
How does Facebook toggle its notification center icons to display the respective DIVs with the notifications when clicked?
All of you have at-least interacted with the Facebook notifications center ...
1
vote
1answer
55 views
How can this be done in the shortest way?
I have saved the class holding the position of the i element in the a tag that is clicked by the user. When the a tag is clicked, I want to get the value of its attr and add it as a class to the i ...
1
vote
1answer
36 views
Changing master page's menu
Discovered that the existing menu in a web app I'm working on has an issue in Chrome, where the "Logged in as" section would jump off the menu bar down below. After looking through the code, I'm ...
2
votes
0answers
34 views
How can I reduce this .less call to one line per image
How can I simplify this .less code to require less repetition (i.e., so that I can have many buttons with normal, rollover, and pressed states without using 3 lines for each button):
...
3
votes
1answer
49 views
Improve on CSS3 Selectors
I'm trying to change the background-color of each .achievement div. The content is being generated dynamically so I can't add a class easily to each one.
I have it working with selectors like ...
2
votes
1answer
89 views
CSS Code Quality
Is this a good CSS?
.table1 thead tr td, .table1 tbody tr td, .table2 thead tr td, .table3 tbody tr td:first-child,
.table4 tbody tr td:first-child, .table7 tbody tr td:first-child ...
5
votes
1answer
92 views
CSS Good Practice on a JavaScript Plugin
I've realized a jQuery Plugin recently and made a basic default CSS for it.
As I'm mainly a server-side guy, I'm not too familiar with CSS and would like to have insight about what could be improved.
...
3
votes
1answer
43 views
Positioning link boxes & managing backgrounds
I've managed to position the link boxes as I wanted and to apply a background to them, but I'm not sure I've done it in the most elegant or efficient way.
Is there a better way to position the ...
2
votes
1answer
34 views
Convert javascript to css media query?
I'm running into page performace issues and I believe this block is causing the biggest slowdown:
// Section menu on mouseover, hide menu on mouseout
// Can be more concise using .toggleClass?
...
3
votes
1answer
32 views
Innefficient scss selectors being generated
Im using Foundation by Zurb as a front-end framework. Below is the SCSS used to generate the basic layout of the homepage using the Semantic Grid Mixins Foundation supplies ...
1
vote
0answers
50 views
JQuery Drag Div Code Simplification
My code allows for the user to move a div around a container div by clicking and dragging the top, much like a window on a desktop. It does this by waiting for mousedown then mousemove, getting ...
2
votes
1answer
86 views
HTML - single page layout - absolute positioning
I am doing web apps, mostly single page apps. So i have to give absolute and fixed positioning a lot via css.
For Example, consider this page layout:
<html>
<div class="app-header">
...
-1
votes
1answer
48 views
Trouble with jquery show and hide [closed]
I'm having a ton of trouble trying to get simple jquery functionality to work. All I want is to be able to click on a menu button and have a menu pop up and click outside of it to close it. I think ...
2
votes
1answer
65 views
I've embedded several PHP/HTML/Javascript in one page. How can I improve on the efficiency/performance?
Just a quick preface, I'm not a web developer. I'm simply doing this as a favor for a friend. My goal is to be done with it as quickly as possible, but still not have the coding be horrendous. With ...
2
votes
1answer
173 views
Structuring Simple HTML5 / CSS3 / JavaScript Math Web App
I am new to web apps and I am having a difficult time structuring my apps. I put together a very simple math web app which I wish to expand on. The app has the following pages/screens:
Home screen
...
-1
votes
1answer
28 views
Floating Images and Text [closed]
The code below is supposed to reproduce what you see in the upper right hand corner at http://www.Almost-There.org/forums
This code currently resides between lines 63 and 66 on the page at ...
1
vote
0answers
192 views
Twitter Bootstrap Collapse (Accordion) With Knockout JSON mapping
I want to create a Dynamic Accordion control using Knockout JSON Mapping and Twitter bootstrap.
var ProductViewmodel;
function bindProductModel(Products) {
var self = this;
self.items = ...
0
votes
1answer
42 views
FadeIn a div element with jquery
I am new to web developtment and I want to Fadein a div using jquery. I used the following jquery code to fadein my div. It is not working, what am I doing wrong?
html
<body>
<div ...
2
votes
0answers
166 views
Improving Twitter Bootstrap Tooltips with json data
This is a working example that I am trying to improve.
Throughout the application I am working on one of the requirements was to have tooltips everywhere. However the customer wanted the ability to ...
4
votes
2answers
221 views
Simplifying Code for Drop-Down-Box in JQuery and HTML
I'm trying to come up with a way to make a drop down box that is displayed through a jquery mouse hover event and with nested dropdown boxes displayed through hovering over elements of the original ...
4
votes
1answer
344 views
DIV mask implemented in JavaScript/CSS
Mask.html
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" ...
5
votes
4answers
149 views
Business Letter in HTML
I've been writing HTML for a while, but badly, very badly. I have been violating every best practice that exists
So I have decided to clean up my act. I bought a couple up-to-date books, read them, ...
2
votes
3answers
270 views
Tidying and optimising code
I have the following code in jsfiddle. I have been told this this code is messy and not optimised. My question is, what about this is messy and unoptimised and how can it be tidied up and optimised ...
2
votes
0answers
71 views
Rendering hidden element from view in Rails, HAML
Simple example, I need to render div with some text hidden by default. I'll do something like:
= link_to 'Display text', '#'
.div_with_text{ style: 'display: none;' }
= 'Some text!'
And after ...
-2
votes
1answer
27 views
I just began developing an extension/mod Generator for the Facebook Plugin - Like Box [closed]
Here is the link to the current version of the "Custom Likebox/Facepile for Facebook" Generator:
Custom Likebox/Facepile for Facebook
Input is greatly appreciated. I've used many a ...
1
vote
1answer
97 views
optimise jquery code
I have written a jquery code for a pop up but the problem is I wanted to optimize the jquery code can you tell me how to optimise it to have a better results in the browser..
it would be great if u ...
5
votes
2answers
143 views
Review for CSS layout code
I want to get my first CSS layout reviewed.
First of all, the related HTML code is as follows -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
...
-1
votes
1answer
60 views
Optimizations Help [closed]
How can we improve our Yslow performance grade C to A or B.
Looking for some helpful tips on improving the code on our website at www.wirenine.com - any tips to help improve page load times would be ...
1
vote
0answers
97 views
Review my Card Matching Game. (Update to an earlier post)
I updated my code according to a few suggestions from my last post, so I thought I'd repost it to see what other feedback I could get. I also commented it heavily and fixed some of the functionality.
...
2
votes
2answers
799 views
Toggleclass best practice (JQuery and CSS syntax)
I've created this fiddle: http://jsfiddle.net/9SXLJ/ to demonstrate something I've been working on. I've been trying to mimic the behaviour of Twitter where a tweet is expanded, the border-radius and ...
2
votes
1answer
142 views
How'd I do on this card matching game? Link and code inside
Here is the Card Matching Game.
And Here is the code:
// Author: Matt Gowie
// Created on: 10/01/12
// Project for Web Dev 2400
$(document).ready(function(){
var cardArray =
[
'd-ace', ...
3
votes
1answer
199 views
Complex CSS layout - Docked Footer and Elastic Content
I have based my code off several tutorials which has culminated what I think is quite a complicated CSS layout. It has a docked footer. The sidebars are turned on dynamically in my template depending ...
1
vote
1answer
52 views
HTML CSS Field Layout
I've had some help designing my field boxes and I was hoping to get feedback on the code. The fields will increase in complexity which is why I thought to structure it this way (image upload fields, ...
0
votes
2answers
127 views
Is this decent HTML5 or total garbage? [closed]
So this is my first real try with HTML5 and i'm kinda lost.
Is this an acceptable way to do it? Also, it's a mobile Wordpress theme... i decided to ipost only the final output.
Thank you.
...
-1
votes
1answer
33 views
Create a box that will display subscriber options for a website [closed]
I am trying to figure out a way to create some kind of a popup information window when someone clicks on a "subscriber options" button.
An example of what I'm going for can be found here at ...
3
votes
1answer
111 views
make the fiddle cleaner
http://jsfiddle.net/hrishikeshp19/VyDsu/21/
Following is my HTML body:
<div id="header">
<div id="logo">
</div>
<div id="headercontent1">
</div>
<div ...
0
votes
1answer
86 views
Review my .PSD to HTML/CSS attempt [closed]
I'm learning. I wanted to convert this PSD to HTML/CSS: http://www.psdtemplates.com/preview/psd-template-018/
Here's my jsfiddle: http://jsfiddle.net/Joshi3s/FxfTY/
Images/fonts will obviously be ...
1
vote
0answers
36 views
CSS3 animations
I have the following code, which acts like a turntable and plays Sgt. Pepper when you load the page. This works only in Safari (I suppose I can delete the FF parts then), so I'm wondering how I can ...
3
votes
1answer
129 views
How to improve this JavaScript implementation of a TODO manager?
I was asked to create a TODO manager using JavaScript and CSS.
I did not get a good review on the code nor specific comments on how to improve it.
My implementation:
<html>
<head>
...
1
vote
1answer
60 views
Fixed space between two dynamically sized blocks
Trying to come up with a way to have a fixed space (eg 20px) between two blocks on a single line which dynamically resize to fit that line (50% each minus the fixed space between).
I ended up with ...
1
vote
2answers
79 views
Input extending past boundaries? [closed]
I'm creating a basic website for practice and I am having some troubles with my inputs. They seem to be extending past their boundaries even though I have the parent DIV defined as 899PX (I'm setting ...
2
votes
2answers
182 views
Need feedback for my javascript calc() fallback script
I wrote a failback for the fairly new css calc() rule. It works fine but I want to use it in a prodution environment and would appreciate feedback. If you see any weird/wrong code , possible ...
3
votes
1answer
171 views
Optimizing a table - Twig, CSS
:) I have a table with forms in two colors - the first row is one color, the second is the other. Can you please tell me if there is a way to optimize my code?
I have two CSS classes:
tr.content1{
...
2
votes
0answers
282 views
A script for a photo gallery/slideshow
I'm a beginner in JavaScript. Wrote this code so the main image get set on whatever thumbnail image the user clicks.
And if the user didn't click on any image the main photo get changed every 10 ...
1
vote
3answers
203 views
jQuery substitute for multiple hovers
I would like to find a more efficienct way to use jQuery for my question and answer page.
Here is the code which I want to change. If a .q_container is clicked, I want its corresponding answer div ...
