Web Development

How does this website achieve the fade-in for its elements?

webdev: reddit for web developers - Wed, 01/17/2018 - 21:00

When the page scrolls up, the elements which come into view fade in or shift slightly. How is this achieved?

Is this a standard library or hand-crafted? Does it cause a significant performance hit? Would you recommend for or against something like this? To me it looks gimmicky.


submitted by /u/obviousoctopus
[link] [comments]
Categories: Web Development

Suggestions for Announcement / News Platform

webdev: reddit for web developers - Wed, 01/17/2018 - 20:18


I currently run a free web hosting service and most service related messages are posted on Reddit and I want to have a proper system on the website for this kind of thing.

The issue is I can't find a solution that fits all aspects, as I cover upgrades, maintenance, downtime and new features etc.

I can't use a server monitor as new features and upgrades wouldn't usually fall into that classification.

I can't use a blog as it isn't blog type of material, it's more general customer information.

I would perfer to use an announcement system like WHMCS has, however I don't use WHMCS or any similar CMS's.

I want to integrate it into the design of my website (https://VimlyHost.net) if possible. It will of course have its own pages, but I want to keep the header and footer style etc.

If possible I'd like a HTML based solution, so I can keep all content within the same domain which is hosted on github static hosting.

Finally, I need the solutions to be either free or willingly to offer a usable free version for my use, as I make near 0 profit from my services as it isn't a payment based business. It's community based.

Best Regards, Kieran Cairns

submitted by /u/Kieran2001
[link] [comments]
Categories: Web Development

Getting back into it

webdev: reddit for web developers - Wed, 01/17/2018 - 20:02

Hey guys, I was hoping some of you guys could help me pick a good starting point. I used to "develop" websites for pet projects up until about 2010 and stopped due to life stuff. I primarily used the lamp stack for backend, css/html/jQuery for front end stuff, primarily wrote spaghetti procedural code.

Given that, all the new frameworks seems daunting and have no idea where a good noob entry point is. I've followed laravel a bit and it seems good but theres also all these front end frameworks as well.

Where do I start? I have some new pet projects I want to code but also refresh my skills, any advice would be greatly appreciated.

submitted by /u/InfiniteBlink
[link] [comments]
Categories: Web Development

Anyone created an IOS app the requires login credential from an external web app?

webdev: reddit for web developers - Wed, 01/17/2018 - 19:18

I'm considering building an app, but the business model would really require a subscription (it's targeting a small niche that would be willing to pay a monthly fee for this app), but I don't think Apple will accept a subscription pricing plan on an app that doesn't provide continued new content (I've tried with in-app purchases on another app). I'm thinking to have app use a login that is created on an external website, and use that external site to setup the subscription payment.

So the app is free in iTunes, tied to some web application that where user accounts are actually created. Does anyone have experience going this route? I'd like the make the app launch with the login screen, but if it would improve my chances with Apple, I could put only certain features behind that login.

submitted by /u/steveoscaro
[link] [comments]
Categories: Web Development

Setting up git/github?

webdev: reddit for web developers - Wed, 01/17/2018 - 19:06

I'm still fairly new to web development but I'm getting pretty comfortable with HTML/CSS/JS and was wondering how I set up an environment in which I'm pushing updates to my website through git/github? Everyone says to learn git and I've taken some tutorials but I haven't found anything that shows you how to set it up?

Any recommendations on a guide to getting this setup?

submitted by /u/aviato23
[link] [comments]
Categories: Web Development

Run a small weekly print newspaper and want to offer each publication on our website as well. What's the best way to showcase these weekly PDFs on our site?

webdev: reddit for web developers - Wed, 01/17/2018 - 18:16

I'm not sure if I need a locally installed application like Flowpaper that generates it's own files which get uploaded to the server, or just some sort of fancy (page-flipping/responsive) PDF reader that works with the PDFs I upload.

Anyone have experience to share? Likely going to be a Wordpress platform.

submitted by /u/specialk45
[link] [comments]
Categories: Web Development

Are web developing/coding/programming jobs here to stay?

webdev: reddit for web developers - Wed, 01/17/2018 - 17:24

I read an article saying there's going to be a major shortage of coders, etc...

I'm at a loss of what I should do in life and was considering getting into programming.

Just a two year diploma and a decent paying job with some job security?

submitted by /u/nitzer909
[link] [comments]
Categories: Web Development

Concate CSS question. Combining css files into one file.

webdev: reddit for web developers - Wed, 01/17/2018 - 17:00

Hello all, I am new to web development, and I had opportunity to work in online content development department on a campus. One of my job is that I need to combine all CSS file into one file, and I researched that Gulp can perform this task. I believe it's called CSS concat and minify. So I made bundle.css by using Gulp, and have started change each HTML's css link to bundle.css. My question is how bundle.css can figure out what CSS portions to use for every different HTML page? I am still confused about the concept of concat. Any input would be appreciated and helpful for me. Thanks!

submitted by /u/sosur0414
[link] [comments]
Categories: Web Development

Is there a tool to compare the output of the same website from different browsers automatically (generate a diff)?

webdev: reddit for web developers - Wed, 01/17/2018 - 16:22

I am a backend guy and recently started to wrap my head around the frontend world. One question that came to my mind was: is there a way to automatically generate a diff of the same website rendered by different browsers (running some session)? What I mean is I want to automatically get notified if e.g. IE renders a button slightly different as Chrome.

All I could find were tools/websites that let you store a session and replay it for different browsers. But in the end you have to sit in front of your computer and find the diffs by your self.

submitted by /u/pheymann
[link] [comments]
Categories: Web Development

Responsive design: fonts - best practices?

webdev: reddit for web developers - Wed, 01/17/2018 - 15:16

Hey, I'm new to responsive design and I was asking myself what are the best practices or standards to make fonts responsive? Do you use em, rem, %, px? Why do you use them/why not? Combine them with media queries, so they will adapt to the size?

submitted by /u/Fasyx
[link] [comments]
Categories: Web Development

Do you use deep learning in your development?

webdev: reddit for web developers - Wed, 01/17/2018 - 14:45

I saw that this repo, that converts wireframes to HTML and CSS, is trending on Github. AirBnB has a tool that does kind of the same thing

I feel like these kind of tools will change our way of working and that using deep learning in your workflow will become quite common in the next few years.

Do some of you already use these kind of tools? What's your experience with it?

submitted by /u/strupwa
[link] [comments]
Categories: Web Development

My Journey This Year

webdev: reddit for web developers - Wed, 01/17/2018 - 14:38

I currently work as a Systems Engineer for a smaller defense/aerospace company. I have been here for about 2.5 years. I have a ton of reasons why I want to leave but rather than list those I will list what I want in the next part of my journey:

  • build skills that can be used to start a company

  • working 0 hours per week. I don’t mean not working I mean not feeling like everything I do for a company I own or work for is "work" (even though there are things that will seem that way).

  • strong community, i.e. you can go to almost any major city and find meetups for ReactJS or a Hackerspace that hosts events regularly.

  • working remotely (I like coming into an office and seeing the people I work with, but being required to be there is something i really don’t like).

  • flexibility to work in a wide variety of companies.

  • work with bleeding/ cutting edge tech

  • ability to take on multiple roles and expand on skill set

  • have a positive impact on black and latino communities (i would like to start a program that teaches kids and teens how to code).

In college I studied Mechanical Engineering but was offered the job at my current company before I graduated and figured it was the best option as I did not know what I wanted to do in the long-term at the time. When I graduated I was really interested in mechatronics. Unfortunately I found it incredibly difficult to apply for jobs in the field as everything required a Master’s Degree and a ton of experience I didn’t have, additionally it was really difficult to find weekend projects that would give me exposure to this field. I did not want to go back to Graduate school at the time and so I began to explore other tech areas such as Drone Countermeasures, Cyber Security, 3D Printing (spent almost a year working with them), Aquaponics, app development, and other small business ventures. I'd usually spend anywhere between 20 and 40 hours per week on these things on top of the 40 hours spent a my job per week.

What I’ve done this past year:

Last year in March I began reading heavily on Ethereum and other cryptocurrencies and became extremely interested in smart contracts and the potential for decentralized applications. Since then I have started the following:

  • working on an open source project that involves cryptocurrency

  • learned how to develop the frontend of an application through online tutorials (currently learning backend)

  • understanding the advantages and disadvantages of centralized/ decentralized systems

  • familiarized myself with various Developer technologies

  • practiced coding algorithms in C++ and learned some of the basics of Rust (really like Rust, look forward to using it more in the future)

  • studied computer networking, distributed systems, P2P protocol, cyber security, cryptography

  • studied entrepreneurship/ startups/ and technology trends

  • learned some of the computer science fundamentals through a course at NYU

  • learned about the blockchain, cryptocurrency and its potential use cases

  • developed a (small) network of friends who are either developers or interested in startups

  • focused on producing content and being creative, i.e. blogs, apps, posts

Plans going forward:

At the moment I am about to leave my job as a Systems Engineer by mid-February and transition into Software Development full time either for either working myself or for a company I that I find interesting. I am located in New York but want to move out west this year, mainly because I want to live in a city that is less expensive, and more outdoorsy while I re-adjust (open to applying for jobs in other cities). Last month I took a trip to Denver, Salt Lake City, and San Francisco and visited DevMountain (south of Salt Lake) and Galvanize in Denver. I liked DevMountain a lot and plan on attending in March this year. After graduating I want to move to Denver and stay there while I search of a full-time position at companies that work with blockchain/ P2P/ distributed systems, and work on my own projects (at least two of them I would like to get funding for). My long term goal is to work for myself or start a company. I know that this is not easy by any means so it is my stretch goal that I will work towards while I developing experience, networking, and applying for jobs.


  • I have a good amount saved to keep me sustained for about a year, more than that with conservative budgeting.

  • When in Denver I will most likely sublet a few different places until i generate a stable source of income.

Thanks for reading, any feedback would be greatly appreciated.

submitted by /u/scottlabs
[link] [comments]
Categories: Web Development

Website is responsive when tested through various tools, but when viewed on mobile it appears "zoomed out"

webdev: reddit for web developers - Wed, 01/17/2018 - 14:34


For school I'm required to make a website showcasing the product I'm working on. I've chosen bootstrap, since that is what I'm most familiar with and it makes responsiveness quite easy.

Along the way I checked responsiveness using Chrome Developer Tools' device viewer. It showed that the site was behaving how it should - so I never worried. However, now that I'm hosting it on GitHub pages, it appears broken. I want the the page to look like it does on the Chrome device viewer.

I find this quite hard to explain so I'm just going to show some screenshots.

How it looks like on desktop

How it looks like on mobile through Chrome device viewer

Now, when I open it on mobile, it loads like this

and then when I zoom all the way out, it looks like this

Hopefully the screenshots illustrate the problem. I've googled for a bit, and the only solution I found was putting

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

in the <head>, but that has always been there so I'm not sure what else I can do.

If anyone wants I can PM the link (not sharing publicly because it contains personal information).

Thanks for any and all help. :)

submitted by /u/DylanBoss
[link] [comments]
Categories: Web Development