September 13, 2018

Web Development

  • Load local XML File for local App
    by /u/Mighty_Phil on October 15, 2018 at 10:49 am

    I am currently building an application to view all glyphs within a fontfile with name and unicodeChar. Thought a single file html site (only one file, to keep it very user friendly) would be the best approach, since i can use the browsers font rendering as well as the search function and dynamically populate a table with a XML file containing all information from the same directory as the html file itself. But when i try loading it with Chrome i get the following error message: xmlhttp.open("get", "Testfont.ttf.config", true); Failed to load file:///D:/Testfont.ttf.config: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. Is it possible to avoid this? the xml/config file has to remain in the same location as the .html so a webserver is not an option. Also as mentioned, the whole application has to be contained in a single file, so changing chrome settings is not possible aswell. Thanks. submitted by /u/Mighty_Phil [link] [comments […]

  • Minimal State Management Patterns with React Easy State (updated ReactJS article)
    by /u/solkimicreb on October 15, 2018 at 10:46 am

    submitted by /u/solkimicreb [link] [comments […]

  • What’s New for Designers, October 2018
    by Carrie Cousins on October 15, 2018 at 10:45 am

     You might notice a theme this month in our collection of new tools for designers: color. There are lots of color resources sprinkled throughout this collection. But there are plenty of other goodies as well, including a beta tool from Google and some new ways to think about layouts. If we’ve missed something that you […]

  • Crosspost because I need a quick solution so I can finaly start preparing my work enviroment for development.... You guys will know how to fix this - ----- Creating a bootable USB - The "The...
    by /u/thegeekybitch on October 15, 2018 at 10:39 am

    submitted by /u/thegeekybitch [link] [comments […]

  • Complex interactive web app - How to keep JSON in sync with the server and add collaboration?
    by /u/coolquixotic on October 15, 2018 at 10:37 am

    Hi, I'm improving a product I built (can msg the link via DM since I can't post here) which is like a Mindmap. The interface has several UI components which the user can edit (move, add text, color etc.,). ATM, what I have is whenever the user wants to save, I JSON-ify the entire structure of the map and send it to the server. When the user opens the map again, I fetch the json and build the map in the front end. But I feel that I'm missing something here and that there's a better way to do this. One solution I thought of is, I open a websocket keep it active and send messages from client to server side like: "user updated box1 -> position changed to x2,y2" or something like that and the backend takes care of editing the json and saving it. Is this a good approach? am I missing something fundamental? Would this still work well when there are a lot of actions in the front end and each action sends a message to the server? Another concern is the collaboration - I don't even know where to start if I want multiple users to work on the same map. Are websockets the solution again? I understand this has a lot to do with how I handle events in the in the frontend, but are there any libraries/framework that care of this or assist in making things simpler? Because I'm stuck with this, I'm not even able to implement a simple undo-redo feature because there are simply too many actions that are possible and I've no idea how to properly handle them. Can someone please advise? submitted by /u/coolquixotic [link] [comments […]

  • 2x WebSummit tickets for sale
    by /u/Skidle95 on October 15, 2018 at 10:15 am

    Hi, I've got two unassigned tickets for this event https://websummit.com/. Unfortunately I can't go, so I'm selling them for 500 euros. PM me if interested! submitted by /u/Skidle95 [link] [comments […]

  • What's the best way to set up a SAML authentication workflow in a Laravel / VueJS app?
    by /u/fbnlsr on October 15, 2018 at 9:23 am

    Hey everyone, I need some advice on this. I'm currently working on an app which uses Laravel as an API and the frontend is made using VueJS. We had the whole signup/login process handled by Passport. Since the API embarked Passport, it was easy to check wether a user was able to make a request or not. My client asked me to implement his company's SAML authentication service in order to handle the login process. I've successfully done that using this laravel-saml2 package. But since the app is in VueJS, I don't know how to check if the user is still authenticated on the SAML side. Do I need to use another package? Once that'd be dedicated to Vue? Or can I use something on the server side to ping the authentication service and check wether the user is still logged in or not? Thanks a lot for your help. submitted by /u/fbnlsr [link] [comments […]

  • 8 Code Snippets to Make Your Pagination Pop
    by Eric Karkovack on October 15, 2018 at 9:20 am

    Pagination is one of those little design necessities that often gets overlooked. But for blogs and other content-heavy sites, it provides an important means of navigation. A well-crafted menu can... The post 8 Code Snippets to Make Your Pagination Pop appeared first on Speckyboy Web Design Magazine. […]

  • Further development?
    by /u/lip3k on October 15, 2018 at 8:59 am

    Hi, I am a self taught web developer. I started learning on my own years ago and kept that going until I got my first junior position. Now I have been two years in the field, recently got offered sweet pay rise and went from junior to regular web developer. I was wondering what I should focus on to keep progressing as a developer? I want to keep learning in my free time, I just don't know what I should learn? Thanks submitted by /u/lip3k [link] [comments […]

  • An intro to web app development for beginner devs
    by /u/bogdanelcs on October 15, 2018 at 8:45 am

    submitted by /u/bogdanelcs [link] [comments […]

  • I'm a complete newbie and trying to set up a server to host my website on DigitalOcean… any resource/guide for newbies I could use?
    by /u/White_Girl_In_Wedges on October 15, 2018 at 8:02 am

    I have a .com domain I want to host on DigitalOcean but I'm struggling very hard to set up an Apache server on my droplet. I'm on Windows 10. Can anyone recommend me good ways to learn and to do it? Please, treat me like a complete idiot. I really do want to learn submitted by /u/White_Girl_In_Wedges [link] [comments […]

  • JS design patterns?
    by /u/rumbalumba on October 15, 2018 at 7:50 am

    Hello, can anyone direct me to a resource where I can learn and practice different design patterns? I find it hard to search for this particular resource since most out there are all about syntax. I just want to further my knowledge and code more efficiently and with order. Thank you and any help is greatly appreciated! submitted by /u/rumbalumba [link] [comments […]

  • Why is this framework so unpopular?
    by /u/lemon07r on October 15, 2018 at 7:38 am

    TL;DR - Why is http://actframework.org so unpopular? I'm a learning developer, and now that I've started to get the hang of JavaScript, HTML5, CSS and a few other languages I've started to touch on frameworks out of my own interest. There are your more popular frameworks like angular 2, node.js, express.js, react native, next.js, etc which I absolutely intend to play around with and learn since these are what will actually get me hired most likely. Then one thing I came across was the meteor platform, which looks like a cool full stack framework. However it didnt have SQL support which was something I wanted to learn to work with so I started looking around more. This is where I came across http://actframework.org I was only looking at it purely out of interest, something to play around with for fun since there are probably better things to learn to become an employable prospect however I was curious what makes the other frameworks I mentioned better or more popular? The Act.Framework looks mature, uses a very popular language, its also very very fast (consistently top through many benchmarks), and its a full stack MVC framework. It looked very good to me, but I am however very new to all this and probably dont know any better. I plan to use it as an excuse to learn Java anyways and play around with it for fun or personal projects instead of seriously but I'm still curious why it's so unpopular, compared to let's say meteor, mean stack, or whatever other popular frameworks that might be comparable. submitted by /u/lemon07r [link] [comments […]

  • Interviewing for a Full Stack SDE Position (node.js / react) And Worried About Algorithm Questions, Any Resources?
    by /u/jrkienle on October 15, 2018 at 7:15 am

    Hey all! This Friday i have an interview for a full stack react / node.js position. I feel 100% confident with my javascript abilities but I have no formal computer science education in data structures and algorithms, and I fear the interview might mostly have questions in that area. Does anyone have any interview tips / resources I could leverage? submitted by /u/jrkienle [link] [comments […]

  • What are the best options for starting a community development project?
    by /u/BenChode on October 15, 2018 at 5:18 am

    I have an Angular project that I've been working on for a while and would like to get more people invovled. I'm wondering about the best options currently available for this type of project. submitted by /u/BenChode [link] [comments […]

  • Best practices for Sign Up & Log In, in terms of UX, privacy and security?
    by /u/theephie on October 15, 2018 at 5:10 am

    What are the current best practices for implementing sign up / registration at a website? Any thoughts on the following? Sign Up Make "Sign Up" prominently visible on front page. Make "Log in" less visible. Example: Stack Overflow. Reasoning by /u/jlemrond: However, UX is often times about ensuring that users take a specific action you want them to take. In this case, if they never take the action of signing up, they never interact with your app, which means you don't gain a customer, which means you lose revenue. You want to make sure that there is no ambiguity about where a new user needs to go in order to sign up. If you present a login screen first, they may think "I don't have an account, I'm not supposed to be here" instead of looking for a sign up button beneath it. Also remember a new user will not be accustom to your app's layout or UI, they'll be learning it for the first time. On the other hand, a user who has already signed up will often times go looking for the login section as they are already familiar with your app, or they may already be automatically logged in. Use email as username to reduce things to remember. Ask for password only once? Email a link that activates the account. Tell the user to check email. For added privacy, if the email is already linked to an account, don't mention it on the page, but email the owner that someone tried to register with your email, and provide a password reset link, in case they just forgot they have an account. Log In Ask for email and password. If email & password is not found, mention that either email or password is wrong. Provide Sign Up and Reset Password links. If email exists, but password is wrong, email the owner about failed login attempt? Could WebAuthn be used to ease signing up / logging in? MDN says it's supported in Chrome desktop & mobile, and Firefox desktop. Are any large sites using it? Related thread: https://reddit.com/r/webdev/comments/7vnyhn/why_does_it_seem_to_be_the_normal_design_to/ submitted by /u/theephie [link] [comments […]

  • My first assessment test, went ok. My questions are how’s It graded for a beginner in professional programming?
    by /u/Mymar on October 15, 2018 at 4:57 am

    There were 5 questions on a subject I’d barely even heard of. Other than that I was reasonably certain I knew what the questions were asking and didn’t really have to think much about the answers. So also is this a good sign? Also how’s this kind of thing graded? By number of right answers or something else? submitted by /u/Mymar [link] [comments […]

  • I just finished the REST API portion of my NestJS tutorial series
    by /u/kelvinmai on October 15, 2018 at 1:01 am

    submitted by /u/kelvinmai [link] [comments […]

  • Dark keyboard in iOS web app?
    by /u/burgerlove on October 15, 2018 at 12:55 am

    I'm working on a web app with a dark UI and safari's light keyboard is an eyesore. Is there some sort of way to trigger the dark keyboard instead of the light? Assuming not, but figured it was worth asking. submitted by /u/burgerlove [link] [comments […]

  • Junior Web Developer
    by /u/mo-mo96 on October 15, 2018 at 12:54 am

    I'm just wondering what is it like to be a junior web developer either front end or back end. If you can, can you share your experience / responsibilities at your first junior job. submitted by /u/mo-mo96 [link] [comments […]

  • I see your Spooky Ghost, and raise you a Spooky Pumpkin!
    by /u/tjhmusic11 on October 15, 2018 at 12:39 am

    submitted by /u/tjhmusic11 [link] [comments […]

  • Any resources on best practices when storing and retrieving files from S3?
    by /u/Dot_Pot on October 15, 2018 at 12:01 am

    I'm building a profile page for my app and would like to store their profile image on AWS s3, but im not sure the best way to do this (in a security sense). Are there any good resources out there that explain how this is typical done? Thanks guys submitted by /u/Dot_Pot [link] [comments […]

  • Design Links: Collective #458
    on October 14, 2018 at 11:55 pm

    https://tympanus.net/codrops/collective/collective-458/ […]

  • The Best Colors Named After People
    on October 14, 2018 at 10:20 pm

    https://99u.adobe.com/articles/59735/the-best-colors-named-after-peo […]

  • 6 Best WordPress Security Plugins to Protect Your Site (Compared)
    on October 14, 2018 at 9:58 pm

    https://www.wpbeginner.com/plugins/best-wordpress-security-plugins-compared/ […]