Dear developers, please add account deletion option to account settings. web developers |
- Dear developers, please add account deletion option to account settings.
- I just wasted an entire day because I didn't look at the obvious.
- Thought I’d share my design process and how I structure every website to make it easier to know what content to put where. This should help anyone who stares at a blank screen and has no idea where to even start with a website design
- Tip: new client? Get paid to start.
- I now realize how horrible it is to work with WordPress
- Never too late for Firefox 88
- Squiggly navigation hover effect
- Need advice on hosting downloadable content
- Dear frontenders, have you ever had the chance to work on the UI design ?
- Advice on Hiring
- Newbie Qs: Working w/ Clients
- Who controls Google Search Console of a website?
- How can I have a marquee of divs scroll horizontally on a loop?
- Looking for chart/dashboard library suggestions.
- I have a written interview coming up for a "User Support Technician" position, I could use some help finding the proper resources to study.
- What is the meaning of 'blob' in the 'src' attribute of 'video' tag?
- How well do I have to know Typescript, CSS preprocessor, Webpack and GraphQL to get junior frontend job?
- Frontend frameworks for devs who lack strong frontend skills
- Problems with detecting devices and browsers
- Weird backlinks on random websites
- What's the best/most convenient way to check responsiveness?
- Simple Shortcode for E-Mail Capture
- Jamstack for client work
- Different user types must see different pages. Best way to handle this?
- Best practice for Query vs URL parameter?
| Dear developers, please add account deletion option to account settings. Posted: 19 Apr 2021 04:05 AM PDT While doing my digital life cleanup thingy, I have noticed that a lot of websites despite all of the gdpr nonsense simply dont have a "Delete Account" button. Have to dig through their contacts and contact their support. Sometimes, there isnt even a contact mail and have to go through freaking chatbot :D I as a webdev am being bit baffled by this. I would honestly allow the user to change pretty much anything related to their account, including its deletion. Any thoughts on this? Is it just a way to keep more users by making the process of leaving more difficult or what :D [link] [comments]  | ||
| I just wasted an entire day because I didn't look at the obvious. Posted: 18 Apr 2021 04:51 PM PDT So, I've been working on a project (basically a reddit/twitter clone) and decided to put it up on AWS and connect it to RDB. Enter the IP address into my phone with excitement hoping that it works perfectly. It doesn't. It loads the HTML page but no API calls. Que 6+ hours of going over every file, checking every API endpoint from PostMan, looking at logs, debugging, messing different browsers, settings, with headers, firewalls etc. Before giving up, I took another look at the browser console. "127.0.0.1:8000". Fuck me, I've been pinging localhost for 6 hours trying to get it to send a response. It was a day we'll used, I guess. [link] [comments]  | ||
| Posted: 19 Apr 2021 02:23 PM PDT This isn't a professional "how to design 101" it's just a process I have used to build and design websites without a design background and it's been very helpful to me. I know a lot of people have trouble starting from scratch designing a website so I wanted to share with everyone my process. First thing you need to do is expose yourself to designs that look good and are practical. I like to go to themeforest and look at all the top rated Wordpress themes and just study all the ways you can arrange content. Then you can borrow a few things here and there and create something yourself. Not all design is pure original content. Design is almost always based on something else or inspired from something. It helps to expose yourself to them and just have a good idea of the different layouts that are out there. There's more typical designs there that you'd find used for regular businesses in the real world on themeforest. I find places like awwwards has a lot of fancy looking stuff that doesn't transfer well to a lot of business markets. Kind of like how there's some wild weird shit at New York fashion shows that no regular sane person would ever wear, that's how I see a lot of the awwwards stuff. Maybe if you're working on some high end tech startup some of those could work but making small to medium sized business websites? Not really the right look and won't transfer well. Then once I find a few things I like, I find it easier if I draw out my designs on paper. I tape 4-5 peices of paper together and started in pencil and finished in marker. Just a general wireframe. Nothing fancy. Here https://i.imgur.com/9GynRBD.jpg And then I take this design and I go over to figma and try to recreate it, refine it, and make it better by adding colors, images, text, and proper spacing. Here's the figma link of the mock up I drew from the paper design I made. https://www.figma.com/file/vfHtXDo64tHZm0HHHhzj7Z/Turner-Painting?node-id=0%3A1 Client loved it. But they had some notes and wanted extra stuff or changed a few things which is normal. You take in that feedback and play around with the figma file and send it over hoping that's what they want. Here's the V2 of the original figma design with their edits and requests: It's really starting to come together now from the paper to figma. This is my process on how I like to start designing a website. Now for the details on HOW I like to design a website. For clarification, I am not a trained designer. These are things I have learned throughout my process that has resulted in some success and makes the process easier. Number 1) understanding visual hierarchy and how to layout a website. What elements are most important and what are not. You want your most important information displayed prominently, not hidden behind other elements or crowded by others. Here's some great resources to learn about it: https://2stallions.com/blog/effective-web-design-principles-visual-hierarchy/ https://xd.adobe.com/ideas/process/information-architecture/visual-hierarchy-principles-examples/ I also really like this video on designing landing pages that touches up on visual hierarchy, creative design, and white space. And I like the information in this short video on white space: White space is HUGE. I see a lot of portfolios and websites posted here that have their content too close to each other. There's no breathing room and the design feels cluttered. For example, on all my websites I have a padding of 50px top and bottom for each section of the site on mobile to keep the content spaced out evenly away from the edges of the content above and below it. Sometimes I see these sections only have 10-20px of space and that's just not enough. Then on desktop I increase it to 75-100px for my large main sections. Your paragraphs should have 1.4-1.5em line height for the most optimal spacing for easy readability. I see them go as high as 1.7 sometimes. And if you wanna make a heading over a paragraph make sure it's at least 1.5 times the font size of the paragraph for good visual hierarchy, and I like to bold them to also help separate and draw attention to them. For website structure I like to do this; LANDING - h1 - main thing they do with most important keyword phrase - H2 - be more descriptive of the services and solutions they offer related to the h1 - 1 - 2 call to action buttons (what are the first things you want the customer to do when they land on your website?) SERVICES - what do they do? What problems do they solve? I usually like to do cards for these sections. Maybe have some icons for color. ABOUT - company history, who they are, why they're the experts, etc. let the customer get to know who the company is, helps humanize them and become more familiar with. This is where the Client sells themselves and why they're the best choice. ADDITIONAL CONTENT - this can be anything. Google likes to see content, and I recommend at least 1200 words on your home page. I like to use the middle section of the website to add extra content around their keywords and services they offer. Helps ranking better. I put it here because people tend to remember the first and last parts of the website. So we have the services up top because we want people to remember what they do, and testimonials at the bottom so they remember the nice things people have to say about them and be that last nudge to choose them for their needs. So put your additional search rankings content in the middle. Like this website I made: https://www.greenlandscapingofsacramento.com - they get emails and calls every day from online searches. It really works. They're one of my most busy clients in terms of how many clients the website brings in. I also like to put "reasons to choose us" in this action as well. This section can also have additional content the client may want to show on their site. Maybe a step by step process on how their estimating process is, or we highlight a few products and services, anything. GALLRY/PORTFOLIO TESTIMONIALS/COMPETITOR COMPARISON - end on a good note for them to remember why your service is best and the problems they solve. I like to link out to a dedicated testimonials page and add all their reviews. This is a content gold mine. It's organic, natural content written by actual people with all your clients keywords in it. Testimonials are GREAT for free content to help rank on google. Add as many as you can to that page.
And that's the general "layout" of a website that I like to do. Once you have this structure it's easier to design a website because you know WHAT content you need and WHERE it should go. It's like a paint by numbers kind of thing, but instead of paining with a brush and acrylic, you're painting with content. And that's it! Just expose yourself to good designs and study the ways content can be organized, have a general structure, draw it out on paper, refine in figma, use that to send to the client for approval and tweaks, and develop off of that. Once you get the hang of it things because easier. Also, if you need help with building that desktop design mobile first and responsive, here's another post I wrote explaining my process on how I start a new website for mobile first. There's a ton of Great posts on this sub about how to be a better designer, and those are awesome and worth the read. But I don't really see a good process or roadmap to follow for each site for developers just starting design. It can be overwhelming going over all the rules and guidelines for design, and I haven't really seen any good resources to help structure that information and create a process to follow in which you can use those design nuggets. . So I wanted to make a post that's quick, and can have an immediate impact on your design work and get you started. I think it helps a lot to know how to plan your website and then using all the other design tutorials and guides to refine, tweak, and make something unique. Let me know if you have any questions or if this is just terrible advice. [link] [comments]  | ||
| Tip: new client? Get paid to start. Posted: 19 Apr 2021 06:40 AM PDT So even though I've been doing this a while, shit happens...and we must learn. When you sign (contract) a new client, get a down payment of some kind. I've noticed that even after you sign a client, there is this risk period where they can still bail on you. It's like they lose their nerve or something. Problem is, you may have spent 5-6 hours starting up on their project. And even if you invoice them they've already bailed on you; in fact if not mentally. My recommendations:
I'll probably get paid after I shake the tree a bit and since by practice I only do short sprints to start, I'm only out a few hours. But I always felt there was this risk and now won't allow it to happen again. Been lucky with good clients but follow your instincts. edit: just got paid [link] [comments]  | ||
| I now realize how horrible it is to work with WordPress Posted: 19 Apr 2021 07:56 AM PDT All these freakin filters and actions I was trying to add temporary permissions to the user 'global object'' and it was going no where. I discover that I can rewrite the function get_current_user() (whohoo). after hours of stressful debugging and trying different approaches Nooooo it still doesn't work. "Do I go back to the last approach?" "Do I just edit the core wordpress code?" "If I say to the client he can't update his wordpress version without telling me he will give me a bad review." "I will not be able to succeed as a freelancer". Another 3-4 hours of debugging the 8000 lines files of WordPress. I discover that there's another plugin rewriting a core function to restrict access to admin. They are using WP_User class which of course doesn't fire wp_get_current_user() nor get_user_by(). But wordpress allows that so it's not entirely the plugin developer's fault. Rant over. I wont be broke yet. [link] [comments]  | ||
| Posted: 19 Apr 2021 01:02 PM PDT
 | ||
| Squiggly navigation hover effect Posted: 19 Apr 2021 12:54 PM PDT I want to create an animated squiggle line effect when hovering on the navigation links on my website. Here's a visual example: Squiggly Line Effect. I'm a front-end designer so only know very simple basics when it comes to web design. Definitely not a developer by any means so thought this would be a good place to seek answers. Can anyone help direct me to the CSS needed to input this into my site? Thank you so much, everyone :) [link] [comments]  | ||
| Need advice on hosting downloadable content Posted: 19 Apr 2021 08:53 AM PDT Hi all. Does anyone know of a good service I can integrate with for my app to be able to serve downloadable content (mostly files varying in file sizes)? Do I just serve downloadable files from my own server, such as creating a folder in my web app for where files are contained? I thought it would be better to keep them separate. Any advice is appreciated. [link] [comments]  | ||
| Dear frontenders, have you ever had the chance to work on the UI design ? Posted: 19 Apr 2021 01:49 PM PDT I actually enjoy a lot doing both, designing then coding the UI. I want to be a UX/UI Designer and front-end developer. What are the odds of working on both ? [link] [comments]  | ||
| Posted: 19 Apr 2021 08:26 AM PDT Hi all, I'm a sole developer for my company where I do a little bit of everything (JS, Typescript, React, Jquery, Bootstrap, PrimeReact, PHP, SQL, Electron) producing in house software solutions for the business. We're currently looking to hire another Full Stack type that covers at least some of those bases, but as I'm the sole developer and my immediate boss is the IT Manager, (Systems Admin, not Dev) I need to pick up a lot of the slack on supporting the interview process. Herein lies the problem, I've only been in development for a few years, going from self taught to my current role without any outside experience within actual development teams. I am really just looking for some advice on the best way to proceed with the following points; 1) So far the only applicants we've had applying seem to be supplying the bog standard "Top 5 Development Pieces You Need In Your Portfolio" packages from Youtube. What should I be looking for to narrow down the list to potential good candidates if they're all providing the same projects? Or should I just be scrapping them? At the same time I'm not sure if I have too high expectations on what I'd expect to see in a portfolio. 2) I do have quite the sense of imposter syndrome at times and the idea of interviewing someone is terrifying, but my boss has decided on an interview structure where we do an informal chat just to get to know the person and see if they're a good culture fit, before providing them some sort of technical test before a second round interview - but the technical test is on me to decide. I would like to avoid an in-interview task because I feel like there are probably better options and I don't really want anything that'll take them more than an hour to complete. But I'm really just stuck on what to give them to judge their skillset in a small timescale- if we even give them a specific task to do at all! I guess just any advice on hiring and interviews would be appreciated! Thanks! [link] [comments]  | ||
| Posted: 19 Apr 2021 12:20 PM PDT Hello all! I am in the very early stages of becoming a web developer. I have a lot of questions, and they are very random. I want to ask a few here, although they're not all my Qs. I'm asking these first as I think they're the most important / troubling me the most. These are related to the business side of WD. Info: I am using Elementor, on SiteGround. Let's say I've made the site, it's ready for the client, what happens next? How do you "give" or "hand over" a website to a client? How does the hosting work if I made and hosted the site on SiteGround? I know there are 2 options, they host it themselves, or they pay me a monthly fee to host it. I don't know how either works. How do you work on a client's existing site? Say they want me to spruce up what they already have, how do I get in on SiteGround, and then get it back to them? What kind of "metrics" do clients care about / what do I try to sell them on? And, how do I find the info/stats of these metrics on their old site and on the new one I would create? I'm confused about making a site "Secure". I believe that's SSL? On SiteGround I used the "Let's Encrypt" option but it only goes for 6 months. I also had to change some site names manually from HTTP to https. Will I get a notification when it needs to be renewed? How does SSL work with Clients, and handing them a site to host on their own? How would I explain it to them? Any sort of information or even a guide on the details of this part of the business would be greatly appreciated. Also any info you feel would be helpful that's related to the business / client side I would love to hear! Thank you for any sort of reply. [link] [comments]  | ||
| Who controls Google Search Console of a website? Posted: 19 Apr 2021 12:03 PM PDT After a website has been built, with HTML/CSS/JS for example. It is then being uploaded to a hosting. But then the website should be added for indexing at Google Search Console. Who does it? Is it the developer? Does he use his own Google account? Do you create a Google account for the particular website? Or do you just give tips on how to do it for the client? [link] [comments]  | ||
| How can I have a marquee of divs scroll horizontally on a loop? Posted: 19 Apr 2021 03:42 PM PDT I want to make a stock ticker, but every js solution I have found is not very smooth and quite jittery. I did one in CSS but the limitation is the long stretch of black after it has finished the loop: https://codepen.io/alexgmartin/pen/yLgKxBb I am desperate here. Any and all help is truly appreciated. Ty! [link] [comments]  | ||
| Looking for chart/dashboard library suggestions. Posted: 19 Apr 2021 11:52 AM PDT I'm starting a new work project that will involve creating an embedded dashboard / chart showing various metrics that we'll be collecting. Preferably this will using live data and plain JS as much as possible. Here is an example of what I'll be needing to create. I've looked at a couple options such as Chart.js and Cube.js but I wanted to see what you guys could recommend that could support this out-of-the-box as much as possible. [link] [comments]  | ||
| Posted: 19 Apr 2021 03:37 PM PDT (This is honesty the best sub-reddit I could find for this question. I know that this sub is for web development, but the subs for information technology only accept questions about technology, not job stuff) So I have a written test in three days that I got notice of an hour ago. I have a degree in computer science and am trying to land a position as a user support technician with a school district. I am good at programming but have never actually sat down and studied IT. I am looking for good online resources to study for the next two days. I really fucking want this job, so any help at all is appreciated. For now I am just studying YouTube videos on IT. [link] [comments]  | ||
| What is the meaning of 'blob' in the 'src' attribute of 'video' tag? Posted: 19 Apr 2021 03:29 PM PDT I saw this interesting piece of code on a News website The value of the 'src' attribute contains the word 'blob' in front of the URL. What does that mean? Is it some technique for optimizing downloading of video? [link] [comments]  | ||
| Posted: 19 Apr 2021 03:23 PM PDT Currently I'm looking at many different job offers in my country and besides HTML, CSS and JS frameworks those are technologies that appear there most often. I already spent a lot of time with Vanilla JS and looking to expand my skillset to be more valuable for an employer [link] [comments]  | ||
| Frontend frameworks for devs who lack strong frontend skills Posted: 19 Apr 2021 09:19 AM PDT Hello, I am a backend engineer specializing in cloud development, Linux engineering, and security. I have developed strong backend skills over the years, but my frontend skills are severely lacking. I'd like to improve my frontend skills, but I honestly lack the time and motivation to get to a deeply proficient level. This is where my question comes in: what frameworks/languages are useful for someone who wants to build production web apps who lacks the skills to compete with experienced frontend developers? To expand on this, I'm looking for a framework that can help with: * Layout (what the UI structure actually looks like) * Styling (how this structure is visualized) * Features (the UX) I've seen many frameworks over the years that advertise that they are extremely simple and useful for developing PoCs. I've seen far too many that I've either 1) forgotten the names, or 2) become unsure how to determine which is a good one to choose. I'd like to be more full-stack, but my resources are limited. What is a framework (or language (eg. Elm)) that can help me with layout design and styling? [link] [comments]  | ||
| Problems with detecting devices and browsers Posted: 19 Apr 2021 03:14 PM PDT Sometimes one needs to know what device and browser a user is using. I'm working on an app that does indeed need to know this information. The problem is, newer iPads user agent data says that it's Mac OS and not iOS. Also, some browsers (Vivaldi) say they are Chrome is user agent data. Is there a way to get around these kinds of problems? [link] [comments]  | ||
| Weird backlinks on random websites Posted: 19 Apr 2021 03:11 PM PDT Hey all, While searching for an article i came across multiple backlinks seemingly on random websites that Google indexed. see example https://www.google.com/search?q="Don't+mind+me+I+am+just+a+cranky+old+lady+who+thinks+selling+expired+food+is+a+very+very+bad+idea+on+soooo+many+levels." The first link is to an Ebay discussion and the rest of the results seem to be some sort of backup of the data. At the bottom of each page of gibberish there is links to the more gibberish and a quick search shows the same results for all these different articles. Random seemingly legit websites backing up this data. Is this AI? Errors? Thanks [link] [comments]  | ||
| What's the best/most convenient way to check responsiveness? Posted: 19 Apr 2021 02:08 AM PDT I use Chrome's built in tool in "inspect" but i sometimes see people using other programs/apps to check it in real time. What's your way to do it? I'm just a beginner so sorry if the answer is common knowledge. [link] [comments]  | ||
| Simple Shortcode for E-Mail Capture Posted: 19 Apr 2021 03:08 PM PDT
 | ||
| Posted: 19 Apr 2021 04:33 AM PDT Hi everybody. I'd like to start freelancing as a web designer/developer for small and medium-sized businesses. I like to create websites and the design myself and I don't want to use e.g. WordPress for that, because I want to offer customized, individual and fast sites. Does anyone have experience using JAMStack for clients? I imagine to use a headless CMS if the client also needs a blog, for instance. For changes on the site (content, style, ...) I would offer to do that, keep the site up to date and well maintained. However, I imagine that if a client leaves me or I want to leave the client for any reason, that it will then be difficult to "hand over" the website. What do you think about the approach to use jamstack? Do you have any other suggestions for developing client websites (basically with a build chain to increase development speed in some aspects, not just raw HTML/CSS). It doesn't necessarily have to come down to Jamstack, but I guess it's a good start. So I'm open for other or related suggestions. Thank you! [link] [comments]  | ||
| Different user types must see different pages. Best way to handle this? Posted: 19 Apr 2021 03:06 PM PDT Hi all. I'm building a MVP using React and Next JS and need to handle two types of user: buyer and seller They both use the same sign up flow but just toggle what type they are: buyer or seller When they login, depending on what user type they are, they will have different routes available. The problem is I'm the only tech guy and I'm doing API, db and Dev ops as well so I don't have the time to make this perfect and using microfrontends for it or w/e. In the past I just used ternaries to determine whether a user should see page A or page B. E.g. user = buyer ? BuyerPage : SellerPage What's the best way to handle this? I don't really want ternaries littered everywhere to toggle routes, pages and components. Thanks all! [link] [comments]  | ||
| Best practice for Query vs URL parameter? Posted: 19 Apr 2021 02:59 PM PDT Considering these two examples: I'm trying to understand when one should be used over the other. I'm building an API with Django and the though just crossed my mind that I could accomplish the same thing with either: basically return all of the details about a user and documents associated with them. I guess if you want to just see the documents associated with them, there are a number of ways doing that as well: Anyone care to share best practices, conventions, etc? Just came across this article: https://javascript.plainenglish.io/query-strings-url-parameters-d1a35b9a69 It suggests:
If this is still good advice, what I'm working on is for an Admin portal so it doesn't need to be touched by a search engine (would rather it not show up on search engines at all). Given this, it seems like query parameters should be the route I go. [link] [comments]  |
| You are subscribed to email updates from webdev: reddit for web developers. To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google, 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States | |
No comments:
Post a Comment