CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XML documents including colors, layout and fonts.
33
votes
7answers
3k views
Who's in the fellowship? When are Frodo, and the rest of the gang, together
As a variant on the fizzbuzz concept, and as an exercise for learning JavaScript, HTML5, and CSS (I know none of them very well).
The regular fizzbuzz is somewhat tired, but having a web-based, ...
33
votes
5answers
16k views
Verifying password strength using JavaScript
I have a function which verifies the Password field and suggests the user to enter a strong password. I also have a label named ...
30
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 ...
21
votes
5answers
802 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 ...
18
votes
3answers
1k views
View for Ultimate Tic-Tac-Toe board
I've put together a board for Ultimate Tic-Tac-Toe (What's that?). This is part of the current code-challenge: Code a Ultimate Tic-Tac-Toe
Resources:
Live demo of my view – For you to see ...
16
votes
6answers
2k 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 ...
15
votes
6answers
1k views
To-do list in jQuery
I'm making a simple to-do list with jQuery. This is my first step in JavaScript and jQuery. How can I improve my code? User enter tasks in input field, submit by pressing 'Enter'. On double-click, he ...
15
votes
3answers
2k 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 ...
15
votes
2answers
272 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 ...
14
votes
3answers
355 views
Quick CSS style generator
One day, I was thinking:
Wouldn't it be nice to set a class and have all the styles defined?
And that is exactly what I did: a PHP file that generates CSS with pre-defined styles. So, for fun, I ...
14
votes
3answers
5k views
Testimonial section with HTML tags
I created this testimonial on CodePen
I am a bit skeptical about a few things in my HTML structure. For example, I typically see testimonials enclosed in ...
14
votes
2answers
1k 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 ...
13
votes
1answer
313 views
Portable website template
I have spent the last 6 months as I am studying web development in college to build a website template that is responsive and accessible from as many devices and browsers as possible.
I would really ...
12
votes
3answers
631 views
How good/bad is this feed manager?
I am sorry for the indentation style and lack of comments. But apart from that, how good/bad is the code snippet?
What it does is:
Reads from a RSS feed using Google feed API
shows the list in an ...
12
votes
2answers
641 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 ...
12
votes
3answers
194 views
Website template for Cardshifter game
I'm putting together a template for easy formatting of content pages, to be used in putting together a website for an online trading card game.
I've been using the Bootstrap library (and finding it ...
12
votes
1answer
214 views
Comments on SASS from CSS for a SASS beginner
I've leaped into SASS and am loving it. I'm asking for comments here on whether my SASS is well-formatted.
Here's the original CSS based on Zurb's Foundation Pagination styles, but adapted for use ...
12
votes
1answer
522 views
Rendering HTML through template using dynamic CSS?
I'm creating an unordered-list element in Backbone via underscore templating.
I've got the following:
...
12
votes
2answers
289 views
JavaScript dropdown menu
In the past when I needed something like a dropdown menu, it was really easy to toggle the appropriate CSS classes with jQuery.
Here is my first attempt to do the same thing without any dependencies:
...
12
votes
1answer
250 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?
...
11
votes
8answers
891 views
Fibonacci checker
I wrote a simple Fibonacci checker using HTML, CSS, and JS. This is my first JS program, so be sure to tell me everything that is wrong with it. Check it out here (http://jsfiddle.net/z49fyypt/1/), ...
11
votes
7answers
460 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/
...
11
votes
7answers
1k views
Review website done after one week of learning HTML and CSS
I've just started learning CSS/HTML a week ago and I made a quick site today. It looks pretty good, but I think that I reused/wrote some really messy CSS. This is because I haven't used the ...
11
votes
3answers
3k views
Ultimate Tic-Tac-Toe Challenge
This is my attempt at the Ultimate Tic-Tac-Toe code challenge.
It uses jQuery to build out the game grid and find the states of all the "buttons" (actually ...
11
votes
3answers
191 views
OOCSS: Is this broken down too much?
Philosophical question: How far should I break down my objects?
Inuit.css and Bootstrap have islands, islets, wells, grayboxes, and other objects that have repeating properties. I don't think it was ...
11
votes
3answers
607 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:
...
11
votes
2answers
3k 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).
...
11
votes
2answers
3k views
Display progress bar to show async request status using jQuery
Instead of using the ProgressBar plugin, this script displays the progress bar for async requests on the page. Could anyone provide any feedback on this, especially if there will be any issues like ...
11
votes
1answer
479 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
5k 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.
...
10
votes
3answers
836 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 ...
10
votes
3answers
315 views
MS Excel type of grid in jQuery
I have created an MS Excel type of grid in jQuery. I want to learn best practices and I need your comments for more optimized code.
Please review the code and offer your suggestions.
Demo
jQuery:
...
10
votes
2answers
139 views
One page website with JS functionality
I am fairly new to web development, and would like some feedback. It is HTML/CSS, with some JS (button hovers, anchor scrolling and image sliders) from elsewhere. Comments on best practices and any ...
10
votes
4answers
943 views
Any tips on making this JS better?
Working on a personal project to keep different snippets/examples/small projects of mine organized. I want to make the most of my page width, so I decided to write a navigation menu that slides out. ...
10
votes
3answers
325 views
CSS3 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 ...
10
votes
2answers
466 views
Strict and clean HTML and CSS for teaching website
We are in the process of creating a book with the purpose of teaching people the art of html and CSS to create a website from scratch. In our book the focal point, so to say, is that the reader is ...
10
votes
2answers
261 views
Tritium website
I am working on my Tritium website (hosted on Github: feel free to fork and send pull requests), and now am looking for a review of it. If you are looking to critique the design of the website, ...
10
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 ...
10
votes
1answer
506 views
Input group with flex box
I'm developing a Chrome extension so I can use bleeding-edge technologies like flexbox:
jsfiddle
HTML:
...
10
votes
1answer
247 views
Nonogram game in JavaScript
I am writing a Nonogram game in JavaScript.
I would like to know your opinions on the code and suggestions on how to improve it.
I'm using a MVC approach.
the Model has two matrices (represented ...
9
votes
2answers
333 views
Simple syntax highlighter
I've made a simple in-browser syntax highlighter using JQuery. It's pretty simple, it just wraps keywords, integers, and such in <span> elements with color ...
8
votes
4answers
635 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.
...
8
votes
2answers
1k views
Calendar in HTML + CSS + JS
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 ...
8
votes
1answer
166 views
Improve mixin that outputs page-specific CSS
As part of this answer, I created a mixin to generate some page-specific CSS for me.
I need to style an element based on a class I assign to the html-element. I do ...
8
votes
2answers
211 views
Improve page-specific CSS for different color schemes
For a website with four pages (blog, portfolio, profil and impressum) I have four different color schemes (for links, headings, code, etc.). This results in bloated CSS which I want to reduce.
Here ...
8
votes
1answer
59 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 ...
8
votes
1answer
211 views
Creating an iPad-style video frame with CSS and without images
In an effort to reduce the images being used on the page, I've manipulated box-shading, etc. to make a "vector" looking monitor/ipad look.
This is great and all, gets the job done, however, seems ...
7
votes
2answers
2k views
Web page code based off of a responsive Initializer template
Please review my code based off of a responsive Initializr template. It's functional and visually correct, but I know there's better ways to write the code. Let me know if I can layout the HTML5 ...
7
votes
2answers
542 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 ...
7
votes
2answers
920 views
Is my use of CSS inheritance clean enough for these sprites?
I have a set of links with background images on this CodePen.
I am seeking feedback to see if I did this the most optimal way. For example, I made a sprite so that I can just load one image. And I ...
