Web Development

  • How can I get customers?
    by /u/Cheap_Web_Designer on April 16, 2021 at 10:02 pm

    It's been hard to find them submitted by /u/Cheap_Web_Designer [link] [comments]

  • Tips on setting a consultation fee?
    by /u/arnoproblems on April 16, 2021 at 10:01 pm

    Hello! I have just left a company and they would like me to consult for them for an application I created and maintained when I was there. They have a small team of offshore devs working on it, but would like to pay me per hour in case they need help. I have never consulted before and I am not sure what price I should set. I want a price high enough that they will think hard about asking me to consult, but low enough that they don't feel screwed over. I left the company on a good note to pursue a new opportunity with almost a double increase in salary. Any tips or suggestions on where to start? submitted by /u/arnoproblems [link] [comments]

  • Most efficient way to add/create responsive decorative lines?
    by /u/BakedFilosofer on April 16, 2021 at 9:25 pm

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

  • Web Dev Agency owners, can I get a consultation please? I need to revamp my website heavily.
    by /u/genzbiz on April 16, 2021 at 9:17 pm

    Edit: hi everyone I own a marketing agency and have a website. The website is pretty minimal and organized but at the same time I feel like it’s missing a factor that really makes it stand out. I wanted to see if I can work with the web developer to help me with my website was better than ever so that I can start running ads to land some more clients. bonus if you know SEO submitted by /u/genzbiz [link] [comments]

  • Looking for experienced freelancer
    by /u/tallshortguy16 on April 16, 2021 at 9:06 pm

    I have an idea for a business opportunity. I would like to get in touch with someone in web dev that has a lot of experience in the field who could confirm if said idea is even feasible or if it's complete garbage. Of course, any work done by said web dev will be compensated. If interested, send me a pm. submitted by /u/tallshortguy16 [link] [comments]

  • QUIC and HTTP/3 Support now in Firefox Nightly and Beta
    by /u/feross on April 16, 2021 at 8:17 pm

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

  • Creating an Editable Textarea That Supports Syntax-Highlighted Code
    by Oliver Geer on April 16, 2021 at 6:58 pm

    When I was working on a project that needed an editor component for source code, I really wanted a way to have that editor highlight the syntax its typed. There are projects like this, like CodeMirror, Ace, and … The post Creating an Editable Textarea That Supports Syntax-Highlighted Code appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

  • Wix Vs WordPress: 3rd Round Knockout
    by Ben Moss on April 16, 2021 at 6:45 pm

    Over the last fortnight one site builder has gone toe-to-toe with another, as Wix launched a marketing campaign aimed at attracting WordPress users, and instead attracted universal ire. First, Wix sent out expensive headphones as gifts to key WordPress “influencers” in an attempt to lure them to the platform. Second, they produced a series of The post Wix Vs WordPress: 3rd Round Knockout first appeared on Webdesigner Depot.

  • Process "redis-server" runs fine. After ~6 hours, another process named "redis2" starts and hogs up entire server CPU
    by /u/dont_trust_lizards on April 16, 2021 at 6:41 pm

    Hello, I'm trying to figure out what's going on here. I spun of a Fedora 32 droplet on DigitalOcean to host a Laravel application a few days ago. I use redis for my queue and for broadcasting, but admittedly I am not a redis (or Linux) expert. After launching everything and checking out the top command in Linux, I get a pretty normal-looking output. But, after around 6 hours or so, a process named redis2 starts and uses my entire CPU process and brings the server to a halt. Here's top after 6 hours. After this, I use systemctl restart redis and redis2 disappears, returning me to a state like the first screenshot. I'm really at a loss here. I'm thinking this might be some sort of crypto-mining malware, but a clamav scan doesn't return anything. Anybody have any feedback for a problem like this? submitted by /u/dont_trust_lizards [link] [comments]

  • ANY minimal resource on react patterns?
    by /u/gamechanger4r on April 16, 2021 at 6:05 pm

    I have searched a while using google and github now, and everything I see is complete garbage, misinformation, money grabs, etc. NOT A SINGLE one of these hundreds and hundreds of garbage websites and blogposts (such as "reactpatterns.com") take the care to even mention the existence of things like Redux, mapDispatchToProps, sagas, etc... So that a poor soul that is trying to learn react and get ready to the market will have a pretty hard time. Myself, having learned from a pretty extensive udemy course, would like to have some material for consultation, but that seems impossible to find in the midst of a sea of algorithmic garbage, so I ask for a kind human who is a professional react developer, what resource do you use for consultation on advanced patterns in react? submitted by /u/gamechanger4r [link] [comments]

  • Shopify Theme Development Workflow Tutorial for 2021
    by /u/uxhacks on April 16, 2021 at 5:54 pm

    I spent some time today learning how to set up a decent Shopify Theme Development Workflow after learning support for Slate and SCSS were dropped. Hopefully, you guys find some of this useful too! I've included a link to a git repository with my gulp file as well so you can swipe that if you want. Video Tutorial: https://youtu.be/3aMvc2z5CcY Repository: https://github.com/uxhacks/shopify-tutorial submitted by /u/uxhacks [link] [comments]

  • What programs/methods are best for taking user-submitted info and automatically displaying them in a grid?
    by /u/beerisgoodforyou on April 16, 2021 at 5:51 pm

    Hello everyone. I have a spreadsheet of info that I want to build into a real website. Ideally what I'd like for the site is for the companies who visit and choose to sign up, can fill out their info through a form I create and maybe upload a picture, and submit it. I want their info to be displayed on the site in a way similar to listings on a real estate website. The companies would be arranged in a grid with their picture and basic info below it. Users would be able to sort and filter for companies that are specific to their needs. They could also click on that info and be taken to a page with more info about that company. Problem info, research, etc I don't have any web dev experience, and I don't want to hire this out, so to learn more I'm taking a full stack web dev course on Udemy (Angela Yu). I know there's going to be a lot for me to learn, I just want to make sure I'm focusing on the correct things in the correct order. I've jumped to the database portion of the class and I'm learning the differences between the types of SQLs, it looks like MongoDB would be good for me to use because it's more flexible to future changes. Questions Is this the right place to start, the database? And if so, what language takes the info from the database and displays it to the front end, Javascript? Thanks. submitted by /u/beerisgoodforyou [link] [comments]

  • Migrating project from Firebase to Node.js + MongoDB
    by /u/anoob09 on April 16, 2021 at 4:54 pm

    I am sorry if these kinds of posts aren't allowed here. Let me know and I will take it down. ​ So as the title suggests, I am trying to migrate my project from Firebase to Node.js + MongoDB. The issue that I'm currently facing is authentication of the old users. I exported all the users using Firebase CLI. But the issue is for almost 3/4th of the users salt and passwordHash were missing (because of using OTP or Google OAuth2.0 maybe). Now I don't know how to handle authentication these kind of users since I can run the hashing algorithm with secret to generate the hashed passwords for old users but can't do anything about the other majority of the users for which hashedPassword is missing. submitted by /u/anoob09 [link] [comments]

  • How to REALLY handle mobile viewports,,,
    by /u/GuyTorbet on April 16, 2021 at 3:49 pm

    I don't know if you've noticed, but using the vertical viewport on mobile is shit. Here's a quick guide on how to make them less awful. If you like this post, feel free to subscribe or check out my other posts here Look at the following picture and tell me where you think 100vh should be. Most of you probably said the green arrow, you know, the VISIBLE bit? Actually, 100vh goes all the way to the red arrow, why? I don't know, maybe because that little menu bar at the bottom is ever so slightly transparent that it counts as 'visible'? Say you want a 100vh div, just to fill the space of the green arrow and nothing more, if you're on IOS, it's easy, just use webkit to fill the space: .div { min-height: 100vh; /* fill on ios min-height: -webkit-fill-available; } But what if you're on Android? or if you need a more specific viewport size? No fear, I can help with that aswell! First, get the value of the windows height, then take 1% of that. You can then set a CSS variable (I used —vh) using this value: let vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh', `${vh}px`); Then, it's as simple as multiplying your variable by how ever many units you want, for example, 50vh equivalent would be: .div { height: calc(var(--vh, 1vh) * 50); // what vh you want } But Wait, There's More If I were you, I'd add this nifty little resize event to change the value of your —vh variable, it will keep your sizing consistent, even when the window size changes. Just wrap a resize event listener around where you set your variable: window.addEventListener('resize', () => { let vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh', `${vh}px`); }); I use this whenever I need to set an elements vh, it's consitent across desktop and mobile, and a real time saver! submitted by /u/GuyTorbet [link] [comments]

  • macOS in Preact
    by /u/FirePing32 on April 16, 2021 at 3:22 pm

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

  • I made a JavaScript reference playlist consisting of only 1-2 minute videos
    by /u/ialwaysmanagetofckup on April 16, 2021 at 2:41 pm

    I created the most up to the point JavaScript playlist. The videos are only 1 or 2 minutes long, and unlike most YouTubers, who waste time doing the intro and outro and other useless stuff in their videos, I just jump straight into the topic, instead of asking for likes and subscribers before and after the main content. I am new to YouTube, and I am not too much into growing on the platform. I posted about it here as I thought it could help both beginners learn new ES6 concepts as well as act as a reference for intermediate users. It would be great if I could get improvement recommendations from an audience rather than just thinking about it all myself. Looking forward to how r/webdev responds to this. Any criticism too would help a ton. Playlist link - https://www.youtube.com/watch?v=2i0-_1dqv30&list=PLiZi9P9Jsh-LSGDuiM-QLoajlMAOiGPQQ&index=2 submitted by /u/ialwaysmanagetofckup [link] [comments]

  • Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders
    by Šime Vidas on April 16, 2021 at 2:33 pm

    There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports … The post Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

  • Not Your Typical Horizontal Rules
    by Chris Coyier on April 16, 2021 at 2:31 pm

    The default browser style for <hr> is so weird. It’s basically: border-style: inset; border-width: 1px; The default border-color is black, but the border doesn’t actually look black, because the inset border “adds a split tone to the line … The post Not Your Typical Horizontal Rules appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

  • Tauri 1.0 is now in beta
    by /u/thesithlord on April 16, 2021 at 1:40 pm

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

  • Opting your Website out of Google's FLoC Network
    by /u/pimterry on April 16, 2021 at 1:23 pm

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

  • How does the popular extension "Netflix Party" work?
    by /u/1999abbie on April 16, 2021 at 1:11 pm

    So it's quarantine period and this extension made watching movies with friends possible, so first of all, a big thank you to the creator. But the problem is, it only supports Netflix. I want to watch movies which are on hotstar or some other platform, is there any way to know how it works so I can make my own, or is some other extension available for other apps such as YouTube, hotstar, etc? submitted by /u/1999abbie [link] [comments]

  • Lighthouse tells me to "eliminate render blocking resources", but the resource is my main stylesheet and fonts. What should I do?
    by /u/gohanshouldgetUI on April 16, 2021 at 12:42 pm

    I have a big CSS file (~2000 lines) that contains styles to my entire website that I load on every page. But on some pages it ends up having a lot of dead selectors, and it is affecting the speed index and first contentful paint of some pages. I am also loading 3 fonts from Google fonts by linking them as a stylesheet. Lighthouse says that I can save around 1s if I eliminate these render blocking resources, but I don't know how to start doing that. How do I eliminate these resources and "defer non-critical resources"? submitted by /u/gohanshouldgetUI [link] [comments]

  • Weekly News for Designers № 588
    by Speckyboy on April 16, 2021 at 12:31 pm

    This week’s Designer News – № 588 – includes 2021 Redesign or: How I Learned to Stop Art Directing and Love the Blog, Frontend Toolkit, Wix and Their Dirty Tricks, Future Proofing CSS Styles, Vanilla JavaScript Code Snippets, Create Focused Screenshots with ProductShot, UX Challenges and a whole lot more! The post Weekly News for Designers № 588 appeared first on Speckyboy Design Magazine.

  • How to make an ineffective 404 page
    by /u/speckz on April 16, 2021 at 12:25 pm

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

  • FLoC away from Chrome!
    by /u/GoldsteinEmmanuel on April 16, 2021 at 11:55 am

    FLoC away from Chrome! Oooh, the gloves are off now. Vivaldi and Brave have publicly committed to stripping FloC from their Chromium-based browsers, and the more who join them, the more likely that Google will be forced to withdraw this spyware altogether. submitted by /u/GoldsteinEmmanuel [link] [comments]