Web Development

  • How to Upload HTML Page on WordPress
    on January 27, 2023 at 7:33 am
  • Is that a correct way to apply tailwind property to element in javascript? i'm quite new to tailwind, the code works fine but i wanted to make sure this is the right way to not bring bad practice...
    by /u/False_Association_12 on January 27, 2023 at 6:28 am

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

  • What is a Progressive Web App (PWA)?
    on January 27, 2023 at 5:27 am
  • Increase conversions with next-generation Progressive Web App Development
    on January 27, 2023 at 5:26 am
  • How to host a PHP website on my windows VPS using it's own IP?
    by /u/wnetMC on January 27, 2023 at 5:11 am

    title submitted by /u/wnetMC [link] [comments]

  • Advice for returning to web development?
    by /u/compostkicker on January 27, 2023 at 4:36 am

    A few years ago I left web development and became a paramedic. I had some stuff going on and needed a career change. I didn’t really stop coding, but I have nothing really portfolio worthy. I have some projects planned and ready to develop, but I get such “analysis paralysis” when trying to decide on the tech stack. I am proficient-ish with React. It’s my least favorite JS library, but it gets jobs so I’m using it. On the backend I know PHP and Laravel, but I don’t see many jobs at a junior level for that. So should I pick up Python? I really, really dislike using JS anymore than I have to, but if picking up Node would get me a job faster then I’ll do it. Or maybe I should look at another language altogether? To clarify, I would actually prefer to chase either a full stack job or a back end job, which is why I’m hanging on the backend language so much. I’d really appreciate any thoughts, opinions, advice, and criticisms y’all have for me! submitted by /u/compostkicker [link] [comments]

  • Is making a project that's more art based vs something that solves a business project ok?
    by /u/Theriteofspringg on January 27, 2023 at 4:34 am

    *solves a business problem I'm thinking of showcasing 3D CSS art via an interactive gallery that lets users manipulate each "object" that is showcased. I'm just trying to land an internship as I'm still in college, not a full blown job yet. submitted by /u/Theriteofspringg [link] [comments]

  • Why is Firefox holding out on supporting :has()?
    by /u/enserioamigo on January 27, 2023 at 3:50 am

    All the other major browsers support the :has() pseudo class, and have for some time now, except for firefox. What's the go with that? submitted by /u/enserioamigo [link] [comments]

  • Css Gradients List
    on January 27, 2023 at 3:32 am
  • Help with a project
    by /u/RyanOliverV on January 27, 2023 at 2:27 am

    I'm currently doing a Master's Computing conversion course at University, and I'd like to do a personal project in my own time to work on website development. I want to create a website that allows users to view multiple YouTube videos of their own choice at the same time, similar to https://viewsync.net/. I want to allow users to fully customise on the fly by adjusting the sizes of their videos, moving them around the screen and placing them where they'd like. I've written some JS code, and it works with a CSS box but it's not working properly when I try it using an embedded video. Here's the HTML: <div class="item"> <iframe class="video" src= "https://www.youtube.com/embed/jfYWwQrtzzY"> </iframe> <div class="resizer nw"></div> <div class="resizer ne"></div> <div class="resizer sw"></div> <div class="resizer se"></div> </div> CSS: .item { height: 315px; width: 420px; position: absolute; background-color: red; } .video { height: 315px; width: 420px; position: absolute; } .resizer { position: absolute; width: 10px; height: 10px; border-radius: 5px; background-color: blue; z-index: 2; } .resizer.nw { top: -1px; left: -1px; cursor: nw-resize; } .resizer.ne { top: -1px; right: -1px; cursor: ne-resize; } .resizer.sw { bottom: -1px; left: -1px; cursor: sw-resize; } .resizer.se { bottom: -1px; right: -1px; cursor: se-resize; } JS: const el = document.querySelector(".video"); let isResizing = false; el.addEventListener('mousedown', mousedown); function mousedown (e) { window.addEventListener('mousemove', mousemove); window.addEventListener('mouseup', mouseup); let prevX = e.clientX; let prevY = e.clientY; function mousemove(e) { if (!isResizing) { let newX = prevX - e.clientX; let newY = prevY - e.clientY; const rect = el.getBoundingClientRect(); el.style.left = rect.left - newX + 'px'; el.style.top = rect.top - newY + 'px'; prevX = e.clientX; prevY = e.clientY; } } function mouseup() { window.removeEventListener('mousemove', mousemove); window.removeEventListener('mouseup', mouseup); } } const resizers = document.querySelectorAll('.resizer'); let currentResizer; for (let resizer of resizers) { resizer.addEventListener('mousedown', mousedown); function mousedown(e) { isResizing = true; currentResizer = e.target; let prevX = e.clientX; let prevY = e.clientY; window.addEventListener('mousemove', mousemove); window.addEventListener('mouseup', mouseup); function mousemove(e) { const rect = el.getBoundingClientRect(); if (currentResizer.classList.contains('se')) { el.style.width = rect.width - (prevX - e.clientX) + 'px'; el.style.height = rect.height - (prevY - e.clientY) + 'px'; } else if (currentResizer.classList.contains('sw')) { el.style.width = rect.width + (prevX - e.clientX) + 'px'; el.style.height = rect.height - (prevY - e.clientY) + 'px'; el.style.left = rect.left - (prevX - e.clientX) + 'px'; } else if (currentResizer.classList.contains('ne')) { el.style.width = rect.width - (prevX - e.clientX) + 'px'; el.style.height = rect.height + (prevY - e.clientY) + 'px'; el.style.top = rect.top - (prevY - e.clientY) + 'px'; } else { el.style.width = rect.width + (prevX - e.clientX) + 'px'; el.style.height = rect.height + (prevY - e.clientY) + 'px'; el.style.top = rect.top - (prevY - e.clientY) + 'px'; el.style.left = rect.left - (prevX - e.clientX) + 'px'; } prevX = e.clientX; prevY = e.clientY; } function mouseup() { window.removeEventListener('mousemove', mousemove); window.removeEventListener('mouseup', mouseup); isResizing = false; } } } submitted by /u/RyanOliverV [link] [comments]

  • Website Design and Wireframes
    by /u/TS878 on January 27, 2023 at 1:14 am

    The best way to learn is to build. As you make more projects, you learn of different ways to approach problems. I'm a junior dev with about 1 YOE. I want to develop more projects to learn more. I have a couple of full-stack projects planned, but I'm still learning more about the backend before starting them. How do you guys find designs to implement? I've used Figma's community section, but there don't seem to be many designs. Should I learn a bit about designing and create my own Figma designs? Or are there better ways? Thanks in advance. submitted by /u/TS878 [link] [comments]

  • Client wants script to pad invoices with random "misc" charges. Love it.
    by /u/motodup on January 27, 2023 at 12:10 am

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

  • What *are* the realistic expectations for this
    by /u/AccomplishedDumbass on January 26, 2023 at 11:55 pm

    I'm finishing my studies to become a Full Stack Junior Dev. The knowledge I gathered is basic but it has given me a better understanding of the programming world and technology. Still, paradoxically, I feel I know so little I might be an imposter. There are a bunch of basic notions I struggle with. For ex: I really wanna build an app in which the reader can choose the name of the characters before reading a story. The text will come with every name of each character as a variable, so it can be changed. The reader will have an account to be able to save some of their favorite names (or add some default names -- so they won't need to type it every time), save their favorite fanfic/ stories, leave comments, be able to have a read-later, etc. I want to make the front, back, and database by myself. PS: I would also want to explore the possibility of leaving some stories locked behind paid accounts -- to learn how to build something that relies on payment and how differently I would need to create each user profile to make this possible and free of error. Is it realistic? Is it a stupidly optimistic goal? (I have never worked with coding, I have done about 30+ projects to learn all that I did, though) I've even chosen the technologies I would use (React JS, NodeJS, MySQL + Jest, Express, Mocha, Chai for testing). Another thing I'm completely ignorant about is how expensive it will be to host something like it. Do you think I'm biting way too much? Are these technologies the appropriate ones for this (the hardest question to find any answers, ever, anywhere)? submitted by /u/AccomplishedDumbass [link] [comments]

  • Found this relic in the office today
    by /u/skyblake08 on January 26, 2023 at 11:21 pm

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

  • 1990: Programming the World Wide Web
    by walter153 on January 26, 2023 at 10:34 pm

    Tim Berners-Lee and his colleague Robert Cailliau developed the world’s first web client (a browser/editor), created the HyperText Markup Language (HTML), wrote the first web server, and tied it all together with an Internet communication protocol called Hypertext Transfer Protocol (HTTP).

  • React developer diaries: Interview Anxiety
    by /u/Global_Wash248 on January 26, 2023 at 10:30 pm

    I want to talk about something that comes up as a frequent thing amongst all developers: interview anxiety. I have been working as a developer for almost ten years now. While a student, I always hated oral exams (I live in a country where most uni courses have a system of 2x written assignments + oral assignments at the end). And getting onto interviews afterward felt extremely stressful for me. I almost forgot this feeling as I got into a job where I got more than comfortable for almost 3 years. And then the company run out of money. And I had to apply for a new job again. And I still remember the feeling I hade before the first interview after that job. I honestly felt I would puke right before the interview. I was thinking to myself: "Okay, you have been doing this on daily basis. You clearly know how to do it. Just take it easy." - but then the next thought just crept in: "What if they ask me about x" (x being anything that I wasn't aware of because of the comfortable state of my previous job, where for some reason I didn't have to tap into the latest thing released with React Native 0.65 or something) I kinda think that that type of anxiety can lead to a state which I call: "you can't see the tree because of the woods" - which essentially means: it's an extremely simple question, but you are trying to crack the trick in the question. And there isn't any. And you make a clown of yourself. What if I blunder? What if I block? What if I don't know the most essential thing? What if... What if... What if... --- Moving forward, I definitely made a clown of myself on the first interview. I felt kinda embarrassed. It's not that I didn't know the matter. I was just paralyzed. And that felt like the worst thing. Each next interview went a little better - though there were always differences: sometimes the person doing the interview is very chill and helpful, sometimes it's not a whiteboard exercise but a project implementation you have to explain or a mini hackathon (which is not so common from my experience). At some point, it kinda stopped being stressful; and some projects and interviews for some reason were just fun. Ever since I have practiced applying for a job every few months, just to keep my interviewing anxiety quiet and to remind myself that it's not so bad actually. And practicing in a situation where your livelihood doesn't depend on the results of the interview is much more enjoyable. And that's how I managed to cope with my interview anxiety. --- For all the React devs out there, I would love to share some resources that helped me: eBook with 100 React interview questions + answers community built GitHub repository with react questions (think it's still being updated) Mock interview videos on Youtube, like this one --- tldr; I started coping with interview anxiety by casually going on interviews, just to remind myself that it's not the worst experience ever. And in the most cases, the interview is harder than the job (some say). What's your interview anxiety story? submitted by /u/Global_Wash248 [link] [comments]

  • Has anyone successfully built a mobile app with an embedded browser for most of the functionality?
    by /u/nullReferenceError on January 26, 2023 at 10:08 pm

    Hi fellow web devs! I have an application idea that would work on both web and mobile, but best on mobile. For a prototype I'd rather not build both a web and mobile application due to the effort involved. I have a ton more experience with web development. Has anyone successfully build a mobile app with a wrapper around an embedded browser? If so what tech did you use? I remember researching this years ago and Apple frowned on it. That still an issue? Thanks! submitted by /u/nullReferenceError [link] [comments]

  • What is your ideal and nightmare stacks and why?
    by /u/spremeteam on January 26, 2023 at 9:59 pm

    What stack do you think is fluent and easy to use and what stack do you guys think would be hard/impossible and definitely not worth using? submitted by /u/spremeteam [link] [comments]

  • This smart new search site is like a mashup of Google and ChatGPT
    by walter153 on January 26, 2023 at 9:59 pm

    A sleek tool called Andi combines the convenience of a chatbot with the credibility of a standard search setup—and it might just be the answer we need.

  • NPM Audit: 5 Ways to Use it to Protect Your Code
    on January 26, 2023 at 9:41 pm
  • Spotify clone.
    by /u/eidolon_dev on January 26, 2023 at 9:41 pm

    I would like to build spotify clone, just as a portfolio project. I didn't decide what to use, SvelteKit or Nextjs13, maybe to try Astro, all options seems good, but that's not the problem. I would like to use only 50 to 100 song. Is there any api where I can query for 50 -100 royalty free songs. Or is there is something similars, like some json, an array with of items which would have: name, author, songUrl fields. submitted by /u/eidolon_dev [link] [comments]

  • Type Trends 2023
    by walter153 on January 26, 2023 at 9:21 pm

    Our lives and our design work are constantly in motion. This report is an opportunity for reflection and projection, a pit-stop along the way, to help you charge up and plan for the year ahead.

  • How to choose a web accessible typeface
    by walter153 on January 26, 2023 at 8:30 pm

    Often a typeface is chosen based on what appeals to the designer and is a good fit for the project. Web accessibility is often an afterthought, once the fun task of typeface selection has already been done.

  • I feel my the companies owner is getting ripped off with what I believe is a simple product customizer website project.
    by /u/YoureFullOfIt82 on January 26, 2023 at 8:14 pm

    TLDR is at the bottom! lol. Let me start off by saying my employer is a great guy. He actually gives a shit and puts trust in people. I feel he is being greatly taken advantage of here. In December of 2021 he signed a contract for a "shirt builder". It was to be a website that takes a predetermined amount of shirts (around 12), and allows you to change things like the stripe pattern colour, button and collar colours. You can then customize predetermined areas on the shirt such as logos on the chest, sleeve and name and number on the back. From that point on you were supposed to have the options to: save the image, submit to customer service for quote and save for later. Nothing crazy. Even the colours are predetermined. Heck, before we started this project I did some research and even found open source code that allowed me to change stripe colours. I am not a confident developer so I did not want to take on the project. I did get a quote and one company with a small team said they could have it done in 3 months, but with a total of 80 different stripe patterns! The one we went with went in cheaper and is only supposed to do around 12 or so. The guy acted like he knew what he was doing, but upon further digging he is just outsourcing everything to a company in india. It is now January 2023. Its been over a year and we do not have one fully working shirt up. The links provided to each item are all separate links (there are about 3-4). The site runs slow and its a memory hog in every browser I test it in. I would like a professionals input on this to share with my employer. Is this not an excessive amount of time for a website that simply allows you to change colours and add logos/names/numbers in predetermined spots? Like everything is already chosen! Its only a dozen or so shirts too! You can't customize the size or shape of the stripes. You can only change colours. I feel even a 1 person team should have had this site up and running by now. Thanks for any input you guys can offer. TLDR: Is over 1 year not an excessive amount of time for a product customizer with predetermined limitations? A site which is still not complete. The other quotes I got were all around the 3 months range. submitted by /u/YoureFullOfIt82 [link] [comments]

  • ChatGPT Isn’t the Only Way to Use AI in Education
    by walter153 on January 26, 2023 at 8:02 pm

    AI can be a tool to create meaningful connections and learning experiences for children—and may help foster more equitable outcomes.