• Breaking News

    Wednesday, January 20, 2021

    Freelancers, how did you get started? web developers

    Freelancers, how did you get started? web developers


    Freelancers, how did you get started?

    Posted: 20 Jan 2021 01:29 PM PST

    I'm curious how to start freelancing, not through something like fiverr, but get my own clients. Did you look up local businesses and see if they needed an application or service? Also what software do you recommend to track time and issues? Did you also create an llc to protect yourself? Thanks for your time!

    submitted by /u/mod_24
    [link] [comments]

    Why use em's for things like padding/margin?

    Posted: 19 Jan 2021 09:04 PM PST

    I can't seem to find a good explanation for something as simple as this. I see so many people say they use these unit's but no reason why?

    Em refers to the parent element of course. And of course, px is a hard value that doesn't scale and em does, but how well does em scale to give responsiveness?

    Is there a video or just a guide out there that can explain why em is the superior unit for margins/paddings?

    submitted by /u/LordNadez
    [link] [comments]

    Porting Firefox to Apple Silicon

    Posted: 20 Jan 2021 09:02 AM PST

    Server Side Rendered JS Asset for Performance (not a static site / not react)

    Posted: 20 Jan 2021 10:48 AM PST

    Hey all!

    I'm working on a project where a JS utility is embedded on customer sites. Right now, after the JS is loaded I kick off API requests to get user settings & other bootstrap info to successfully utilize my library.

    Is there a good toolchain for running a webserver that will build (transpile, bundle, etc) these JS assets live such that I can make that initial bootstrap request on the server and embed those values into the JS file?

    The intent is to reduce the total number of round trip requests. Our current scale is around ~ 40k requests per second for JS assets and subsequent APIs. Reducing this by half would be very meaningful from a user experience standpoint.

    Most examples I've seen for "server side rendered JS" is around using a framework such as React to generate some initial HTML to improve time to first paint. My problem is different in that I don't have HTML to serve, but rather javascript to execute with some seeded (potentially templated) variables.

    Any recommendations would be much appreciated!

    Edit: some typos / formatting

    submitted by /u/kezro
    [link] [comments]

    Responsible Web Applications

    Posted: 20 Jan 2021 05:17 AM PST

    Server pricing

    Posted: 20 Jan 2021 02:11 PM PST

    We are planning to launch soon and are calculating server expenses. We have a backend ec2 server for laravel, an rds and a nextjs frontend server. We expect having 75000 users a month on the frontend and 500 users on the backend.

    For nextjs we thought about going serverless to reduce problems scaling or simply just some scalable ec2. It would be a very lightweight frontend with only 1 DB request per user, maybe we even could migrate to aurora? We don't know what charges to expect with this amount of users and what option would be cheaper on the long run.

    Can someone give some advice?

    submitted by /u/NewTimesTUbe
    [link] [comments]

    Can asset bundlers (webpack, rollup, parcel, etc) help reduce a slow Largest Contentful Paint (LCP)?

    Posted: 20 Jan 2021 11:04 AM PST

    We have many traditional websites (PHP, jQuery and plugins, bootstrap), and some of them have a slow Largest Contentful Paint.

    I've been playing around with Parcel and Rollup a bit, but I'm not sure this is the right way to go. They seem to be more focused on advertising faster build times than actually faster rendering.

    My rationale in trying these is that both the jquery plugins and CSS is quite heavy. We've tried combining and minifying, which seems to help a bit, but not enough.

    I wanted to see if these bundlers are able to help lazy-load many of the assets in a smart way, without having to completely rebuild the sites.

    Am I going down the wrong path? Do you have any advice?

    If this is not the correct sub to ask this, please redirect me to one that is more appropriate.

    submitted by /u/Sarke1
    [link] [comments]

    Very stuck and confused. Tried to give the SVG a hover effect where the colors are inverted (the orange becomes white and vice versa). I tried using the classes "cls-1" and "cls-2" because those are what controls the icon's fill colors. For some reason, the hover fill effects won't work:

    Posted: 20 Jan 2021 10:30 AM PST

    The HTML:

    <body> <a href="#"> <svg class="test" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250"><defs></defs><g id="outline"><path class="cls-1" d="M125,245.65a120.66,120.66,0,0,1-85.32-206A120.66,120.66,0,0,1,210.32,210.32,119.9,119.9,0,0,1,125,245.65Z"/><path class="cls-2" d="M125,8.7a116.3,116.3,0,0,1,82.24,198.54A116.3,116.3,0,0,1,42.76,42.76,115.51,115.51,0,0,1,125,8.7M125,0A125,125,0,0,0,36.61,213.39,125,125,0,0,0,213.39,36.61,124.18,124.18,0,0,0,125,0Z"/></g><g id="Speedometer"><path class="cls-2" d="M126,119.07c-.32,0-.64,0-1,0a12.77,12.77,0,1,0,12.37,9.45l22.41-38.74Z"/><path class="cls-2" d="M125,44.89A87,87,0,0,0,68.73,198.15H181.27A87,87,0,0,0,125,44.89ZM177.8,189H72.2a77.8,77.8,0,1,1,105.6,0Z"/><path class="cls-2" d="M65.18,160a5.49,5.49,0,1,0,7.5,2A5.49,5.49,0,0,0,65.18,160Z"/><circle class="cls-2" cx="60.1" cy="120.4" r="5.49" transform="translate(-28.23 18.88) rotate(-14.5)"/><path class="cls-2" d="M79.11,77.15a5.49,5.49,0,1,0,7.73.68A5.49,5.49,0,0,0,79.11,77.15Z"/><circle class="cls-2" cx="125" cy="65.94" r="5.49"/><circle class="cls-2" cx="167.36" cy="81.36" r="5.49" transform="translate(11.02 182.29) rotate(-58.77)"/><circle class="cls-2" cx="189.9" cy="120.4" r="5.49" transform="translate(-8.96 225.34) rotate(-60.2)"/><path class="cls-2" d="M184.82,160a5.49,5.49,0,1,0,2,7.5A5.5,5.5,0,0,0,184.82,160Z"/></g></svg>Speed</a> </body> 

    The CSS:

    /* SVG Icon Size */ .test { width: 25%; } /* End SVG Icon Size */ /* SVG Icon Color */ .cls-1 { fill: white; } .cls-2 { fill: #f57f20; } /* End SVG Icon Color */ /* SVG Icon Hover */ .cls-1 a:hover { fill: #f57f20; } .cls-2 a:hover { fill: white; } /* End SVG Icon Hover */ 

    submitted by /u/DonTheBot
    [link] [comments]

    <div> will insert a paragraph break, <span> won’t. Does a container have hidden properties?

    Posted: 20 Jan 2021 12:48 PM PST

    I'm trying to wrap my head around containers and how they are unique.

    You add a <div>, give it a class, and add properties. But how does this differ from using a container?

    I keep seeing containers used with grid, but I don't see why you cannot just create a class name .poop and style it.

    Edit: thanks all. I'm realizing zooming out that I need to bone up on browser defaults.

    submitted by /u/anonoman925
    [link] [comments]

    Good SASS framework/project for setting up project structure/foundation?

    Posted: 20 Jan 2021 02:29 PM PST

    Hey Errbody,

    I am starting a new project and utilizing SASS. I'm going fo ra very modular approach to this project and was wondering if there is any good starter sass frameworks, that can guide me on a good setup. I don't really need any components or anything. Just a good structure for starting ones own SASS framework if that makes sense. Thanks in advance!

    submitted by /u/mcqua007
    [link] [comments]

    How I handle technical problems i.e. connecting Next.js to MongoDB in live

    Posted: 20 Jan 2021 02:15 PM PST

    Greetings fellow webdevs.

    Often when working on private projects, or challenges set by tutorials I have hit upon issues which fall across a number of areas of expertise.

    Yet I have never seen anyone directly address this in their tutorials, or courses.

    As a front end dev transitioning into full stack I hit upon a problem which only presented itself while hosted and thought this would be a great situation to highlight to everyone out there that we are all stuck now and again, but there is something you can do about it Linky to the videoy

    submitted by /u/michaelcaley
    [link] [comments]

    What backend language / Tech do you recommend?

    Posted: 20 Jan 2021 03:54 AM PST

    Hi there. I am a front end developer that would love to get into backend, db's, etc. What backend language do you recommend?

    View Poll

    submitted by /u/SnooCookies3463
    [link] [comments]

    Dumbdown - The dumb alternative to markdown

    Posted: 20 Jan 2021 08:37 AM PST

    Newbie style question - I don't get "Git"

    Posted: 20 Jan 2021 10:55 AM PST

    specifically, if someone share's their repo and I go look at it - in this specific example say an HTML and CSS file, am I supposed to clone it so that I can open it in Chrome to look at it?

    I "git" the whole workflow thing, cloning, editing, putting it in a branch, committing thing and why we do those things (I think) - for context, my level of newb is - I'm working my way through the Odin Project, just about to finish the beginning HTML and CSS stuff and start my first project (though I've done other tutorials and have made a few very basic websites...)

    I feel like I'm totally missing something with Git because its supposed to end up being your Portfolio... is your Git Portfolio mean to just be raw code ? maybe someone could ELI5 how and why you use Git above and beyond creating your own repo and workflow ?

    thanks

    submitted by /u/74_Jeep_Cherokee
    [link] [comments]

    Hi! Very new to Web Dev studies. I'm learning via free education online, so kind of trying the self taught approach. Any tips or advice you can give me that you wish you had known or been told when you were where I am? Please Eli5.

    Posted: 20 Jan 2021 04:32 PM PST

    As the title says, I'm brand new to all things web development (excluding some very VERY faint memories of myspace background manipulation) and I just was wondering if there was anything you would like to share with or recommend to myself or any other aspiring web developers. It could be anything from books or websites, HTML or CSS, all the way down to the actual process of job hunting. Any advice or help at all is very much appreciated. Thanks!

    submitted by /u/jonathancoleeee
    [link] [comments]

    Does it look very unprofessional to sort my projects on github in folders?

    Posted: 20 Jan 2021 08:39 AM PST

    I currently have my github account in such a way that i have folders for projects which use the same primary technology. So i have a react repo, vue repo, php repo, vanilla js repo etc.

    So my projects go into the shared repo based on what main tool i use to build it.

    This also makes it easy to find a project since i always know what repo its in.

    Now i get that for larger projects with multiple people working this is a problem, but when its just personal projects where the only one who will ever make changes it wont cause problems.

    I obviosly also dont create seperate branches to make changes but i doubt anyone does that for personal projects.

    So ive just been wondering if that looks bad, dumb or unprofessional? Should you always only have 1 project for a repo?

    Or am i just overthinking it

    submitted by /u/Gaia_Knight2600
    [link] [comments]

    How to learn to design and build a portfolio from scratch.

    Posted: 20 Jan 2021 03:32 PM PST

    Hi, I'm reaching out for advice and resource recommendations to reach a goal of designing and building a portfolio website (not the projects I plan to fill it with) from scratch that, hopefully through some feedback and iteration can look like something I can be proud of.

    I don't know why but I just don't want to use a template.

    Maybe this is a bigger goal than I realize, another reason why I'm trying to reach out.

    I'm just hoping with a specific goal in mind this can be attainable in a reasonable amount of time. I know that's vague, I guess after a month I'd like to have made considerable progress if not be finished but would still push forward if that's not realistic.

    Please let me know any thoughts and advice/recommendations!

    Thanks in advance.

    submitted by /u/teknewb
    [link] [comments]

    pup is a command line tool for processing HTML. It reads from stdin, prints to stdout, and allows the user to filter parts of the page using CSS selectors.

    Posted: 20 Jan 2021 04:49 AM PST

    I have no clue what to put on my resume as a self-taught dev

    Posted: 20 Jan 2021 02:13 PM PST

    I'm trying to get my first job as a junior front-end developer, but the problem is that I'm self taught which means I have no degree and no experience. All I have are projects and skills and a portfolio. I did however complete FCC's front-end curriculum but I'm not sure if that's appropriate to put on the resume as education.

    What should the layout of my resume look like? Any templates that'll help me? Because every template I use I end up with a ton of white space due to me lacking a degree and experience.

    submitted by /u/someguyhere0
    [link] [comments]

    Tips and tricks to spot careless mistakes or code that don't work?

    Posted: 20 Jan 2021 01:51 PM PST

    I'm following a project where a person building a website and the css he wrote when I followed him I couldn't get the same result. Been spending hours trying to figure out how to unstuck myself. The code looks exactly the same to me.

    How or what do you guys do when you can't get something to work? I'm just building my first project and it's hard for me to spot these mistakes and I don't want to spend hours on something I know prob some dumb mistake. I don't have anybody to look over my shoulder and spot the mistake.

    Do you have any personal go to strategy or tips or tricks to self audit your own code? Any advice would be greatly appreciated.

    submitted by /u/swiggyu
    [link] [comments]

    createElement() method in JavaScript.

    Posted: 20 Jan 2021 01:38 PM PST

    I'm trying to build a simple website. There's an "Add to cart" button, which when clicked, adds an element(call it item) to another div (let's call it cart) using the createElement() method. Now there's another button "Remove from cart" to remove the item from the cart using the removeChild method. However this doesn't work. Seems like the elements created by createElement() method locally inside an eventlistener, cannot be modified outside of the eventlistener. So my question is how do I solve this? And why doesn't it work this way? Code:

    To add an element:

    addToCart.addEventListener('click', ()=>{

    const item = document.createElement('div');

    item.classList.add('cart-item');

    cart.appendChild(item);

    });

    removeFromCart.addEventListener('click', ()=>{

    let tmp = document.querySelector('.cart-item');

    cart.removeChild(tmp); // the item still stays in the cart

    });

    submitted by /u/-normal_guy-
    [link] [comments]

    Looking for an in-browser way for client to edit data

    Posted: 20 Jan 2021 01:36 PM PST

    Essentially, I'm making a website that shows the data that the client wants to show, which isn't private nor sensitive. It's just like tips/tricks. The client wants an interface of sorts with which adding/removing and editing these tips will be simple. The problem is I don't have access to any backend/server side code, so I can't do a proper database call. I don't know of any good way except to have a json file that the client would have to "learn" to edit themselves. Are there any other good options in this case?

    submitted by /u/lilmuffmuff
    [link] [comments]

    What’s the best process of working with a clients design to create a HTML/CSS site?

    Posted: 20 Jan 2021 01:54 AM PST

    It's my first time working with a clients design (done in figma) and wondering what is the most efficient way to replicate their design and match all the redlines/dimensions they have? I usually use Bootstrap, but would it be easier to match their design dimensions using CSS grid for example?

    And please let me know the process you go through when given a design from either a client or in this case a design team!

    Thank you!

    submitted by /u/Just-Chillin-Wbu
    [link] [comments]

    Project or app built with different backend technologies

    Posted: 20 Jan 2021 01:09 PM PST

    I'm looking for articles, videos, or tutorials that build a web app with a backend (for example a todo app) that use use different technologies. Maybe one using node/express, another with rails, and another with flask or asp.net

    submitted by /u/alliwanabeiselchapo
    [link] [comments]

    Designing a web app of web apps?

    Posted: 20 Jan 2021 08:33 AM PST

    Currently in a debate about the best way to design a web app which hosts multiple web apps for a client. We are tasked with building all of these web apps from scratch and they are to be hosted in a singular app with a homepage that is custom to each user containing information from each web app of their choosing. Logic and data will be managed by apis, so it's really a question of managing the UIs. There are essentially 2 designs that we are debating...

    Option 1:

    Each UI exists on its own AWS ECS instance and the master web app will route between them or display them within its UI using something like iframes. If it's routing then maintaining a unified router among web apps will be annoying. This also seems tricky to load the snap shots for custom home page. The pro here is that you can elevate changes to each app individually without worrying about conflict with other apps. I am also unsure of how security works with iframes and if jwt tokens are passed through?

    Option 2:

    Each UI is a library which is a dynamic import of the master UI based on what that user is doing. This seems tricky to manage each of the apps as an independent entity but also seems the most efficient for loading and managing users. This also seems the best for consistency among apps and provides a smoother experience.

    Honestly I am leaning to option 2. I have a feeling my boss is leaning to option 1 because it's more micro service oriented. Would love to hear any and all opinions! Any articles discussing this would be greatly appreciated as well!

    submitted by /u/Magoots
    [link] [comments]

    No comments:

    Post a Comment