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
37 views
jQuery pullout functions
I am using a simple page with 2 pullout functions, one on the left and one on the right side. I would like to simplify or combine the two functions into one and make one pullout close, when I click on ...
1
vote
0answers
11 views
Bootstrap 3 custom header
I need a second set of eyes to look at my twitter bootstrap 3 header. I would welcome some insight on the code structure and methodology as it relates to bootstrap best practices and efficiency.
...
-4
votes
0answers
10 views
Bootstrap dropdown menu [on hold]
I'm trying to create a dropdown menu with Bootstrap. This is the code, it works on the website where I found it but not here.
...
11
votes
0answers
83 views
Calculator Snippet CC
The April 2015 Community Challenge requires building a calculator.
Implement a simple calculator
Where the definition of "simple" is whatever you make it - only
supports basic arithmetic ...
5
votes
1answer
29 views
Scaling the last column in a table (with input) to match the container
I recently ran in to a problem with the presentation of data related to a graph. Each series of data has values that define the 'curve'. There can be a lot of these values, and I decided that there ...
0
votes
2answers
43 views
Consolidating my HTML, CSS and JS code in order to adhere to best practices
As I'm getting to grips with front end development I'm looking to consolidate/improve my below HTML, CSS and JS code in terms of adhering to best practices so any advice is appreciated.
Quick ...
4
votes
2answers
47 views
Nav slider needs to be smoothed out
I created this responsive jQuery navigation which will re-size when the pixels get < 500 px and display the mobile navigation, although when the browser re-sizes > 500px it runs the widthCheck() ...
-1
votes
1answer
17 views
What is the recommended way of structuring CSS? [closed]
I have the following CSS:
.class {
margin: 1%;
margin-left: 0;
}
I wonder whether another way would be better?
Option a)
...
0
votes
0answers
16 views
Web Design contest [closed]
I recently attempted to win this contest: https://www.freelancer.com/contest/Build-a-Website-for-an-Irish-Pub-180934.html, but unfortunately, I didn't win the job.
The winning web is here: ...
1
vote
3answers
56 views
Formatting in webpage quiz
Particularly on the CSS page, in the #question_list id, you'll see I've put a transparent border. This is obviously pointless, but without that border, my footer ...
8
votes
7answers
379 views
Music Theory Website
I was just curious to know what you think about this website I'm designing. I would just like any constructive feedback that you might have.
http://jackatron.web44.net/music/
...
2
votes
1answer
45 views
Getting CSS files based on production or development
I have the below script which returns CSS files based on production or development environment. The development section is fine; but for production I have to do 2 loops to get the files. Is there a ...
3
votes
1answer
26 views
HTML & CSS accordion
I'm looking for suggestions to improve my accordion code.
Someone could also use it as a starter for their code.
Here's the demo.
...
3
votes
0answers
23 views
Responsive bullets with horizontal and vertical centered HTML content
In my current project I develop a responsive site which has only on desktop a fixed width. Otherwise it's fluid. My client or rather my art director ;) want's fluid bullets with horizontal and ...
4
votes
1answer
35 views
Custom tooltip containing a list
I'm looking to improve my code as seen in the demo link below. The code displays a list in a tooltip. The tooltip is accessed by hovering over the last element of the main list.
Here's the demo.
The ...
5
votes
2answers
137 views
Calendar in HTML + CSS + JS - Improvement suggestions
As I'm new to HTML + CSS + JS I've been building a calendar (which I think anyone can use as a basis) but would like to get your suggestions on how I could improve my code specifically from the ...
0
votes
1answer
22 views
Random fadeIn has unwanted pauses [closed]
I have a title with each character and word split into a <span>, using lettering.js. I am relatively new to jQuery and ...
2
votes
2answers
37 views
Identifying clicked elements
I'm relatively new to web development. I started learning JavaScript a few months ago and it's going well. I made this code for someone on fiverr, and it got the job done, but I know there's a more ...
3
votes
2answers
123 views
Responsive web design using HTML5/PHP/Bootstrap3.3.4
I am trying to understand the basics of responsive web design using bootstrap. So, is this a good way of structuring the layout of a responsive web page or are there any other/better alternatives?
...
4
votes
1answer
60 views
1
vote
1answer
30 views
Simple mobile-first/responsive Grid System (w/ IE8 Support)
Made my first grid system supported back to IE8 if respond.js is used (or another method such as modernizr, etc.)
This was made really just for use in a project I'm working on, so it's not as robust ...
-1
votes
0answers
26 views
Is my SASS Syntax right/good enough?
I'm currently learning SASS, and I'm still figuring out is my syntax is right/efficient?
I have a pieces of CSS code:
...
5
votes
1answer
100 views
An utterly pointless jQuery program
This is the first jQuery program I've written, and it doesn't do much, but I'd appreciate the feedback. Just click on the different colored buttons to do things.
Codepen
...
4
votes
2answers
134 views
Minimalist accordion implementation using vanilla JavaScript
The following example is an accordion script in JavaScript that does not use jQuery. When I started looking for a simple solution to this requirement I did not accept the idea of having to use a ...
7
votes
1answer
126 views
Lambdas will guide you home, CSS will ignite your code, Java I'll try to FX you
I've been learning JavaFX and wanted to recreate Simple calculator implemented with lambdas. It's also my first time using CSS, whose capability has convinced me of the wonders and appeal of JavaFX ...
0
votes
1answer
27 views
Radio group labelling and semantics
I can't seem to get fieldset's to react properly when using display:table and ...
1
vote
1answer
138 views
Interactive search filter for HTML table
I know there are many great plugins on the Net nowadays. But due to safety issues, external plugin are restricted. Thus, I wrote some JavaScript for an interactively searchable HTML table. The main ...
6
votes
2answers
68 views
CSS for a calculator
I've a small assignment to do: style a given HTML file with CSS.
My result looks exactly as it should. But I'm not really satisfied with my style sheet. I'm sure there are better ways to achieve the ...
4
votes
0answers
101 views
Google material ripple button effect
I have "translated" this example built with jQuery in vanilla JavaScript, but I'd like to know if there are better ways to do it.
The jQuery version uses offset() ...
4
votes
3answers
113 views
1
vote
1answer
43 views
DRYing out my Sass, looping through selectors
Need help with DRYing out my Sass... there is just so much repetition in here:
...
5
votes
3answers
108 views
Vertical alignment with CSS
I'm starting up a new project, and I've always had an issue getting vertical alignment right in CSS. Is there anything I could do better that what I've currently come up with? Replacing the ...
3
votes
1answer
36 views
More elegant Sass @mixin to create pseudo-element shapes
I picked up Sass last week, and I'm already diving into expressions. I have a @mixin that creates a CSS border triangle using the following call: ...
5
votes
3answers
58 views
HTML/CSS simple website
I'm getting into CSS/HTML by myself. I'm already familiar with many programming languages (C, Java, etc), but I don't know much about web development, especially about good *programming* practices ...
4
votes
1answer
75 views
Full web app utilizing HTML, CSS, and JavaScript
Having started a new software dev role recently I'm in the process of developing my first full web app project using the following stack HTML + CSS + JavaScript + PHP.
I'm new in terms of applying ...
5
votes
2answers
276 views
Simple thumbnail gallery
I have built a simple thumbnail gallery using HTML and CSS with the purpose of inserting this into an auction listing. The code seems to work fine, but I know it is sloppy and most definitely improper ...
3
votes
1answer
138 views
Notepad5, a simple HTML5, JavaScript notepad webapp
I made a simple notepad webapp, called Notepad5. You can use it to make notes while browsing the web and don't want to open up a separate application or extension to put the notes down and don't want ...
0
votes
1answer
157 views
Responsive search bar implementation using OOCSS
I am implementing a search bar here. I have finished basic UI. I have been recently developed a taste for scalable and robust HTML/CSS. Therefore I am closely following things like BEM and OOCSS
Am I ...
1
vote
1answer
49 views
Updating height of the rows in tables with jQuery
Does it make any sense and how to modify the JavaScript/jQuery code below to increase the performance? The working code is:
...
8
votes
4answers
455 views
Code Prettify CSS template
I've been working on implementing Google Code Prettify and finally got it to work correctly. You can see my test file here to see what it looks like. I worked from a template and tried to improve it.
...
4
votes
1answer
43 views
CSS attribute Selector: responsive grid performance
I am looking to create a simple column based responsive framework, and would like to call my classes something like:
<div class="col col-4-2-1"></div>
...
3
votes
1answer
97 views
Building a bootstrap modal window
I've built a modal window as seen in my modal HTML and CSS code below and was looking for any tips/advice regarding how well I've applied any best practices in both my HTML and styling with regards to ...
3
votes
1answer
89 views
HTML and CSS markup for flexible form layout
I'm trying to have a HTML / CSS structure for flexible layouts for forms. I tried to look at Bootstrap codes for help with this (without actually using Bootstrap itself). I've gone with something ...
2
votes
2answers
163 views
Animation that cycles through background colors
I am doing a background image animation using the function. It works, but I think I am doing more coding than what it requires. Can anyone please help me to minimize it?
Don't recommend the CSS ...
4
votes
1answer
115 views
Removing popup notification, the dirty way
I'm new to coding and I am self-taught up to this point, so my scope for creativity is quite limited. As such I'm doing something in particular that I suspect isn't the "best" way of achieving this ...
3
votes
2answers
123 views
iPhone notes application replica using HTML/CSS
I've written a web application that is a replica of the iPhone's notes app. It turned out quite well, you can do everything you can on the iPhone's app except for sharing and sending it via texts etc. ...
-1
votes
2answers
40 views
Improving js efficiency
I have function that I need to run on window load as well as window resize and I was wondering
how can I make my code more efficient.
Here is my current code:
...
3
votes
2answers
383 views
Elevator program code challenge
I recently applied for a job where the company gave me the following prompt for a code challenge. They have since told me "yeah, no thanks" but provided me with no feedback about why they came to that ...
2
votes
3answers
158 views
Roamfree official website
If it is possible, could someone please revise my code to see if any improvements can be made?
...
0
votes
1answer
72 views
Recommendations for a newbie to CSS & HTML [closed]
I am getting started with web development, and been trying some HTML & CSS, and I want recommendations on my code from experts here. I want to know what standard naming conventions you use for ...
