• Breaking News

    Saturday, August 3, 2019

    Home Unlabelled Taught myself HTML + CSS & created my first website from scratch! It’s my portfolio website, there’s a few things (like spacing for continuity) I need to work on & all feedback is appreciated. Was going for a minimal vibe to put focus on the projects themselves! web developers

    Taught myself HTML + CSS & created my first website from scratch! It’s my portfolio website, there’s a few things (like spacing for continuity) I need to work on & all feedback is appreciated. Was going for a minimal vibe to put focus on the projects themselves! web developers

    August 03, 2019

    Taught myself HTML + CSS & created my first website from scratch! It’s my portfolio website, there’s a few things (like spacing for continuity) I need to work on & all feedback is appreciated. Was going for a minimal vibe to put focus on the projects themselves! web developers

    Taught myself HTML + CSS & created my first website from scratch! It’s my portfolio website, there’s a few things (like spacing for continuity) I need to work on & all feedback is appreciated. Was going for a minimal vibe to put focus on the projects themselves!

    Posted: 03 Aug 2019 10:14 AM PDT

    [Showoff Saturday] Demo of an app I made, Livestream Radio. Allows users to add, categorize & playback YouTube music livestreams! (Vue/Vuetify)

    Posted: 03 Aug 2019 07:29 AM PDT

    I built a super simple menu hamburger button generator

    Posted: 03 Aug 2019 09:21 AM PDT

    Does anybody else feels that google cloud platform documentation is like a giant mess?

    Posted: 02 Aug 2019 06:26 PM PDT

    It's like you need documentation for something and when you find what you are looking for, you start in an endless loop of links.

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

    Post your Web Development bookmarks

    Posted: 03 Aug 2019 09:48 AM PDT

    I had learnt basics of HTML and CSS about 15 years back and created a few static sites, but have never taken up web dev seriously. Now as a part of my work, I have to create a few web servers, so I am reading and refreshing my knowledge. For my learning, I like to organize my bookmarks, read from them and go back to them. I sync them across my devises and have them available everywhere, to read at lunch/in those boring meetings at work etc. This is different from 'read later' (the likes of pocket app etc.) Currently, my 'Wev Development' section of bookmarks only has https://internetingishard.com/html-and-css/ Which I found very interesting and am thoroughly enjoying reading.

    I thought it'll be interesting to see what other newbies and experts have bookmarked for their reference and learning. Please post your bookmarks here so we can share and learn. Hope this post is not irrelevant on this sub.

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

    Study programming and mathematics with mentors and make new friends

    Posted: 03 Aug 2019 04:04 PM PDT

    Hi redditers,

    2 and a half months ago I have founded a discord where we mentor you through the difficult times of programming. Currently we are already on 3,000 members!

    What we offer:

    • Ability to request a private mentor as well as public mentors
    • Request exercises
    • Request review/feedback on code/exercise
    • Participate in group projects (Programming)
    • Ask questions
    • Hang out and make friends!

    Discord Link: https://discord.gg/aJwTAgS

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

    Flood fill - image transition effect in 16 lines of pure JavaScript

    Posted: 03 Aug 2019 07:41 AM PDT

    Avoiding scope creep with boomer clients?

    Posted: 03 Aug 2019 01:50 PM PDT

    I am, for the nth time, setting up an elaborate MailChimp solution for a client who asked for a "WordPress site".

    How do you guys deal with this? Do you bring it up before starting the project? Do you do it for them or tell them you have to charge them more for it?

    I've had similar things happen with setting up a WooCommerce shop. I would obviously charge more if I knew that they wanted this, but it seems kind of awkward to say that mid-project.

    For the record, I don't blame them and I'm not mad at them. I understand that for them, they don't understand why those things would cost a premium or be any different than the rest of the stuff I'm doing for them.

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

    Suggestions for displaying large amounts of text data?

    Posted: 03 Aug 2019 02:44 PM PDT

    I'm working on developing a web app for my team that will allow them to view logs. The logs have several fields, such as the date, time, triage level tag, and output. My team needs to be able to filter the log files. The majority of these logs are reasonably sized but they sometimes can be quite large (256+ MBs). I am using Django, but only the views and url dispatcher.

    Currently the general flow of data is this:

    • User clicks on a link, redirected to the base skeleton page. The number of data chunks to be requested has been calculated by the server, and with this the client appends empty <div>s to the page.
    • The client makes ajax requests to the server to retrieve data chunks. I have this defined as 10,000 lines. This can mean that the client can make quite a few ajax requests if the log files is large, but this is an application that will only be used by 50 or so people so I do not believe the server will be bogged down.
    • Each time a data chunk is returned, it is appended to the appropriate div so they appear in order. The loading bar is incremented so the user knows how much of the page has been loaded.
    • A portion of the log is automatically loaded. The user can either scroll to the bottom to load more, or click a button that loads the rest of the log.

    As it stands this process works very well for logs with an upper-limit of 10 MBs or so, with good performance. My team was happy with how it worked.

    However with large log files, I experience a severe performance loss and eventually a browser crash. I think this is due to the number of DOM elements I am rendering: each line contains a <tr> tag, at least 4 <td> tags, a <span> tag, and an <a> tag. So I'm thinking about new ways of approaching this problem.

    Two of my ideas are:

    • Pagination (my team does not like this idea and would prefer to avoid it if possible).
    • Only loading data chunks with spatial locality to what is currently visible, and removing chunks that are not (but this prevents a user from CTRL-A selecting all of the text).

    Part of me suspects that I am trying to do something in a browser that would be better suited in a different environment, since browsers and the DOM are slow and have memory limits. But I don't want to give up quite yet. Does anyone have other suggestions or feedback?

    Thank you.

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

    Looking for feedback on my personal site

    Posted: 03 Aug 2019 02:28 PM PDT

    Hey guys, I posted on r/web_design yesterday, got some great feedback, put it into action, and now I'm back for more. The site should finally be responsive, so let me know how it works on mobile.

    Without further ado:

    URL: https://kieranw.me/

    Purpose: A personal site where I can share some of my life with the world. Meant to give an idea of who I am and what I'm up to. I plan on putting a little description of why I chose cats as the theme (they're everywhere in Tel Aviv and I love them as "underdogs", among other things)

    Feedback Requested: General feedback. Does the site work for you? Does anything piss you off? Does anything make you think, "this would be better if..."?

    Thanks!

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

    [Showoff Saturday] Preview Material Design's elevations/shadows and generate CSS

    Posted: 03 Aug 2019 09:33 AM PDT

    Hi, I made a simple website to preview Material shadows. I really like MD's guidelines, especially their study of shadows, but I couldn't find anywhere to visualize it.

    Website: https://material-shadow-preview.netlify.com/

    Repo: https://github.com/BjornLuG/material-shadow-preview

    Technology: Vue, Vuetify, Highlight.js

    I also added a Download section to download the shadow styles (It was quite trivial to find too), and a Learn section for extra readings.

    I know it's not much, but it's the first thing I'm proud of sharing :)

    Feedbacks are appreciated.

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

    How would I lay out the architecture of a delivery app?

    Posted: 03 Aug 2019 07:16 AM PDT

    Hi,

    Skillset: HTML, CSS, JS, and some React.

    For the customer, the app will showcase a list of food to order and a customer will tap on the food choice and add to cart. After adding items to cart, they're shown a checkout page where they can enter their location and see a delivery time estimate. Once the order is placed, they will be able to see a realtime tracker on the current status of their delivery. For the driver, they should be able to see all the info about each order and the location to go. On my end, I should be able to see all current deliveries happening in realtime (dashboard).

    This is basically what Uber Eats, DoorDash and others have already built.

    Now for the architecture, I'm thinking of using Firebase and these JS classes:

    - User class
    - First name = string
    - Last name = string
    - Email = string
    - Phone number = string
    - Date of birth = date object?
    - Delivery address = string
    - Previous orders = [ array containing {objects of each order?} ]
    - Credits/ = number

    - Food class
    - Image = string link?
    - Title = string
    - Description = string
    - Price = number
    - Tag - new/coupon code/price drop/ (strings)

    - Alcohol class **extends** Food class
    - Type of alcohol = string
    - Warning label = string

    - Drivers Class
    - Current delivery = {object with properties of current delivery}
    - Previous deliveries = array with objects inside for each date with properties of delivery details

    ​

    I'm very confused about how I should efficiently structure the app and would appreciate some guidance. Thanks!

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

    [Showoff Saturday] Do you like the Horizon theme? I made an alternative.

    Posted: 03 Aug 2019 10:22 AM PDT

    [Showoff Saturday] My first site I used PHP in. It Queries a video game API for a game called SMITE to get player and clan statistics/info. Made this for fun and to make a dynamic webpage instead of hardcoding all the html. Posted on r/smite and got only downvotes so I’m here lol

    Posted: 03 Aug 2019 03:15 PM PDT

    Planner Tool for Website and App Developers

    Posted: 03 Aug 2019 03:04 PM PDT

    I run a software business and I gotta say, delivering web apps can get hectic at times. Especially when there's multiple classes for each feature. Making sure the use case diagrams are done, then the database migrations, models, etc., can get hectic.

    Every weekend, I work on something for fun that I put out for free and give back to the interwebz. This weekend (and most likely next weekend as well), gonna be working on a planner tool for developers specifically. I've used Trello, Monday, Asana and they all aren't the best whatsoever for developers.

    The closest thing I've gotten to a developer specific planning tool is Jira.

    So what are the specific benefits of this particular project?

    1. Quicker development cycles...especially for teams or individuals who feel like their work is rather unorganized and all over the place.
    2. Easier time planning things out. If you're managing a team and there are multiple moving parts, you need to be able to have a bird's eye view of which direction the team is moving in. If a certain feature is important to the MVP but your team is working on something less important, you're only going to be shooting yourself in the foot and wasting valuable time, energy, and money.
    3. Based on Agile philosophy. Agile is all about quality control and speed. Quality control in the sense that each feature goes through multiple iterations before getting deployed live. Speed in the sense that these iterations are rather quick.

    So this weekend's project is about creating a planner tool that helps you manage a development project and crank out an MVP as quick as possible. Here are all the features I plan to implement:

    • There are going to be the following layers: project layer, features layer, and components layer. First you would create a project and describe what the mission of the project is. Then within each project, you can create features. When you create a feature, components are automatically created for you but you can go in and edit them as you wish. For example, if the project is creating a sleep improvement app, the features could be having a user system, a points system, and accountability system. Each of these features will have components such as use case diagrams, design class diagrams, database migrations, models, etc.
    • Prioritize each feature within a project. Not all features are extremely important to delivering an MVP. For example, in Microsoft Word, basically everyone needs to be able to edit the text on the screen, be able to copy and paste, save, and export. Everything else is icing on the cake. I'll create a variation of the RICE framework by Intercom for helping prioritize.
    • Being able to create teams or communities so people can work on open source projects together. One thing I've noticed for contributing to open source is how hard it is to start for a beginner. Where does one go to contribute? What skill levels does one need? If we can lower the barrier to entry for open source for beginners, it would definitely help more people give back.

    If there is something else you think is super important that I'm missing, comment below. Once I release the first version, I'll also make the code open source and available to anyone to look at.

    Will be using a LAMP stack. Particularly Laravel as my PHP framework and sprinkle in jQuery to make it feel more responsive.

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

    Good online course for full stack dev?

    Posted: 03 Aug 2019 06:20 AM PDT

    Im a student medicine so i cant follow a full it class at a uni. So id like to know if theres a reputable online class i can take ? ( not expecting a valid degree, just to get better at developing)

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

    [Showoff Saturday] My portfolio site. Not sure if it's the site that's hurting me in my junior dev job search, my knowledge, or if I need to take old things off my GitHub.

    Posted: 03 Aug 2019 10:51 AM PDT

    How to be a good coding instructor?

    Posted: 03 Aug 2019 04:16 PM PDT

    So I have this job opportunity to become a developer/consultant at a new job, but I am worried that I am going to suck at being a consultant due to my introvertedness or my anxiety.

    Has anyone with a similar personality gone through something like this and succeed? Would you take the job? Thanks for the replys

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

    My resume website that I'm trying to land a junior web dev job with. Anybody have any suggestions for changes/improvements I could make with my skills or the site itself to increase chances of getting a junior dev position? Any help is greatly appreciated. [Showoff Saturday]

    Posted: 03 Aug 2019 12:30 PM PDT

    Using a CMS only to provide content on a custom built website

    Posted: 03 Aug 2019 09:38 AM PDT

    Hi everyone,

    I come here as a last resort cause trying out a ton of (headless) CMS's did not clear that much up for me.

    First of all, I am an experienced programmer but not experienced in delivering websites for clients.

    I have a client who wants a single page website with some information about her company. The only thing she wants is to be able to change the texts herself, and maybe images in the future.

    I am getting into web design and I like to make it a bit unique for her, so I am not looking for using a template or making a WordPress theme myself.

    ​

    My question:

    Is there a way to make a website and completely style it myself using HTML & CSS, maybe even using some JS or ReactJS, only that some text in some div is fetched via an API from someplace where my client can easily log in and change the texts?

    Thanks in advance!

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

    [Codepen] Two lines of javascript code to turn a container's children into manageable items.

    Posted: 03 Aug 2019 11:45 AM PDT

    After Getting SSL Certificate, Site Will Not Load via IP Address or Without "www." Entered Before Domain Name

    Posted: 03 Aug 2019 02:14 PM PDT

    I recently built my first website. Before getting it SSL/TLS encrypted, I could access the site via the IP address or the domain name. Now, whenever I enter either the IP address into the URL bar or the domain-name.com without the "www." prefix, it gives me an 'error' page with the following title:

    " Apache2 Ubuntu Default Page "

    Is this a problem with my configuration files, SSL certificate, or something else? When I explicitly enter "https://" before "domain-name.com" without the "www." prefix, it WILL let me go to the site, but beforehand I get a warning page (from my browser) saying there's a problem with the SSL certificate. I get no such error with the full domain including "www.".

    I obviously use Apache2 and Ubuntu. I used "Let's Encrypt"/"Certbot" to obtain the SSL certificate. The site was built using Django if that makes any difference. If anyone has wisdom as to how to resolve this issue, it would be greatly appreciated.

    submitted by /u/Science-Compliance
    [link] [comments]

    Advice regarding codebase reuse for a starting freelancer.

    Posted: 03 Aug 2019 01:17 PM PDT

    Hey /r/webdev!

    I'm asking for advice regarding code reuse for freelance clients. I've been developing webapps for the past couple of years as a hobby/for work and have recently started my own company to do freelancing. I currently have lots of experience in the backend(Spring Boot) and can get along nicely with Vue(mostly using bootstrap together with Nuxt).

    In the past I've already re-used my own Spring Boot modules to easily add basic backend functionality(persist users to db, security, common services/routes/models, etc..). The problem is that I've always written my frontends from scratch(from the vue/nuxt cli tooling) and copied over code from old projects.

    Since I'm mostly going to provide freelance work regarding things that only need a dashboard ui I'm wondering what some best practices are on reusing frontend code. Do you create component libraries? Project templates? What about extending (Vuetify) components(to easily provide tables with pagination through standard pagination rest responses), reusing configurations, pages, page layouts

    I'll most likely use Nuxt with Vuetify, nuxt axios module, nuxt auth module and vuex. I'd also be wanting to write my own Nuxt plugins when needed.

    I've tried googling this and couldn't find a lot(except writing component libraries/nuxt plugins/advice on who owns freelance code).

    The solution I'm currently thinking about is just using a mix of reusable npm packages(such as component libraries) and storing a frontend project template on github. For the backend I'll just use Spring Initializr and import my own modules into the project.

    Thanks! I'd love to hear your opinions/experiences.

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

    Best solution for payments from clients?

    Posted: 03 Aug 2019 06:49 AM PDT

    I've a full-stack developer for about 11 years. My side business is really starting to pick up, and while I usually invoice each month and get checks, I'm now getting into web hosting, where it's very preferable that I have recurring online payments from clients on a month/month basis.

    I also don't want to go the route of setting up a Magento or WooCommerce store just for client payments -- I'd love to use a 3rd-party service.

    Does anyone have experience with a particular service that they'd recommend?

    ​

    Thanks!

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

    I am currently searching for a new project to create and was curious what tools would one use to create something like this?

    Posted: 03 Aug 2019 12:27 PM PDT
    Read more
    at

    No comments:

    Post a Comment