All Questions
130 questions
1
vote
1
answer
79
views
Calculate Prime Number using web workers and Web storage in HTML5
Take a number input (less than 100) from the user and save it to the web storage. Create a web worker to increment the number till it becomes prime. Provide two buttons of 'Start' and 'End' to start ...
- 11
3
votes
2
answers
218
views
Is showing an HTML file that the client uploads safe?
I have created two pages (one straight HTML, the other PHP) to show an HTML file in the context of my server. The reason for this is simply to get access to / the styles in the CSS spreadsheets - not ...
- 143
2
votes
0
answers
40
views
Colorproof dust effect
A combination of various css transitions (background-color, box-shadow, opacity, ...
user279820
2
votes
0
answers
77
views
My Electronics Project Blog
I have been wrapping up the markup for my personal electronics project website, https://www.salvagedcircuitry.com. I write about designing, repairing and producing electronics, along with some ...
1
vote
1
answer
160
views
Simple calculator project
This code displays a simple decimal calculator with operations like add, subtract, multiply and divide. It also has a function to clear the result.
I try to reduce code repetition. I still think I ...
- 21
1
vote
1
answer
130
views
Sign Up Page - A mini Frontend Project
I have designed a a small frontend project, a sign-up page. It uses HTML, CSS, JavaScript and jQuery. Being a beginner to frontend development, I want to adapt to all the best practices. I am looking ...
- 141
2
votes
1
answer
46
views
Are there any redundant divs in my first proper webpage? Or any way to group classes in my CSS file
This is my first full formatted webpage done while doing the odin project.
Is there any redundant divs? Can I reduce my css file by grouping some classes?
And how to give styles to a button under a ...
2
votes
0
answers
60
views
JS icons animation
I've written a simple JS that takes care to animate an icon.
At first I wrote it quickly and without paying attention to any kind of optimization:
...
- 21
2
votes
1
answer
199
views
0
votes
1
answer
492
views
Christmas tree made up only with HTML and CSS
I've created a Christmas tree using only HTML and CSS. It's pretty sure that the code can be written in a more efficient way. Also, the lights are turning on and off at the same time, is there a way ...
- 181
7
votes
2
answers
150
views
Example of responsive webpage
I'm doing a Coursera assignment on an HTML-CSS course. The assignment is to do a simple responsive page, which can be found here.
I think I came up with a solution, but I ended up having around 100 ...
- 269
1
vote
2
answers
134
views
How clean is my close_account code?
Hello i'm coding a social site and I need to know how clean this code is. I read other answers people told me from my previous questions like this and used it as guidelines. So now I wanna know if ...
- 449
3
votes
1
answer
115
views
Master Doughnut Shop Website
I made my first website from scratch using HTML and CSS. It's a doughnut shop
I did this as a way to practice what I have learned so far from an HTML and CSS course that I am taking. I would ...
- 31
4
votes
1
answer
117
views
Social network login and registration forms
I am building a social network with PHP, HTML and CSS and a bit of JS. I want to know how secure my login and register code is.
Register html:
...
- 43
3
votes
0
answers
30
views
Simulate sliding range selector with string values
I need to have a range selector that accepts string values instead of integer value.
This is not possible with standard HTML, so I needed to simulate one by using (hidden) radio buttons that are ...
- 191
1
vote
1
answer
53
views
Semantic implementation of the structure of a web page with header, main, and footer
I'm new to web development, and currently learning the basics of HTML and CSS. Many web pages follow the structural pattern of header, main, and footer; so I figured it'd be a good idea to try and ...
- 761
3
votes
1
answer
144
views
How secure is my login and signup code
I am creating a social network and I've been told a few times a lot of things are outdated and prone to SQL injections so I am going over everything with a very fine comb and checking what's good and ...
- 449
0
votes
1
answer
70
views
Data selection and filtering
Here i have javascript code where is 'animals' object and 'people' array of objects. User selects the data from select box and accordingly table fills with selected data(which is array of objects) and ...
- 37
2
votes
1
answer
102
views
Suggestion for improving this code to be more readable and easy for beginners? [closed]
I'm a JavaScript beginner trying to learn by doing. Here I have a table with different values: I have used two for loops. Is there an easier way to achieve this? For example having just one for loop, ...
- 37
0
votes
1
answer
441
views
Simplifying input filtering in tables with multiple selectors using jQuery
Code explained
I wrote a few identical functions for each table to filter them based on the user input typed in the input fields using jQuery. After filtering it counts the rows that are left visible....
- 103
4
votes
2
answers
743
views
Simple HTML5 registration form
I'm creating a simple registration form for a Linux installation party I'm organizing.
Although I'm a decent programmer, I rarely create HTML files. I want to know if this form is safe for my users ...
- 143
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 ...
- 929
1
vote
1
answer
41
views
Console.log challenge change all of the links on a search results page so that they do not go anywhere?
I am reading a book call Front end Web Development "The big nerd ranch guide", in which I came across a silver challenge:
Go to your favorite search engine and search for "...
- 13
3
votes
1
answer
4k
views
FCC: Product Landing Page - HTML & CSS only
I have created a product landing page for a freeCodeCamp responsive web design project which requires me to create a "Product Landing Page".
Requirements to keep in mind:
...
- 31
2
votes
1
answer
102
views
Password reveal functionality
I have made a password reveal feature, however the code is duplicated. Essentially all I want to be able to improve the code, however I'm not exactly sure how I could do this, all I know is it would ...
- 23
0
votes
1
answer
406
views
Simple HTML website with a JavaScript navigation bar (version 3)
This is a followup post to version 1, and version 2.
The following code is a website with a nav-bar on it. It uses some simple JavaScript and CSS (with media-queries) to make it work:
index.html:
<...
- 189
0
votes
1
answer
390
views
Read Local File
I'm trying to read any file locally and write out the binary as string, it loads and reads small files very fast.
How can I modifier it to read large files greater than 1gb without crashing the ...
- 63
2
votes
1
answer
167
views
Simple HTML Website (followup)
Followup to this
I have created a simple HTML5/CSS3/JS website with a navbar and no content.
index.html:
...
- 189
3
votes
1
answer
207
views
Simple HTML website with JavaScript navbar
The following code is a website with a nav-bar on it. It uses some simple JavaScript to make it work:
index.html:
...
- 189
4
votes
1
answer
1k
views
Cricket Scoreboard for Darts
I've been learning front-end web design, and I'm looking to start diving into the back end soon. Before I do that, I want to make sure I have my HTML/CSS/JS skills down pretty solid. Here's a ...
- 173
1
vote
1
answer
229
views
Simple landing page using Bootstrap
I have written a simple landing page in Twitter Bootstrap. It works fine, I just want to know if my code is written in a "good-practice" way.
...
- 189
13
votes
3
answers
19k
views
Semantic markup for card blocks
I'm using Bootstrap. I'm doing my best to work with more semantic markup and getting away from divitis.
Several of these "card" blocks appear on a page, like this.
Original:
...
user162026
2
votes
1
answer
334
views
Make HTML/Javascript Geolocation function more linear
I'm checking users locations with HTML Geolocation before unlocking the front door. Geolocation takes a few seconds in addition to the time it takes the user to approve it, so currently I have a ...
- 149
1
vote
2
answers
164
views
Using <div> instead of other tag types (<span>, <p>, etc) [closed]
Is it considered bad style to always use <div> instead of using, say, <span>? I know that using specific tags like <...
- 287
1
vote
0
answers
1k
views
Overlay a YouTube video iFrame Over an Image
This is my code and the main thing I wanted to accomplish when creating this was to: overlay an iFrame over an image and also to see if I could embed a YouTube video iFrame with the video ID entered ...
- 31
3
votes
1
answer
524
views
Phaser game runs good on desktop but lags on mobile
I am creating my first game using Phaser and it is running fine in desktop. But it is lagging on Android phones.
Can anyone tell me what could be the reasons?
The game is very small -- smaller than ...
- 131
1
vote
1
answer
2k
views
Angular 2 Component conditionally displaying a list of elements from an array
This Angular component displays a list of polls that are fetched from the server and has a slide toggle giving the authenticated user the option to display all polls or just the ones that the user has ...
- 265
2
votes
1
answer
585
views
Random gradient header generator
I made a header generator that creates a linear gradient of two random colors from its top left to its bottom right.
Please tell me about everything I could do better, but especially how to calculate ...
- 769
7
votes
1
answer
403
views
Write the HTML markup for several of (profile picture + message heading + message)
I was asked to write the HTML markup and CSS like the following:
User's profile picture on the left
his message heading
his message content
I was so concerned with how to correctly make it displayed ...
- 391
4
votes
1
answer
132
views
George Washington Carver tribute page
Yeah, it's another person wandering through from freeCodeCamp. Sorry.
That aside, I've got a tribute page to George Washington Carver, developed as a project for the above. I'm generally happy with ...
- 161
1
vote
1
answer
109
views
Bootstrap responsive layout
I'm creating a responsive page with bootstrap. I tested my code with my browser (Firefox and Chrome) and it works. Is the code clean or is there a better way to code it?
...
- 509
3
votes
2
answers
3k
views
SQL LIKE search in Angular filter objects
I made this AngularJS 1.x filter, to search using a the same SQL LIKE syntax. Right now only the percentage symbol (%) is ...
- 436
6
votes
1
answer
282
views
Fitting multiple images in a given width
I was looking for a function which would take the overall width, max height, min height parameters as the input and fit multiple images in the given overall width adjusting their width.
For an ...
4
votes
2
answers
116
views
Information about a nightclub in semantic HTML
Could anybody have a look at my HTML code and tell if it's build upon the correct semantic way using the right tags, and not using unnecessary divs?
I'm still not sure if there any divs in my code ...
- 41
3
votes
2
answers
52
views
Vertical Menu with multiple filters and search options - Need help making it Semantic
Recently I started focussing on semantic HTML. And strangely I still find it quite hard. Could you guys please check this file and give me some tips on what I can do better? Also Is it bad to use the "...
- 477
0
votes
1
answer
49
views
File listing layout
I am designing a very basic file listing layout in HTML and CSS. Although its working but I would like to know if the following code could be improved upon so that its more good and follows the best ...
- 231
5
votes
2
answers
15k
views
Simple landing page markup with basic HTML
I'm writing the HTML for this website:
And this is the HTML I made:
...
- 281
2
votes
1
answer
3k
views
A clock implemented using Moment.js
This is a POC for a clock using moment.js, eventually I plan to recreate this in Raect.js. Any opimisations or a better way to do it?
...
- 91
2
votes
1
answer
885
views
Angular 2 sortable lists
I wrote a simple and small projects that present 3 buttons, each one loads a different list to the screen on the same place but not in the same time.
In my HTML, I think I can maybe use some more ...
- 153
3
votes
3
answers
283
views
Simple website HTML
I'm not really sure if I'm using id's and classes correctly. I'm unaware as well if I'm doing bad practices and I would like some help with that. I'm pretty sure my id's and classes names are terrible ...
- 281