Takyon_is_Online
KPCKevin Powell - Community
•Created by Takyon_is_Online on 11/1/2024 in #ui-ux
Feedback on unfinished blog post/site
I would like some feedback on my blog post/site. Any tips on ideal image sizing, spacing when it comes to margin and padding on elements etc. Also if anyone can link me to a good blogging website, or any website that I can use as a reference I would greatly appericate it.
https://blogbydave.netlify.app/blog/2024-10-30-virtualization/
3 replies
KPCKevin Powell - Community
•Created by Takyon_is_Online on 10/31/2024 in #os-and-tools
Is it possible to add images in DecapCMS through markdown?
I’d like to know if it’s possible to add images using markdown in DecapCMS. In platforms like Obsidian, I can simply drag a file into the text editor, and it appears right away. I can also adjust the image size and position using markdown. Can I do something similar with DecapCMS? I know how to upload an image using the upload button on the CMS, but I’m not sure how to edit it once it's uploaded. If editing images in this way isn’t possible, what would be the best method to add and manipulate images in DecapCMS? Any help would be appreciated.
What I tried
I copied and pasted the text and links from a markdown file in Obsidian, so I tried using a link converter to change the wiki links in my file to markdown links, but it didn’t work. I built this website from a code-along project that Kevin Powell did building a blog website https://youtu.be/4wD00RT6d-g?si=v7jNXwk006poOnT0 , so I'm not very familiar with the technologies used to create it, such as Eleventy, Nunjucks, and Node.js. While the DecapCMS integration with the site is working, the only way I can add images is through the upload button in the DecapCMS, and the images appear large with no control over their width and height. In Obsidian, I could resize images using syntax like ![[image|400]]. Is there a way to implement a similar feature here?
7 replies
KPCKevin Powell - Community
•Created by Takyon_is_Online on 7/9/2024 in #front-end
Need help with my sizing and display of my flex items.
I have my flex items wrapped in a div called col. I put flex: 1; on the class but the boxes don't look to be the same size and the calculator box is pushed to the right leaving no space. I put a border around the col class to illustrate what I am talking about.
https://davesamuels1998.github.io/four-card-feature-section/
https://github.com/DaveSamuels1998/four-card-feature-section
5 replies
KPCKevin Powell - Community
•Created by Takyon_is_Online on 2/1/2024 in #front-end
When do I use the grid-column/grid-row property over grid-template-areas?
Hello so I know both grid-column/grid-row and grid-template-areas are both effected by the grid-template-columns and grid-template-rows that you set. That makes me confused on when to use either. Defining placements by areas or line-numbers/names.
70 replies
KPCKevin Powell - Community
•Created by Takyon_is_Online on 1/22/2024 in #front-end
Having a difficult time understand sizes and which units to use
I really struggle with what values to put on the padding property? Also I don't know when I should use rems or pixels.
I guess this comes from coding instructors online just throwing out numbers without explaining why. Any tips?
4 replies
KPCKevin Powell - Community
•Created by Takyon_is_Online on 1/21/2024 in #front-end
CSS grid item not spanning across my browser
Hello, I defined in my grid container that I wanted 5 explicit columns each of them are sized 1fr. When I tried to span my image across the browser by putting grid-column: 1 / 5; It does span the entirety of the browser and all my other grid items are pushed against. Can someone help me with this?
https://codepen.io/davesamuels1998/pen/OJqgOOR
12 replies
KPCKevin Powell - Community
•Created by Takyon_is_Online on 1/16/2024 in #front-end
Can some review my attempt at this coding challenge?
22 replies
KPCKevin Powell - Community
•Created by Takyon_is_Online on 10/12/2023 in #front-end
A question about getting Sass setup
Do you alway install sass when you use it or will it always be stored on your pc?
I'm using VSCode. I installed Sass before on a project but it looks like I have to install it again
15 replies
KPCKevin Powell - Community
•Created by Takyon_is_Online on 9/29/2023 in #os-and-tools
Dropbox and One Drive not backing up my files
Hello I ran an a prototype of a game on my PC and ever since then my desktop has been messed up. I have been trying to use Dropbox to backup my files so I could send it into repair but it has been stuck at 99 files for days now. Anyone knows what I can do?
2 replies
KPCKevin Powell - Community
•Created by Takyon_is_Online on 9/22/2023 in #ui-ux
Need suggestions for displaying text underneath an image
26 replies
KPCKevin Powell - Community
•Created by Takyon_is_Online on 9/21/2023 in #front-end
Is it possible to resize the pixels of a default png to the dimensions you want?
I know CSS resize images on an html page but the png that is stored on your computer is unchanged right? Is it possible to resize that png to the dimensions I want? For example I want my png to a size of 320 x 320 by default.
90 replies
KPCKevin Powell - Community
•Created by Takyon_is_Online on 8/23/2023 in #front-end
Need help understanding/relearning the basic structure of a website
Hello, I am getting back into learning web development. I finished and entire html & css course before stopping so it's a bit of overloading looking back at the past projects that I code along with the instructor I was following. I figured I should try and recreate that website on my own but I am having trouble segmenting what I should do first. Maybe if someone can explain the basic structure of a website to me I can have a better time chunking recreating the website. Also what would be the best way to upload the files of the website on here if anybody needs to see it?
5 replies