Web Development

What is this effect?

webdev: reddit for web developers - Tue, 11/13/2018 - 22:22


The top where the shark appears '3D' and moves as you move the mouse and other images in move as well

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

How difficult is it to land a webdev apprenticeship?

webdev: reddit for web developers - Tue, 11/13/2018 - 20:49

I'm a graphic designer that's looking to make the switch to web development. I spend a couple of hours teaching myself how to code every day after work. I'm pretty serious about it; I'm even considering working part-time or quitting my job outright so that I can have more time to study.

I've read about various apprenticeships around the US and I was wondering how realistic it is for someone that has no working experience as a developer to get accepted as an apprentice. I was thinking about applying after attaining at least 700 hours of learning/coding/practice.

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

Continuous Delivery with Amazon EKS and Jenkins X

webdev: reddit for web developers - Tue, 11/13/2018 - 18:56

Interested in learning how Amazon EKS and Jenkins X are combined to create a continuous delivery platform, making you more productive? This one will have you learning by doing, guiding you through the steps needed to set up Jenkins X to automate your team’s CI/CD. Read here

Featured in issue 39 of Kubelist

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

How to make a site like https://www.wonderbly.com

webdev: reddit for web developers - Tue, 11/13/2018 - 18:41

I need to make a site like https://www.wonderbly.com for a client, he needs it to make it in wordpress to be easy for him to modify, you have to put a name, and it generates a book, for example a kid puts name Daniel, and in the book in many sections apears the name Daniel

How can I make it?

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

List of silly amateur questions I have, that basically have my job at a standstill

webdev: reddit for web developers - Tue, 11/13/2018 - 18:18

So I have used BLUEHOST for my personal account for years. I have added WordPress to it, and have easily edited and built it.

So fast forward to today silly me takes a small side job building a WordPress site for a client. I'm trusted enough to get to log in to their GoDaddy account, and set up the domain name I want to build the WordPress site on.

Okay, so here's where my list of dumb questions start. Are you allowed to only have one free domain with WordPress? Because it's telling me it only works for one domain, but I thought it was a free add-on? So shouldn't I be able to have as many domains using it as possible?

I don't pay anything on my personal hosting site to have it.

Anyway, so I figured out that I could switch the "main" domain to the one that I want. So I switched the main domain, but the website is just blank. Nothing. Whiteness. I know there is not HTML or CSS code, but that also means GoDaddy didn't add WordPress to it.

My amateur knowledge is probably shining here, but shouldn't my domain with a WordPress template installed show SOMETHING?

So here's my question again in something easier to follow.

Here's one domain.


It has WordPress installed, and allows me to log in and edit the site.

Here's another domain.


This domain is what I want to build my client's website on.

In GoDaddy, how can I add WordPress to "example2", and easily login to WordPress to edit it?

Is WordPress not free on multiple domains? I'm just confused, and I'd like some help to get this quick job for this client done.

Thanks in advance. Goes to show a "simple" job is never so simple haha.

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

How can I create something that plays a song and highlights the lyrics as they are sung?

webdev: reddit for web developers - Tue, 11/13/2018 - 18:14


I am working on something for a band and thought it would be cool to do something like this. Almost how karaoke works where the lyrics are highlighted when they should be sung or has a ball bouncing over the lyric when it should be sung etc. Can anyone suggest a way to accomplish this or does anyone have any links to something I could use to accomplish this?

edit: I found this website. It does what I am looking to do (takes a while to load though) but I am not sure how to do this...


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

CSS and Network Performance

CSS-Tricks - Tue, 11/13/2018 - 17:47

JavaScript and images tend to get the bulk of the blame for slow websites, but Harry explains very clearly why CSS is equally to blame and harder to deal with:

  1. A browser can’t render a page until it has built the Render Tree;
  2. the Render Tree is the combined result of the DOM and the CSSOM;
  3. the DOM is HTML plus any blocking JavaScript that needs to act upon it;
  4. the CSSOM is all CSS rules applied against the DOM;
  5. it’s easy to make JavaScript non-blocking with async and defer
  6. making CSS asynchronous is much more difficult;
  7. so a good rule of thumb to remember is that your page will only render as quickly as your slowest stylesheet.

There are lots of options to do better with this, including some interesting things that HTTP/2 unlocks.

Check out Šime Vidas's takeaways as well. It's all fascinating, but the progressive rendering stuff is particularly cool. I suspect many CSS-in-JS libraries could/should help with doing things this way.

Direct Link to ArticlePermalink

The post CSS and Network Performance appeared first on CSS-Tricks.

Categories: Web Development

Third major refactor since I started my new job, am I kidding myself at this place?

webdev: reddit for web developers - Tue, 11/13/2018 - 17:38

Hey all, I really appreciate any insight you can spare.

Basically, I started at this new company in September, and I'm the only full time developer on this project. I inherited a repo with ~400 commits and it was an MVP of an app for an enterprise client. I don't want to comment on the code quality, but be assured that it is a source of frustration for me.

When I started, I was told to go through the app and strip out duplicate code. I got the codebase to a semi-reasonable place, about half the way to refactored, when the new business goals were given to us. Of course these goals were out of scope for the MVP, but close enough to the end product that I was told to just go ahead and start refactoring.

Now we're completely rewriting our APIs and I need to refactor again! I haven't even gotten through the other two refactors, there's no room in the budget for help. I'm starting to think this place is going to be nightmarish.

TLDR: "We're aiming for end of quarter"

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

How does jsdelivr have access to npm scripts?

webdev: reddit for web developers - Tue, 11/13/2018 - 16:30

jsdelivr.com is a CDN service that allows you to request any script hosted on npm. The problem is that you have to manually include the version number in the script, otherwise you'll get a previously cached version.

The caching provided by CDN gets in the way of what I'm trying to do. Is there a way to access npm scripts directly, using a URL, bypassing jsdelivr completely? I just want the latest version. Using jsdelivr with @latest or no version specified always gives me an older cached version.


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

Copying other people's work

webdev: reddit for web developers - Tue, 11/13/2018 - 16:11

How often do you guys steal/copy other people's work when designing apps/websites?

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

How do you organize your website backups?

webdev: reddit for web developers - Tue, 11/13/2018 - 16:06

Like every 5 days you make a backup or like version 1.0 and when changes thing create a new folder with version 1.1 and so on??

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

ELI5: What is the difference between E2E and integration testing?

webdev: reddit for web developers - Tue, 11/13/2018 - 16:05

I have seen several definitions for each, many of which seem to have a lot of cross over. I just got started with unit tests (using Jest) for my Vue/Vuex/Mongo app and want to add some integration tests. Would I write this test with Jest and use mock API responses? Or would it be more appropriate to use a tool like Cypress, and test the actual app using real data? Any resources on writing quality integration tests? I've found a lot of resources on unit testing but not much else. Ty

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

Recommend starting project template for Java using Oracle Database and REST APIs

webdev: reddit for web developers - Tue, 11/13/2018 - 16:03

Hey all, I want to practice my skills making an online retail web application. I want to use Java for the back-end, React for the front-end, and MySQL as the database. Any suggestions for a starting project template using Eclipse?

I.e. Should I create a web service project, a JPA project... or just a vanilla new Java project? Thanks!

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

GIT workflow question

webdev: reddit for web developers - Tue, 11/13/2018 - 16:00

Hello Guys,

I feel pretty comfortable around GIT, however I would like to move into more advanced stages, but I have a question about the workflow and would appreciate any of your ideas to do this.

I would like to for a project and make some changes to it.

Lets assume that project (the upstream) has a file like this:

$variable = 'hello world'; $variable2 = 'hello galaxy'; $variable3 = 'hello universe';

I make a change to $variable = 'hello planet, so I can make a pull request, and all that is fine.

Now my actual question: I make a change to $variable2 = 'hello galactic' and I want to stick with it, but I would also like to SYNC the upstream to my for because they have done some updates. One of those updates also include the change to $variable2 = 'Hello Galactic'. I would actually prefer to keep it lower case.

Now that one change is not a problem, but lets imagine there are 50 changes.

How can I can I keep updates (security, additional features) from upstream in sync with my changes, but BEING ABLE to EASILY choose what changes I want to apply to my fork??

Any help is appreciated. Thanks in advance

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

Introduced React, Redux, Webpack, and ES6 to our code. Now colleagues routinely let bugs slide in to production because they don't understand the stack.

webdev: reddit for web developers - Tue, 11/13/2018 - 15:14

A little background: I'm handle app architecture on a team of 10 people, and focus mainly on JS and React these days.

Two years ago I built our first React app. It was a huge success, and the business saw the speed advantage of SPA architectures help boost sales. Slowly everyone was introduced to the basics of React components, lifecycles, etc. and things were going pretty good. We got more requests for the same functionality, so our app has been ported over to use React for a multitude of purposes, and I introduced React Router. This year, we got to the point where Redux really started to make sense for our app in order to maintain sanity between the different mini-apps that live in our main application.

I educated myself during work time on these tools and picked them after careful consideration of their complicated nature. It wasn't an easy choice, and I accepted almost all tickets pertaining to things like Redux when they arose. During every step of the process I did dev kickoffs and focus meetings about new features and functionality, trying to spread the knowledge. I have spent countless hours hovering over shoulders, doing 1-on-1 lessons for individual team members. My superiors on the team at some point delegated all this responsibility on me and I wouldn't really expect them to fully understand our architecture, which is a bummer because they don't really express much interest in it.

I sympathize with some of the older members on the team, as I can tell they are tilted, questioning their obsoleteness and each production bug causing them to really stress. The organization is noticing all the errors though, and it's usually simple stuff that anyone who develops in React or JS would catch. The problem is though these folks are in the codebase, guessing and making assumptions, hacking to try and get things done. Our QA is very bad because of this, and often times I simply read commit messages and shake my head. Even simple CSS commits often times are done in weird and antiquated ways, but if it doesn't break the website, I dont usually mention it. I try and pick and choose my battles when I can. But sometimes things are so off that I have to reach out and say something.

I have read a few stories recently about being the old developer and dealing with this change. (Including this great article) https://the-pastry-box-project.net/ed-finkler/2014-july-6

What about when you're the one creating the change? How can you reduce the amount of anxiety felt by others when you introduce new technologies? I think our product would be less valuable without these newer libraries, but now it's less valuable because it breaks.

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