Kevin Powell - Community

KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time πŸ™‚.

Join

front-end

resources

back-end

ui-ux

os-and-tools

help

Figma and translating designs

Hey quick question, I've just recently started learning Figma coming from a fullstack background. Do you use auto-layout in Figma primarily so it matches up with how you would create it in CSS? or is it all absolute positioning just to get it how you want it to look? Also, should I care about pixel perfect matching between Figma and CSS? with auto-layout it seems like a lot of nesting inside frames because it doesn't have all the alignment options that you can do in CSS

pieces copilot from latest youtube video won't install

I tried to install pieces copilot on windows 10 2h22 and the installer could not open the app package (failed). That windows version is higher than the min required version of 1903. It looks like I need an Office 365 subscription.

Gradle quickstart resources

Hi guys, I have a tight deadline coming up with a gradle project and I've never used it before. I was wondering if anyone had helpful resources they've used before/know of to get started quickly? Thanks!

CSS Comb Replacement

Hi. previously I used CSS Comb to format my declarations in CSS - particular SCSS. Somehow I haven't found any replacement - There are some information that point me to StyleLint, Prettier and all sorts but I totally fail to get the declaration sorter to work. Especially in VS code and 2024....

GitHub Collaboration

Hello everyone, I am currently working on a landing page project with my team, and we are facing some challenges while merging our individual sections into a test branch. To avoid any confusion, I have created a separate test branch from the main branch for comprehensive testing before integrating the changes to the main branch. To streamline this process, I have added comments in the HTML file to indicate specific sections for each collaborator. However, we have encountered some issues during the merge process. For instance, when we tried to merge the second branch into the test branch, it overwrote the first feature instead of combining them....

Infinite loop of "please commit your changes" for package.json & .package-lock.json

I'm working off of a developer branch, 'jordan', right now. I've done everything I have to do there, committed and pushed my changes to that 'jordan' branch, refreshed the GH page in the browser and see my 'jordan' push having occurred. 'main' is a different branch and has changes to it that are not reflected in my 'jordan' branch I want to continue working in my 'jordan' branch, but I would like to first merge the 'main' branch changes into 'jordan'. ...
No description

Is it a good idea to use Copilot or other AI code completion tools as a beginner to front end dev?

A bit of a more open-ended question. I've started to learn front end development. As a beginner, would it be harmful to my learning and development to use AI code completion tools like GitHub copilot? I understand that copying and pasting code without understanding it is a bad idea, how should I use AI tools as a beginner, or should I avoid them?

Github Issue

Hello team, when i want to push my files into GITHUB i use my login and password and i get error msg that due to GITHUB update is not working ,then i used GITHUB TOKEN but is also is the same issue...
No description

vscode text become black.

My vscode shows all text in black.Can anyone help me with that what could be the reason?
No description

Line wraps after comma CSS

Hey guys! So when I'm on css and add commas like: h1 , h2 { color : Black...

GitHub Collaboration

If someone invites to a GitHub repo for a collab. Then also, do we need to create a separate branch and make a pull request or directly commit to the main branch?...

Mask animation

Hi! I'm trying to recreate the mask animation in the Recreating PRO Ink Reveal video from https://arena.net/. But I'm not sure how to create the png frame images. I havent used any image editing software before, but I'm willing to learn πŸ˜„...

Is this how GitHub Templates work?

Question: So let's say I create an empty folder in my local machine, run "npm init -y" in command line, and then run this command "npm create vite@latest", and with all this setup, I push this code into a GitHub Repo, and make it as a Template Repository, so next time I want to create a new project, under this "Template Repository" I click the "Use this template" button, and then "Create a new repository", I create a new repo from that template and clone it to my local machine. ( My question is,...

Visual Studio Code to browser - Media queries...

Hi everyone! I have tried everything I can think of and I just cannot figure out what is causing this issue I'm seeing. In Visual Studio Code I connected to Live Server, and even tried alternatives...but when I go to my browser preview, all of my media queries are stripped out. Has anyone come across this or know how to fix it? Thank you!...

How to create Custom Project Templates in Webstrom IDE

Hi Devs! If anyone of you is using Webstrom IDE than you must know that it provides project templates for React, Vue, Express etc and we can create projects from these. Can anyone guide me on how to I can create custom Project Templates like that?...

How to connect VS code Domain and upload on a server

Hi, guys I use GIT HUB for test my VS code, I want to upload website (only front-end) to a web server, I have domain already, how can I do this? please help me, thanks.

Plug-in or API for forms?

I want to create a website with only vscode and upload my files/folders to my hosting site via SMTP. Trying to do one project old school like 🀣 However I’m not sure how to handle form validation and notifications and storage. Is there a way to import a tool that can handle forms for me? Im intentionally not using Wordpress or other platforms for this project. I was going to use a webhook to push the form data to googleSheets but I don’t know if I’ll need further form validation then what is baked into the html attributes. I’m not totally sure I’m using the correct language by calling the tool I need an API or plug-in btw....

Code Review Services for Beginner

New to coding and building websites. I'm building my first website to add to a portfolio but I'm questioning if my code is any good. So far it seems like it works well but I wonder if it could be better. Am I following best practices, are there ways to make it cleaner, how do I know I'm on the right track, etc. I don't have a mentor or anyone to help me so I started looking into Codacy and PullRequest.com and I'm curious if anyone has tried these services. Any alternative recommendations? Thank...

problem in vs code

guys i have installed node js but now my vs code keeps spamming me with errors how can i fix it

Changing the github repo that my google domain is using (Sveltekit build, Svelte project)

The app is in Svelte, and I thought I had done it all, but the website seems to just load the readme, and not the actual code itself. https://github.com/callum-laing/sv-portfolio https://www.callum-laing.com/ ...