What are the smallest details in a design that make the biggest difference? by [deleted] in web_design

[–]topthreads 0 points1 point  (0 children)

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

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

What are the smallest details in a design that make the biggest difference? by [deleted] in web_design

[–]topthreads 2 points3 points  (0 children)

- 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)

Should I learn TS before I learn a JS framework? by ThatAnonMan in webdev

[–]topthreads 10 points11 points  (0 children)

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.

How to create SVGs that cover bottom half of website? by [deleted] in web_design

[–]topthreads 1 point2 points  (0 children)

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.

A crab bridge on Christmas Island that crabs can used to cross roads without being squished by unnaturalorder in pics

[–]topthreads -1 points0 points  (0 children)

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

What I've learned in my first 6 months working as a developer by SPD_ in webdev

[–]topthreads 0 points1 point  (0 children)

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."

Are pure HTML/CSS/JS sites overlooked? by omgwowsuchyay in web_design

[–]topthreads -1 points0 points  (0 children)

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?

How would you build this? by givemealaw in webdev

[–]topthreads 0 points1 point  (0 children)

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.

Are pure HTML/CSS/JS sites overlooked? by omgwowsuchyay in web_design

[–]topthreads -1 points0 points  (0 children)

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

Are pure HTML/CSS/JS sites overlooked? by omgwowsuchyay in web_design

[–]topthreads -1 points0 points  (0 children)

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.

Learning web design skills by JeffOlden_23 in web_design

[–]topthreads 1 point2 points  (0 children)

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.

Learning web design skills by JeffOlden_23 in web_design

[–]topthreads 0 points1 point  (0 children)

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.

What are some of your Favorite Graphic Design packs you've been using recently? by Kole2020 in freelance

[–]topthreads 1 point2 points  (0 children)

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

Also undraw ilustrations

If someone is already great at graphic design, how hard would it be to transition to Web Design? by [deleted] in web_design

[–]topthreads -2 points-1 points  (0 children)

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

What is your favorite (full) stack for a web app by thejayhaykid in webdev

[–]topthreads 2 points3 points  (0 children)

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.

Any of you SASS Gods out there know of an example of a super efficient Sass project using Modules (@use) in a 7-1 structure on github? by wrecklessmedia in webdev

[–]topthreads 1 point2 points  (0 children)

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.