All Questions
Tagged with css javascript
593 questions
57
votes
5
answers
37k
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 "Password Strength", referring to the strength of a password (very ...
52
votes
7
answers
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, ...
40
votes
1
answer
491
views
Beta-Blue B. Gone
I've written a Code Review design using Userscripts and CSS.
It works by fetching the CSS from my GitHub repo, and using the built in gm_addStyle function to add ...
22
votes
6
answers
7k
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 ...
22
votes
3
answers
3k
views
HTML Editor: an online HTML editor with real-time preview
Note
Please review the new question and ignore the following.
Overview
HTML Editor is an online HTML editor with a minimalist approach. Edit your HTML, CSS, and JavaScript code and monitor the ...
20
votes
4
answers
1k
views
Simon Says: is this too complex?
I took a class covering HTML, CSS, Javascript and for a final project, thinking of a previous community challenge, I created Simon Says.
Going through my code my professor deemed it overly ...
20
votes
2
answers
456
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 ...
19
votes
2
answers
45k
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 ...
17
votes
3
answers
1k
views
Using a navigation menu to help keep material organized
I'm 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 ...
16
votes
3
answers
791
views
Displaying RSS feeds from Google Feed API as HTML list
What it does is:
Reads from a RSS feed using Google Feed API
Shows the list in an unordered list
How good/bad is the code snippet?
...
15
votes
5
answers
2k
views
Javascript Syntax-Highlighter for Java
Project
I wanted to create a syntax highlighter for Java using JavaScript, HTML and CSS. It uses regular expressions to find the parts that should be highlighted (at the moment: keywords, strings, ...
15
votes
3
answers
50k
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 ...
15
votes
1
answer
270
views
Make Stack Overflow Design Great Again
I've been annoyed with the new side bar layout, so I chose to hide it. But then, the useful links were gone, so I decided to make this little user script in Tampermonkey to bring them back to [roughly]...
14
votes
2
answers
4k
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:
...
13
votes
2
answers
3k
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 ...
13
votes
2
answers
2k
views
Stack Overflow clone
I have to write a simple web application using the Java Spring framework as my course project. So I decided to write a simple Stack Overflow clone. My application has the following features:
...
13
votes
1
answer
487
views
A vanilla JavaScript library for typesetting pseudocode in HTML documents
I have this plain JavaScript library for typesetting pseudocode in HTML documents. (See the documentation for details.) (See the GitHub repository - broken as of now.)
Source code
algotype.js
<...
12
votes
2
answers
849
views
In-browser 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 ...
12
votes
2
answers
596
views
Vue - It's the Royal Game of Ur
Background
After learning Kotlin for Advent of Code in December, I started looking into cross-compiling Kotlin for both the JVM and to JavaScript. Then I wrote a game server in Kotlin and also a ...
12
votes
2
answers
2k
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 is.)...
12
votes
1
answer
741
views
Unordered list element via templating
I'm creating an unordered list element in Backbone via Underscore templating:
...
11
votes
8
answers
1k
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
3
answers
4k
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
1
answer
423
views
A game of nodes and pixels
I'm still pretty new to JavaScript. I'm making a game to get a better understanding. Although it's working exactly how I want it to right now, the code could definitely be less repetitive and more ...
11
votes
1
answer
2k
views
"Star Catcher" game
For fun, I have been working on this game I called Star Catcher. It's a very basic game where stars are falling and you try to catch as many of them in your bucket before you miss 10. It's a real mess ...
11
votes
2
answers
5k
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
2
answers
16k
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
1
answer
744
views
Hangman learning AI
I have been learning AngularJS and have written my first app. It's a Hangman AI which learns words and guesses the solution based on the words it knows.
Please look over my code and provide some ...
10
votes
4
answers
1k
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
3
answers
780
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
2
answers
2k
views
PHP Chess Version 2
For programming practice, I created a chess program in PHP (my most comfortable language).
The program reads a FEN (a string with the location of all the pieces on the board) from the URL, generates ...
10
votes
2
answers
512
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
1
answer
1k
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 as ...
10
votes
1
answer
63k
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 ...
10
votes
3
answers
318
views
Wrapping my head around these wrappers
I've been developing a page that is designed like this:
______________
| | |
| | |
| | |
--------------
Everything is wrapped in a ...
9
votes
3
answers
489
views
Demo of advertisment website
A fully functional demo URL: http://69.24.73.172/demos/index.html
Note that in FireFox there is a small horizontal scrollbar bug which I have fixed at home.
HTML:
...
9
votes
2
answers
720
views
Animated Calendar using HTML + CSS + JS
I'm a beginner developer and I'm building a calendar for smartphones. I'm using HTML, CSS and JS. I'm not entirely done with the project yet, however, I have the feeling that I'm making a messy code. ...
9
votes
4
answers
71k
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.
...
9
votes
2
answers
525
views
Flex panels in CSS and JS
I was following Wes Bos JS 30-day challenge, so HTML and CSS are mostly are copy-paste,
I'd like feedback on JS (mostly).
Thanks.
...
9
votes
2
answers
340
views
Follow-up: Javascript Syntax-Highlighter for Java
Background
The basics of this project have already been discussed here.
I've improved the following things:
Sᴀᴍ Onᴇᴌᴀ mentioned that I shouldn't use multiple elements with the same id. I corrected ...
9
votes
3
answers
800
views
Carousel in Vanilla JavaScript
I finally got my carousel to work in JavaScript, and I want to know what you guys think about it and what I can do better.
...
9
votes
1
answer
914
views
A simple tic tac toe game in Javascript/HTML/CSS
This is my first web app written in JS. I would like to know how the code can be improved in terms of style and structure, especially in terms of following JS's conventions and general heuristics. I ...
9
votes
2
answers
130
views
User-focused timeline logging
I'm working on a small piece of my personal website. I'd like a timeline logging all of my relevant achievements in my career in Computer Science, in general. I'd like to implement a feature that ...
8
votes
2
answers
679
views
A "C" shape of 7 boxes that turn green on click
Company name asks you to build a website with 7 boxes shaped like a c, which should turn green on click, and then when all are clicked, should turn red in reverse clicking order.
https://jsfiddle.net/...
8
votes
2
answers
2k
views
Webpage with a preload animation using JavaScript setTimeout
I am working on a website with an animation that runs at the beginning before the content of the homepage becomes visible.
I've looked at some examples of preloaders and now use that code with some ...
8
votes
2
answers
331
views
Theme/skin swap... version 2! (CSS-driven)
I basically have an AJAX-fetched skin (html/css) that's loaded into a dummy element (id=SkinContainer) when the page is loaded, and then the content of one of its divs (contentdiv) is fetched with ...
8
votes
1
answer
110
views
Absolve me of my guilt: Dynamically creating spans that highlight on click
I'm working on a page that shows groups of users. The following JavaScript function is used to show more details about a user (such as email and login) when you click on their name.
But there's a ...
8
votes
1
answer
3k
views
Generating a chess board with JavaScript
In another attempt to further my knowledge in the JavaScript language, I've written a chess board generator that will essentially create a chess board with any initial state supplied. This supports ...
8
votes
1
answer
208
views
Chrome extension that marks Reddit entries with clickbait sources
So, I've created my first Chrome extension! What this does is it highlights every post on Reddit that comes from a source of dubious quality. It provides a few sources by default and allows the user ...
8
votes
1
answer
716
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() ...