Web Development

  • A question for new and former Ruby developers: what language are/were you using now/them, and what was the reason for the change? How do you feel about the change?
    by /u/benbenk on January 18, 2020 at 6:39 am

    I’m a Ruby developer since 7 years. As I’ve worked with several statically types languages during this time, I sometimes wish I had type safety in Ruby. While i don’t really want to give up the Ruby ecosystem, as I’m very productive with e.g.. Rails and Sidekiq, I had a look at some alternatives. The closest “typed” alternative to Ruby which I could find was Python (with type annotations) but I find it difficult to adjust to the different ecosystem. Maybe TypeScript is another option but I feel like the JavaScript ecosystem is hugely expanding since some years (my company has been through 4 front end frameworks during the last 6 years). submitted by /u/benbenk [link] [comments]

  • I am trying to create a web page where I could upload CSV file and it will parse and print the data on screen
    by /u/MILF4LYF on January 18, 2020 at 4:52 am

    Hi everyone, I am trying to build a SPA using only vanillaJS (no React) where the page will allow the user to upload a .csv file and then parse it to print data on screen. How can I connect the <input> to the Ajax URL so that I can parse the file that the USER submitted?. I have commented the two lines as 1 & 2 in the code blocks below. HTML: <div class="container"> <div class="table-responsive"> <h1 align="center">CSV File to HTML Table using AJAX jQuery</h1> <div align="center"> <button type="button" name="load_data" id="load_data" class="btn btn- info">Load Data</button> <input type="file" name="csv"> //1. WANT TO CONNECT THIS TO AJAX URL </div> <div id="employee_table"> </div> </div> </div> JS: $(document).ready(function () { $('#load_data').click(function () { $.ajax({ url: "data/testFile.csv",//2. WANT TO CONNECT THIS TO <input> dataType: "text", success: function (data) { var employee_data = data.split(/\r?\n|\r/); var table_data = '<table class="table table-bordered table-striped"'; for (var count = 0; count < employee_data.length; count++) { var cell_data = employee_data[count].split(","); table_data += '<tr>'; for (var cell_count = 0; cell_count < cell_data .length; cell_count++) { if (count === 0) { table_data += '<th>' + cell_data[cell_count] + '</th>'; } else { table_data += '<td>' + cell_data[cell_count] + '</td>'; } } table_data += '</tr>'; } table_data += '</table>'; $('#employee_table').html(table_data); } }); }); }); Thanks a lot for helping! submitted by /u/MILF4LYF [link] [comments]

  • Where should I start to learn how to make a web widget with user authentication?
    by /u/the__pate on January 18, 2020 at 3:59 am

    Hey guys, I'm pretty new to web and widget development though I've spent some time working with React in the past. Most of my experience is with developing native mobile apps, but I had an idea for an embedded widget that I'd like to work on. I'm happy to learn new tools for this project I'm just not exactly sure where to start. I have a feeling I'm not doing anything particularly new. So, I was hoping you guys will be kind enough to point me in the right direction. Some more info about my project: I'm trying to make a widget that just shows some UI elements to the user and sign in button that redirects them to my website to sign up. Once the users signed in I need the widget to be able to identify the user and the website the widget is embedded in, so it can send that info back to my server to be logged. Based on these requirements and the research I've done so far, I'm thinking I could use a react app using Auth0 for authentication. I think react might be overkill for this though as my widget really isn't all that complicated. The closest thing I can think of to what I'm trying to do would be a tracking pixel, but those don't use any UI elements and don't authenticate users. What sort of tools do you guys think would be best for this project? Thanks in advance for you help! submitted by /u/the__pate [link] [comments]

  • Not sure if this is the right subreddit for it but is there a way to create this design? css, js wise?
    by /u/circlxthxgravx on January 18, 2020 at 3:13 am

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

  • Thoughts on Intro Animations.
    by /u/steveoaustin on January 18, 2020 at 1:17 am

    Just came across This Website The page restricts scrolling while a full-screen intro plays. Idk if I like it or not. Thoughts? submitted by /u/steveoaustin [link] [comments]

  • How Figma’s multiplayer technology works
    by /u/fagnerbrack on January 18, 2020 at 1:02 am

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

  • How do I make google sites more interesting?
    by /u/baljeet101 on January 18, 2020 at 12:56 am

    For a school project we are supposed to create a website to display our research. However, we are only limited to using google sites and it’s a very bland platform that doesn’t allow for much creativity. Since a part of my grade is for aesthetics I was wondering if anyone had any advice for interesting website layouts that could work for google sites. Any tips, tricks or advice would be very useful! I apologize if this is not what this sub is intended for but I would appreciate any help! submitted by /u/baljeet101 [link] [comments]

  • JetBrains Mono - A Typeface for Developers
    on January 18, 2020 at 12:51 am


  • Thoughts on sending text data diffs to server instead of entire text
    by /u/nas5w on January 18, 2020 at 12:50 am

    Does anyone here have experience sending text data diffs to a backend rather than sending the entire data? I'm working on an application that has an "autosave" functionality when editing a potentially-large doc, and it seems wasteful and possibly expensive to send the entire text to the backend on each autosave. Instead, it intuitively seems like less data would be sent (on average) if there were a way to send some representation of a diff to the backend and then patch the data in the database. Does anyone here have experience with, or know best practices for, this kind of operation? submitted by /u/nas5w [link] [comments]

  • Might be a silly question- but what’s the easiest way to implement a footer like this? I’d think something is absolutely positioned, but I’m not sure that’d do the trick.
    by /u/juliacodes on January 18, 2020 at 12:43 am

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

  • need help understanding MERN authentication & architecture?
    by /u/artishee on January 17, 2020 at 11:44 pm

    so I've set out to create my first MERN webapp (first full-stack tech i've touched) with authentication, and I've found that I'm having trouble understanding how these types of apps are setup and which components have which responsibilities. i understand how your typical CRUD app works and I can build a basic MERN app w/ a basic, unprotected API, but adding authentication and handling data between the frontend/backend seems really confusing. i've read thru countless tutorials about cookies, session store, local storage, etc etc. and everything i've come across is either poorly explained, doesn't explain anything beyond the login process itself, or clashes with what i read previously, and at this point i'm pretty confused. anyone have any good resources on the topic that'll help me understand what's going on? submitted by /u/artishee [link] [comments]

  • How important is Dark Mode? Any stats or numbers (increased user activity etc) to justify implementing it?
    by /u/laggingreflex on January 17, 2020 at 11:29 pm

    I personally love it but benefits alone aren't often enough. Are there any stats/numbers/articles/success stories etc that point to actual increase in value from marketing perspective (like increased user activity, retention/usage time) to justify the cost-to-benefit ratio? PS: Not just for desktop, but mobile sites/apps as well. submitted by /u/laggingreflex [link] [comments]

  • Google January 2020 Core Update Almost Done Rolling Out
    on January 17, 2020 at 10:20 pm


  • Become a Better Software Architect
    by /u/Maverickeye on January 17, 2020 at 10:17 pm

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

  • HTML5 Generation Gives Eulogy to Flash
    on January 17, 2020 at 9:33 pm


  • How to find the motivation for Front End Development?
    by /u/DarkChaos98 on January 17, 2020 at 9:28 pm

    Note: Not a concise post, also includes my rant. tl;dr at the end. Note: First post on Reddit (reposting because wasn't allowed before), please excuse my errors. I started learning web development 6 months ago because I found the web to be the most interesting field in the programming world. Also because one could easily see their results on a browser. But now it's been 6 months and I have barely made many complete projects even though I have learned quite a few technologies like Laravel and MERN stack. Which got me so frustrated because I can't find an internship. No surprise really, I haven't got much in my resume to show that I can develop. So first I thought I guess WebDev isn't for me if I can't even find it in me to make a few practice projects. So I moved on to learn a bit about Data Science. But then just today, I built a basic WebScraping API to use for DS, within a hour or so. So I wondered how? Then I realized, it's not the programming, it's the designing. My limiting factor is CSS and designing. I don't have any projects completed because I stop at the designing part. I have three projects with back-end made in my Github but I can't put them on my resume because they aren't complete. I can't make even get myself to make anything on React Native or Electron because I stop thinking about it the moment I think about the design. And it's not even that I hate visuals, I absolutely am stunned by some websites. I just suck at doing visuals. Which has gone deep rooted in me to hate it. Even a Polling App I made depended on Reactstrap and was shit in visuals. How can overcome this? Or is their a way to fill up show my resume with Backend projects w/o designing much? tl;dr How to find the motivation and get better at CSS and Frontend? submitted by /u/DarkChaos98 [link] [comments]

  • TIP:Don't auto-translate your page if you can't provide exact country language.
    by /u/kjuuz on January 17, 2020 at 9:00 pm

    I'm European and some sites are not usable. Most people don't understand the neighbor country language. For example - not all Germans understand Polish, but a lot of people understand the native language and English, at least allow us to choose in the top navbar. If language is stored in session or cookie that's even worse because I can at least easily edit URL (like example.com/en-us/) submitted by /u/kjuuz [link] [comments]

  • The Role of Animation and Motion in UX
    on January 17, 2020 at 7:47 pm


  • How can I continue learning as a solo, remote freelancer?
    by /u/lolcucumbers on January 17, 2020 at 7:11 pm

    Three years ago, I quit my full-time job as a web developer for a startup in SF to try the remote/DN thing. Since then, most of my work up has been either completely solo, or on a small team where I'm the only/most experienced developer. I feel like my development skills are plateauing, and I don't know what to do. It makes sense though, I am hired as a freelancer for the skills I already have, not my potential for learning on the job. One of the things I miss the most from my in-person job is the mentorship from senior developers. I miss being able to ask a quick question, or have them code review my work. Without this guidance, I often feel lonely since it's just me and the internet vs the problem. My current method to continue learning is to read blogs, read weekly newsletters, and work through online courses. The challenge here is that it's still entirely up to me to interpret and adapt the lessons into my own work. I don't have anyone to discuss the learning points with and verify that I understand the lesson correctly. I have a few side projects where I can experiment with new ideas in a low-consequence environment, but it's still just me. Do you have any advice on how I can continue learning (and ideally, find some mentorship) as a solo, remote freelancer? submitted by /u/lolcucumbers [link] [comments]

  • Get Ready for New SameSite=None; Secure Cookie Settings
    on January 17, 2020 at 6:02 pm


  • Seven and a Half Soft Skills to have as a Designer
    on January 17, 2020 at 5:32 pm


  • The Meaning of Design: What Design Is and Why It’s Important
    on January 17, 2020 at 4:45 pm


  • Eleventy Love
    by Chris Coyier on January 17, 2020 at 4:35 pm

    Been seeing a lot of Eleventy action lately. It's a smaller player in the world of static site generators, but I think it's got huge potential because of how simple it is, yet does about anything you'd need it to do. It's Just JavaScript™. Jason Lengstorf and Zach Leatherman did a Learn with Jason episode on it. Reginald Hunt has a big ol' guide on it. Phil Hawksworth has all these starters for it, like EleventyOne and ElevenTail. Andy … Read article The post Eleventy Love appeared first on CSS-Tricks.

  • Autumn (macOS window manager)
    by Chris Coyier on January 17, 2020 at 4:34 pm

    I love how nerdy this is. Autumn allows you to write JavaScript to control your windows. Get this window, move it over here. Nudge this window over. There are all sorts of APIs, like keyboard command helpers and doing things on events, like waking up from sleep. I love that it exists, but for the moment, my window management mostly consists of: grab this window and chuck it on the left half of the screen, and grab this window and … Read article The post Autumn (macOS window manager) appeared first on CSS-Tricks.

  • What would you class as basic JavaScript knowledge?
    by /u/NangSquaddie on January 17, 2020 at 3:06 pm

    I see many job applications say basic knowledge but never really know what classes as basic Edit: this is for an internship role if that differs submitted by /u/NangSquaddie [link] [comments]