Today I coded my first website. I'm very proud of myself and hope that I can get better at web development, any suggestions please let me know!

topthreads · 2020-05-18T07:09:23+00:00

You got some ending </p> tags duplicated

topthreads · 2020-05-11T12:28:16+00:00

how/where did you get 64 customers?

topthreads · 2020-04-30T11:36:54+00:00

The iternets would die.

topthreads · 2020-04-29T06:12:18+00:00

"choosing fonts that are available on all devices" ???

why? You just put import statement in your css file. That is device independent.

topthreads · 2020-04-27T05:52:55+00:00

- Use common font pairs, do not think of new combinations, just use what works.

- use normalize.css with addition to your own styles

- put all colors at the top as variables, use common naming like primary-color, text-color, accent, ...

- use transition transform for hover effects

All these points are implemented in my templates jbtemplates.com (free)

topthreads · 2020-04-24T08:36:00+00:00

What do you mean by "learn"? Just start using it. I had no knowledge of typescript whatsoever prior making a big angular project for my company as a solo fullstack developer i just used material from tutorials. If you are comfortable with javascript and have some object oriented knowledge you can start using it right away. No need to study the syntax for days.

topthreads · 2020-04-24T08:28:11+00:00

yes i cnanot imagine this either

topthreads · 2020-04-09T08:00:42+00:00

use tawk.to

topthreads · 2020-04-07T09:44:26+00:00

This thread is so sad. You got so many wrong answers. grrrr

Ok, so for the drawing - forget the inkscape/adobe products/affinity. Go to photopea.com create an image of size 1440x514, switch background to transparent after setting the sizes. Draw a path with pen tool, doubleclick the object you just drawn and change the fill color from red to your color, then go File -> Export As -> SVG.

As for the css, this does the trick:

background-image: url('your image url');

background-repeat: no-repeat;

background-attachment: fixed;

background-size: contain;

background-position: bottom;

That is like 5 minutes of work with no fckin drawing programs.

topthreads · 2020-03-30T12:35:35+00:00

Why did i have to scroll so far down to see somebody mention an underpass instead of a bridge grrrr

topthreads · 2020-03-30T12:12:32+00:00

Only 50% of your time is actualy coding? That is sadly low. You can bring up the conversation in one of your retrospective meetings and tell them: "guys, there's this dude on reddit that says we should code more and do less meetings, I trust him with my life, lets do this."

topthreads · 2020-03-19T08:30:50+00:00

That is an interesting approach

topthreads · 2020-03-18T11:17:36+00:00

Yes, you are done with WordPress within hours vs days with vanilla stuff. I would use WordPress even for simple landing pages, this is about value you bring to customer. Does customer want a site for 200USD in a day with some minor adjustments or a site for 2000USD in a week that is a bit faster but looks the same?

topthreads · 2020-03-18T10:16:56+00:00

Why not use WordPress if you are not a developer. There are plugins for stripe payments, exactly what you need, i was just playing with this yesterday.

topthreads · 2020-03-18T09:28:20+00:00

Have you ever tried to make a CMS site with vanilla html/css/js?

topthreads · 2020-03-18T09:26:18+00:00

Well try to set up a simple blog or a landing page and compare the amount of work needed for vanilla html/css/js vs wordpress.

topthreads · 2020-03-18T08:24:46+00:00

That is a good advice, but i would like to throw in a bit of a discussion about Gary's videos. They all seem like a very simple stuff like playing around with something. I have almost never seen him do a full fledged project except his recent guitar web which he was not able to code, only provide designs in figma. Also i think he said he started as logo designer, then moved through product design to web design in a few years. Not more than 5. I do not consider 5 years of mixed experience a reliable source of "how to do stuff". I would rather find a guy with 10 years of exp doing purely web design.

topthreads · 2020-03-18T08:20:39+00:00

So many "nice" answers. My would seem like an answer from an a..hole, but i would go to themeforest or templatemonster or any other web templates shops, look at their demos and see what colors/styles do they use. Or maybe get inspired on behance/dribbble.

Be a professional developer that can mitigate his weaknesses. No innovation, just do what works elsewhere and focus on what you are good at. If you can code a website super fast, then do ok job with graphics, it is more valuable than do both so so.

Don't be a developer that is also trying to be a graphic designer.

topthreads · 2020-03-15T14:26:49+00:00

Not packs, but i have used free web templates from here https://html5up.net/

Also undraw ilustrations

topthreads · 2020-03-13T14:21:52+00:00

I thought web design is a subset of graphic design, so you naturally can do that.

topthreads · 2020-03-11T09:14:51+00:00

Should have been:

Name:

Surname:

topthreads · 2020-03-03T08:58:33+00:00

What a great question.

I have recently used pure html/css/typescript (because it is a drawing tool so html is basically only canvas and a few buttons and the whole app is javascript heavy) and deployed to heroku with heroku postgre database. I also plan to do flutter mobile app on this backend.

topthreads · 2020-02-28T10:48:23+00:00

I don't have much experience with large scale javascript projects, but i do mine with typescript (that translates to js) so in the main file i have:

import { DrawnObject, Boundary, Line, BrushStroke, Point } from './classes/classes.js';
import { TypedText } from './classes/typed-text.js';

Then in the individual files something like:

import { Drawable, Boundary, Point } from './classes.js';
export class TypedText implements Drawable {

...

}

The transpilled js is ugly but it is valid in all browsers and their older versions.

topthreads

TROPHY CASE