• Breaking News

    Monday, July 13, 2020

    Home Unlabelled How do I stop designing like it's 1990? web developers

    How do I stop designing like it's 1990? web developers

    July 13, 2020

    How do I stop designing like it's 1990? web developers

    How do I stop designing like it's 1990?

    Posted: 12 Jul 2020 10:31 PM PDT

    I don't personally like a lot of modern designs trends, like infinite scrolling or hero images, but whenever I try to create something that I like more, it ends up looking really antiquated. It probably doesn't help that I'm a fan of rounded edges, gradients, and drop shadows, but even when I manage to restrain myself, my designs often make my sites look out-of-date.

    Most of what I make is legal-related, so a more "classic" look is probably fine, but I would like to be able to envision designs that are a bit more modern. I'm stuck in the mindset of navbars, columns, and thick side margins.

    Are there resources you recommend to learn the artistic decisions that go into making a good modern static website? Anything I can find about "learning web design" is more about the technical aspect, but doesn't much touch on the art of it. Looking at other sites for inspiration hasn't been much help, mostly because I can't find examples of things I like. I might just have bad taste.

    Thank you for your help, and if there is a better place to ask, my apologies! Please let me know.

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

    Must-know JavaScript tips & tricks for the JavaScript developer | That's an Egg

    Posted: 13 Jul 2020 05:51 AM PDT

    Lightweight alternatives to Google Analytics

    Posted: 13 Jul 2020 12:54 PM PDT

    Developers can't fix bad management

    Posted: 13 Jul 2020 04:33 PM PDT

    Understanding Microservices + Kubernetes + Scaling

    Posted: 13 Jul 2020 08:25 AM PDT

    Hello, I am currently learning about both Kubernetes and I have some questions along the way. I would be grateful for your help in clarifying my understanding. Perhaps this will be useful for others who are on the same learning journey too.

    All of these statements are either true or false. Please correct me if any statement is false:

    1. Dockerfile is used to build a docker image which contains the app code, its dependencies and how to run the app.
    2. Containers are running instances of images.
    3. Apps run on containers.
    4. When traffic to an app increases, the number of containers increase to handle the increased traffic.
    5. Additional nodes (a vm, in a cluster, running the containers) can also scale up to handle increased traffic if the original single node exceeds its resources.
    6. Pods are kubernetes units that wraps around one or more containers (typically a pod contains a single container). Containers in pod share the same namespace.
    7. Pods can be collected into a group to form a 'service' and these pods share the same networking namespace.
    8. Kubernetes manage adding/removing nodes in response to traffic demands.

    Scenario

    Let's suppose that we have 2 micro services:

    1. service-a (low requests: between 100-1000 per hour)
    2. service-b (highly variable requests: between 1000-50000 per hour)

    And so, service-b will be scaling to different extents throughout the day.

    So my questions are:

    1. Does service-b scale up in number of containers, number of pods, number of cluster nodes or all three?
    2. How do we decide how to logically group related containers in our pods, services (group of pods), or nodes?

    Thank you in advance for any help in clarifying my understanding :)

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

    How do I make this ?? �� with css / js obviously

    Posted: 13 Jul 2020 04:16 PM PDT

    Modern CSS grid solutions to common layout problems

    Posted: 13 Jul 2020 06:56 AM PDT

    Best resources for testing WCAG compliance and general accessibility

    Posted: 13 Jul 2020 01:17 PM PDT

    As the title suggests, I'm looking for the best resources for testing a site's WCAG compliance and general accessibility. Any suggestions?

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

    What is your workflow for freelancing websites?

    Posted: 13 Jul 2020 10:49 AM PDT

    Do you have an effective workflow or tools for freelancing websites with your customers?

    When dealing with customers, there is always a back and forth with the designs and content. Without a workflow it can get very complicated and take a lot more time than expected.

    The workflow that I have used is

    1. Preliminary meeting for needs finding / assessing amount of work. Then send a detailed proposal for approval.
    2. When approved, I start the design process in illustrator/figma and send the design for approval with dummy text and dummy images. (Many times, customers take a while to send you the final content and images they want to use so it's important to not get stuck and wait for their content)
    3. When I receive the content, I replace the dummy text/images with the customer's content.
    4. There can be a back and forth with the design in this part. However we reach an agreement that it's exactly what the customer want's the site to look like.
    5. Start coding and build a page exactly like the design
    6. When website is ready, I upload it to a S3 public bucket and send the customer a link for review.
    7. If the customer is happy with the UI/UX of the design, Deploy site to production.
    8. If customer is not happy, and wants to change the content. I proceed to use a tool that automatically localizes the websites, and exports the content to a spreadsheet. Then I send that spreadsheet to the customer so he can make the changes themselves.
    9. When the customer send me the updated content. I upload it back to the website and proceed to deploy to production .

    If you have a Workflow that works for you, please share it with the rest of us. Thanks

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

    Creating a blog from a static website? Easier way to upload content?

    Posted: 13 Jul 2020 01:10 PM PDT

    Hello all,

    I'm new to web development, so bare with me. This is a two-fer, as one problem leads into another.

    Preface: I'm currently building a personal website using HTML/CSS/JS and everything is looking great. I've uploaded my folder structure into AWS S3 and can view my website.

    Problem 1: I want to start a blog that will document my research and development. I could do this manually by either editing a single blog.html or by adding a new .html for every blog entry and linking it to my blog.html, but I feel like neither of these are sustainable in the long term.

    I've looked up Jekyll, and I think this solution will work for me, but outlines another problem...

    Problem 2: If I'm making a new blog post every week, manually uploading this through AWS S3's web portal doesn't seem right. Is there a way to hook Git/SVN so I can commit and push changes to my website? It would make the workflow a lot easier: make a new blog through some interface (Jekyll?), new files are added, some files are modified, commit all files, push all files. Rather than having to manually do things through a sluggish web portal.

    I'd greatly appreciate any help, articles, video tutorials or books to point me in the right direction.

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

    JavaScript projects that exist just to bring joy

    Posted: 13 Jul 2020 12:58 PM PDT

    What are your thoughts on my web development learning plan?

    Posted: 13 Jul 2020 02:42 PM PDT

    I'm currently a developer who has worked with Python extensively, and have learnt some HTML/CSS/Javascript whilst dabbling in SQL and Bootstrap too. I find I learn best when I'm doing hands-on stuff, and basically just want to start creating websites - I've tried FCC and The Odin Project but never managed to complete them, but think I have the basics nailed down. I still need to get the hang of ASYNC/DOMs etc though.

    I also want to set myself targets to work towards and so I can get proficient at several technologies efficiently. Based on demand in my home country (UK), I think these seem to be the most popular skills employers look for and the possible timeline to learn this in:

    First ~7 months:

    • HTML/CSS/vanilla JS (1 month - some experience)

    • SASS/Bootstrap/Webpack (1 month - some experience with Bootstrap only)

    • NodeJS/JQuery (1 month - no experience)

    • MongoDB/SQL (1 month - some experience with SQL only)

    • PHP/Laravel (2 months - no experience)

    • Wordpress (1 month - little experience)

    • REST API/AWS (2 weeks - no experience)

    I've also seen JS frameworks come up every now and again but might save that for later:

    • React

    • AngularJS

    My aim was to become a junior or mid-level web developer, or be able to consider freelancing, and hence build up a portfolio where I use these technologies. I was wondering what your thoughts were on this timeline (assuming I can do say ~12 hours a week) and if there's any good resources/recommendations/advice?

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

    Resource on how interactive maps like ones on mapgenie.io/google maps work?

    Posted: 13 Jul 2020 04:52 PM PDT

    I noticed maps on mapgenie.io load similarly to google maps where they load a different resolution parts of the map depending on your zoom level. Is there a resource explaining the behavior or even better a diy guide?

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

    Assessing hi-res vs. low-res images

    Posted: 13 Jul 2020 04:48 PM PDT

    Hi all, I'm in the process of requesting staff photos from a client and cannot determine by which metric I should assess the quality of images. I've been researching for the last two hours and have determined that image quality on the web is determined by the ever-nebulous "dimensions" of the photo along with the amount of compression used on the image.

    A new hire recently submitted a photo to be posted on the staff and board page, but the image itself is looking a bit grainy. I'm serving a scaled version of each staff member image at 250px x 250px, and the recently submitted photo is at 425px x 483px. Scaling the image has helped the quality a bit but it is still a bit grainy for my client's liking.

    Any ideas on how I should request the full-resolution image here? My concern is that I will ask for a specific pixel dimension of the same image (eg 750px x 750px) and the staff member will simply "stretch" the current image to match these requested dimensions and I will be left with an even worse quality image than before.

    By what metric are images on the web truly judged for quality, and how do I translate this to help my client understand?

    Thanks in advance for any help, hopefully I can stop banging my head on the wall soon.

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

    Mixins seem like a cool way to write DRY code, but I never see where I can use them. How can I fix that?

    Posted: 13 Jul 2020 10:00 AM PDT

    I have no problem extracting something I do frequently in Java or TS code to a reusable function, yet almost never do so with SASS. The farthest I got with mixins was this:

    @.mixin navBar($direction){

    display: flex; flex-direction: $direction; }

    I am sure theres a huge potential for that feature, but looking at my CSS code it seems like everything is a specific use case which cannot be factored out into reusable code. How can I start using this SASS feature?

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

    What's the most current way to handle browser caching of my web app?

    Posted: 13 Jul 2020 03:55 PM PDT

    I feel like every webdev has run into this problem at one point. I currently have a web app that in theory I would like to cache in the browser to speed up loading but I also want to be sure that users will get any updates I make to the app. As a result I feel like I've been forced to remove all client side caching because I make updates pretty frequently.

    So, what's the best way devs have found to balance the two?

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

    If I pay someone to create software for me, do I own the software and can I resell it?

    Posted: 13 Jul 2020 04:24 PM PDT

    I am looking to have a simple script/software created that I would like to resell. If I pay a developer to make this for me, do I own the rights to this and can I resell it?

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

    Flexbox with Bootstrap for list items

    Posted: 13 Jul 2020 08:32 AM PDT

    Hi all, I'm a beginner trying to get to grips with flexbox and how I can effectively use Bootstrap classes rather than creating my own (where possible). I'm trying to set up a navbar which uses list items but I also want to split up the row of links using flex. At the moment I'm not having any luck so I've just got my links in one <ul> and my social media links in another. But are there class names I can use to put them in one row using flex and then shift the social media links to the right whilst keeping the other links on the left of the navbar? See my current code below. Thanks for your help/suggestions!

    <nav class="navbar fixed-top navbar-expand-md navbar-light bg-light"> <a class="navbar-brand" href="#"><img src="assets/images/The-Bridge-logo-horizontal.png" height="50" class="d-inline-block align-top" alt="" loading="lazy"></a> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarToggler"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#">Sobre Nosotros</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Direcciones</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Contáctanos</a> </li> </ul> <ul class="nav navbar-nav ml-auto"> <li class="nav-item"> <a href="#" class="nav-link"><i class="fab fa-facebook-square fa-lg"></i>Logo</a> </li> <li class="nav-item"> <a href="#" class="nav-link"><i class="fa fa-instagram fa-lg"></i>Logo</a> </li> <li class="nav-item"> <a href="#" class="nav-link"><i class="fa fa-envelope fa-lg"></i>Logo</a> </li> </ul> </div> </nav>
    submitted by /u/crispy-d
    [link] [comments]

    How to work with JSON sent to NODE server with AJAX.

    Posted: 13 Jul 2020 03:56 PM PDT

    Hey everyone. I cannot seem to access the JSON I sent using AJAX; it is not in req.body and I don't know where else I might find it. My code is as follows.

    var ajaxTest = () => { xhr.onload = () => { let serverResponse = document.querySelector('.server-response') serverResponse.innerHTML = xhr.responseText } xhr.open('POST', 'http://localhost:3000/user/ajax') xhr.setRequestHeader("content-type", "application/json") xhr.send(JSON.stringify(jsonTest)) console.log(jsonTest) } var xhr = new XMLHttpRequest()

    and for the server

    router.post('/ajax', (req, res) => { let body = req.body res.send('res') console.log(body) })

    'res' is sent to the ejs document so everything in that manner seams to be working, but when I console.log(req.body) I get an empty object. Anyone know a solution? Thanks.

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

    Is there any free hosting that wont lag/turn off with many visitors in 2020?

    Posted: 13 Jul 2020 03:42 PM PDT

    i have my own hosting but it has some other technical limits

    ​

    i think about uploading my html game to free hosting. but which one? Awardspace and hostia/hostingier die pretty fast from what i remember.

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

    Looking for amateur WebDev CS student to design tutoring website

    Posted: 13 Jul 2020 03:40 PM PDT

    Pay can be negotiated. Need someone whose familiar with database API to track hours like google sheets as well as something to make a system to "match" students with tutors through calendarly or something. Also if possible a way to connect tutor with student to their own room maybe a link can be generated. Payment can be processed maybe through a google pay api? I don't know don't have a cs background. If possible in 2-3 weeks. Dm me if interested.

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

    What to expect in full stack developer interviews for internships and junior roles?

    Posted: 13 Jul 2020 02:18 AM PDT

    Hi all.

    I'm a self taught web developer since Feb 2019 and aspiring to be a full stack developer. I started with frontend and started learning server side and databases 4 months ago.

    I did one interview process already for a pure software engineer internship but I failed that one in my 3rd interview which was data structures and algorithms heavy. They said no studying was required for that 3rd interview programming assessment. Now I been studying data structures and algorithms daily. The internship I applied for now we have to do a full stack project to qualify but I know this isn't the norm from what I've heard.

    I'm sure for a pure full stack developer role the interview process would a bit different.

    I'm busy doing finishing touches to my portfolio, studying common interview questions, studying data structures and algorithms everyday in Javascript.

    What can I expect the interview process to be like for a junior full stack developer?

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

    I've been making a website to send emails to a list of contacts, but their email addresses are visible in the JavaScript code. What's a good way to have them completely invisible?

    Posted: 13 Jul 2020 02:55 PM PDT

    I have little experience in web development, right now I just do little projects to learn new things like how to use React or Emailjs, and I like to spend as little as possible, so if I ever upload the websites, I use the GitHub hosting service.

    That being said, this project made me realize that I have no clue how web security works.

    At first I thought I could upload the contact list to Firebase or another Database Hosting service, fetch the data and it'll be more secure; but I don't think this is the best solution.

    Right now I could really use a solution to the email addresses problem, and for the future, what are some good things to learn about web security to avoid making these mistakes?

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

    What is your opinion on Webpack/total build tools?

    Posted: 13 Jul 2020 02:45 PM PDT

    So I've been using Webpack ever since it first came out (using 2.2.1 for ages since it was stable). I recently started working on my developer environment again and wondered what your thoughts were regarding using Webpack as a "total build tool" (in other words, using the dev server to develop then running a build command to compile static sites).

    I've used Angular and React. I like angular okay - it's nice for SPAs that needs lots of interchangeable data. I don't like react even though I see it's perks. Still haven't used Vue: my impression was "yet another build tool" and the docs didn't make me go YESSS! So what are your thoughts on the modern landscape and the best way to build a site in 2020?

    submitted by /u/profile_this
    [link] [comments]
    Read more
    at

    No comments:

    Post a Comment