What are /r/Web_Development's favorite Products & Services?

From 3.5 billion Reddit comments

Cache Busting

Edit: In case you're still reading this, if you use webpack (or the like), some will come with cache busting built in. Just thought I'd add that little tidbit

>I was thinking maybe i should start learning dreamwiever - what the truly pro developers use

Stay away from dreamweaver. It's a very expensive, bloated P.O.S that generates garbage HTML. Take a look at something like Sublime or Visual Studio Code(they aren't WYSIWYG editors, but they are very very nice to work with).

I would suggest you look at CodeIgniter. It's a pretty lightweight MVC framework for web applications with quite a low barrier for entry. Think of a cool web service or website and then use CodeIgniter to build it. Maybe once you're quite handy with CodeIgniter go look at Laravel or CakePHP or Zend.

I find the best way to learn new things is to come up with a problem that I have, or that exists and then use that thing to solve it. Maybe build a grocery list web service(like just an API) with CodeIgniter and then an android app to connect to it and add/edit/delete grocery list items.

This would teach you about:

• HTTP and HTTP status codes and what they mean
• API development
• Java (for the android app)
• CodeIgniter
• MVC architecture

Optionally, you could expand that to include:

• OAuth on the API
• User login and authentication on the API (so you can have multiple people's grocery lists)
• Git (for versioning the web service and mobile app)
• Git integration (you could configure the web service to deploy to production on git code checkin, and the android app to deploy to google play on code check in)

Happy to answer any questions on any of this.

First of all, polling is definitely the cheaper and less scalable solution, it is generally recommended to avoid it nowadays.

You should start by reading this whole page. Especially the section about receiving messages.

That is just the front end part. You need to have a webserver that has a socket open and sends events to the front end using the socket.

The documentation above is the raw JS implementation. Many popular front end frameworks provide a wrapper or syntactic sugar for this API. The basic idea stays the same.

Asynchronous programming is a complex topic. Your application could become very confusing if you don't follow established design patterns. You might want to take your time to read some more about the flux architecture pattern which is one that works rather well for async front end apps.

There are dozens of threads on reddit about this. Just google for "reddit learn web development"
You can learn on your own using udemy.com courses or just googling more.
Don't waste your money on a bootcamp. At $12-$15k , those 12-16-week bootcamps are a terrible ripoff and you don't learn all that much. However in some cases they do partner with companies so it can help you get a foot in the door for your first gig, so research them if you must.

​

To address your last statement.
- getting a college degree opens more doors when you're a beginner [if you can do it in less than 2 years, do it]
- longterm, experience is all that matters [within 2 years you'll have more exp than just about any recent grad]
- drawback of not having a degree is that some companies will not even look at your resume for certain positions.

Okay. Before I get into this - I'm not trying to be "that guy" - but stop using WYSIWYG editors. Seriously. They do a lot of "magic" which means that ~~if~~ when something goes wrong, they give you some cryptic error message and nobody is any the wiser about what's wrong.

Now back on to your error message...

>I used filezille to strip everything off of my server then I attempted to upload the new site using Expression web and an error popped up stating "Failed to change directory to folder name: /folder name: No such file or directory (550).

Prelude: I would strongly suggest not using FileZilla. Here's why. Go check out WinSCP instead it's what I used to use at work (Software dev by trade).

Now, on to the error message you got - a quick google search suggests that error 550 is from the FTP server (thanks for including the error code btw, that makes it much easier to search:) ). Basically what it's telling you is that you're trying to push stuff to a directory that no longer exists. Since you " used filezille to strip everything off of my server" I would hazard a guess that Expression Web is trying to put your website into ./public_html which no longer exists. Try recreating that directory on your FTP server and see if that sorts things out.

JavaScript, and jQuery. Give this free Javascript Essentials course on Udemy a try to get a brief understanding of how it works. For more practice programming with JavaScript, take some FreeCodeCamp exercises. Once you have a pretty good feel on how JavaScript works, then take a shot at learning jQuery, which makes certain things easier to express programatically. By learning and understanding JS first, it'll give you an easier time understanding what's going under the hood in jQuery.

Actually, if you can spare $45 right now, try using Groupon for a Lifetime Membership.

I mean there are lots of these sites that already exist; see freelancer.com and fiverr.com.

To go about making your own though it might be easier to make it using PHP rather than using wordpress and hoping to find premade plugins that answer your problems.

I just checked, they do provide RSS. Looks like this might work: https://ifttt.com/applets/147561p-rss-feed-to-email. Sorry I didn't know what RSS is.

Consider aiming for a Udacity Nanodegree. Not only do they teach everything to you practically, they'll also help you with getting a good job with the amount of pay you deserve.

Its likely your web host does not support Node.js, although I would check with them first.

If they do not, you will need to host your Node.js app with a hosting service that does support it. I believe the most commonly used host would be Amazon Web Services although here is a list of others.

Unless you have a specific use case in mind for an existing app, keep it clean and start with just React by itself. Use [Create React App](https://reactjs.org/docs/create-a-new-react-app.html) to get started, the build out an API in PHP if and when the time comes.

1. What's your reasoning for the login page to be SSR? I would assume just putting everything in an SPA should work just as well-
2. I would say it's probably fine. Using express it would be pretty easy to separate the code, so should you later decide to move it to it's own server fairly easily. I'd also recommend checking out something like pm2 to run node in prod (here's a decent article on it).
3. Sounds about right. You can configure some express middleware to only run auth checks on yoursite.com/api for instance

Although Oauth may be a bit overkill for if you're not planning to allow people to build their own apps on top of your project. It mostly makes sense if you want users to securely give permissions to a third party service.

Yes, you want to look into "Source" or "Version" control.

Look into Git. GitHub is another, but without paying for it, anything you put there is public. You can set up Git yourself.

I personally use SourceGear Vault. They have a free version as well for single-user developers.

You'll want to do a little more studying on the topic than this, but essentially a Version Control software should let you "check out" files, update them, and then "check them back in" (being very simplistic here). This lets you traverse previous versions, see what changed, compare differences, etc. The software will store all the separate versions in a database of sorts. And most IDEs will have integrated support for the version control, making things pretty easy and automatic.

If you ever plan on working in a larger office with multiple developers, you absolutely have to understand version control. Honestly, if you're programming anything bigger than a single page as a one-off piece of fun, you should get familiar with it. Because it will make your life a lot easier.

It's done with canvas html and javascript.

Here are some other examples. I didn't spot the actual code used on that site, because it's built with webpack so it's not just a script you can easily grab [or maybe i'm wrong]
Here are some partical animation examples: https://www.jotform.com/blog/particles-animation-codepen-97659/

If you just want somewhere to store your photos, then google drive? You can make albums and such through Google photos to share with people.

Personally, I would just kick up a quick website and throw my photos onto Cloudinary. They have free hosting up to 300,000 photos.

https://cloudinary.com

Long-polling (what you are currently doing) is not really a hack in my opinion and is a completely valid solution. It may not be the most elegant solution but it is a solution that is widely used. The major drawback to long-polling is that you are hitting the server with a request that may return no known updates. This may be a bad thing when you have a significant amount of concurrent users. I can think of two immediate solutions off the top of my head. One would be to use Server Sent Events and the other would be to create a socket connection.

Server sent events are a one-way street. You basically create a JavaScript EventSource listener that will parse the incoming data and you can then apply it accordingly. Keep in mind that EventSource, to my knowledge, is not supported on Internet Explorer, so you would be missing out there. I am sure there is another solution for IE out there but I am just not all that familiar with it. Maybe another redditor can chime in... Anyway, remember with Server Sent Events you are listening for data but you aren't delivering data the same way. For updating data on the server you would use your typical POST and PUT HTTP methods.

Socket Connections create a duplex communications system that allows you to send and receive data through the browser. A socket connection would be made to each user currently viewing your page. Technologies like http://socket.io/ have most of this figured out for you. I haven't used it but it seems like the defacto framework for creating socket based web applications. But you could always roll your own code too :)

Avoid W3Schools, it promotes bad practices and is littered with factual errors. If you want to read more about that check out W3Fools

Instead use the MDN as a resource. It's much better and since it's wiki, errors can be quickly caught and fixed.

> And I want to learn more HTML, Java, php, etc.

It behooves me to say that Java is to JavaScript as Car is to Carton, sure they have similar names but they are not the same thing. Java is an imperative language (mostly) that employs a classical inheritance structure. JavaScript is a functional language (mostly) that employs a prototypical inheritance structure. Other than the name the only major thing that they have in common is a C/C++ like syntax structure. Please don't get them mixed up.

That's a tall order :-(

Do you have filesystem access to the server this site is hosted on? Without something like that (or a developer at your side), this task is going to be quite difficult.

Take a look at import.io and see if that gets you any closer to the goal.

Maybe you could try codiad, its a self-hosted web based ide that you can open from your browser. It can be used with touchscreens. I would recommend buying a Bluetooth keyboard tho, because you will have more screen space then. Demo at http://codiad.com . Only downside is you will need a webserver with php.

Perl does pretty much everything all the other interpreted languages used on the web do. No reason not to learn it.

But know some things:

• One of Perl's (not PERL) greatest strengths is its collection of modules called CPAN. You want CPAN.

• There is lots of bad Perl out there. Don't learn it. Make your searches include the words "Modern Perl". www.perlmonks.org, blogs.perl.org, and Perl tutorials on for example Gabor Szabo's pages are better places to start than whatever comes up on Google if you type in "learn Perl". Avoid something called Matt's Scripts.

• Don't stop at CGI. Learn about the stuff you hear the Ruby and Python people talking about: Web Server Gateway Interface. Perl's version is called PSGI.

• Perl's history has affected it. It was birthed by a linguist (so the langauge makes a lot of use of context for example) who worked at NASA (so has a strong background in wrangling text and use in scientific communities) on UNIX machines (but yes Perl runs on Windows) and cobbled together from C, sed, awk, bash and other tools. So you know where it comes from and why it does what it does "in that way PHP doesn't".

Perl has lots of web frameworks available too if you like frameworks.

One place to get started: http://www.sitepoint.com/forums/showthread.php?675008-Perl-Resources sorry for the plug.

http://www.sitepoint.com/books/phpmysql4/ - This is an amazing book. I recommend it a lot on here so don't think I'm affiliated or make money off recommending it, because I don't. It really is an amazing read on the subject.

I'd recommend using Netlify for free hosting / auto deploying your site. Netlify does not have the time limit issues that Heroku does.

For common static site builders Netlify will auto detect your builder and deploy without 0 config.

https://www.netlify.com/

I use Netlify for personal stuff (free) with no issues.

><dropdown button />

><list />

Style appropriately for desktop, hiding the button or link you want to trigger the dropdown.

Add a media query applying styles below your responsive breakpoint. Add display: block; on your list items to get em in that top to bottom flow.

Since you're already using jQuery you can use that to handle the click to hide/show the dropdown with something like this:

>$('.button').on('click', function () {

> $('.dropdown').toggle();

>});

Here's a quick jsbin example: http://jsbin.com/zoroqohumi/edit?html,css,js,output

I can't see how excel would be the answer, but I have a couple of options that you could consider. First, there is balsamiq. Balsalmiq allows you to construct wireframe mockups easily. They look very basic, but truly get the job done. The next option is Invision. I love that invision allows you to make interactive mockups. In my opinion, it is one of the best options out there. I believe Invision is the droid that you are looking for :)

WebGL looks great! I am sure a talented solo developer would be able to make one of these providing not too many creative assets need to be made on the side.

The Nike one is fun and I do like how the gleec site is scroll animated. Have a look at squarespace.com it's also well made :)

Hey, I have an alternative to learning Web Dev using one of those classrooms. Go look into https://www.theodinproject.com

It's a great community to learn full stack web development using Ruby on Rails. You can also do any of the separate tracks available if you don't car to learn full stack developer to!

First off, Nick Gallagher is awesome. He is my hero. Secondly, the reason I said the use of min-height+overflow hidden seems odd is because it makes the actual height equal to the height of the interior element, not the min-height. Check this out, min-height is 2px, but actual height is 100px because each div adds 50px.

http://jsfiddle.net/5Ua5w/3/

What exactly are you trying to accomplish?

The reason I ask, your question mentions a framework, but in the paragraph I see a library.

I'm thinking you were going with plain old HTML for the entire site and Angular on some random page.

To be a bit more specific in what you've explained thus far, the entire Bootstrap package requires jQuery, which is a common JS library to tackle what you're looking for: 'special text effects'.

But if you're looking for something to work with out of the box or with minimal configuration for mobile sites, well, there's React in tandem with Material-UI for starters. React isn't a full fledged framework like Angular, but allows for you to add what you need when you need it.

This is fairly easy to accomplish with CSS. You can also add a JS event listener to start the print preview on page load. I did this for a recent project and it worked like a charm.

https://stackoverflow.com/questions/16649943/css-to-set-a4-paper-size

If you're interested in hosting it yourself, you can use Dokku, which basically gives you a self-hosted Heroku experience.

Like Heroku, you get:

• Git publishing
• Configuration
• Nginx is managed for you
• Create as many apps as you can fit onto the server
• Loads of plugins including Postgres, Mongo, Redis, Lets Encrypt, etc..

Unfortunately unlike Heroku, there's no fancy web interface but once you get used to the commands, it's fairly intuitive. Plus they have an awesome public Slack channel if you need help.

You can install it yourself on your own hardware or DigitalOcean.com has a one-click Droplet for Dokku that you can get started with for $5.

I see - yes when you think about the audience/potential users of a service like Little.domains, it is true that they are very early on in their ideation phase and are likely not in a position to be spending much money.

I know Namecheap.com offers an affiliate program so that might be they way to go.

But, as mentioned before, I'd hate for people to be tracked around the web because they used my product!

welll, by pre-packaged i meant things like XAMP which tries to install everything at once. I've run into the most problems when trying to use something like that.

Which version of apache are you using?

Edit: https://www.digitalocean.com/community/tutorials/how-to-install-linux-apache-mysql-php-lamp-stack-on-ubuntu this guide here may help you through the process of setting everything up.

In fact, you didn't even need a proper, brick-and-mortar college degree. You could've gotten something like a Udacity Nanodegree or a certification from a web giant such as Google.

Oh, if that's what you were trying to do, you should consider using sticky positioning instead. Performance will be much better, especially on mobile devices.

Be sure to look at its browser support. There are various polyfills available if you need more support.

No longer available I'm afraid.

&#x200B;

>Warning: From Firefox 47 onwards, 3D view is no longer available.
>
>https://developer.mozilla.org/en-US/docs/Tools/3D_View

https://www.freecodecamp.org/news/creating-a-bare-bones-quote-generator-with-javascript-and-html-for-absolute-beginners-5264e1725f08/

It does look like calendar does allow for payment integrations:

https://calendly.com/pages/integrations/payments And

https://help.calendly.com/hc/en-us/community/posts/360039488914-Payment-options-

So depending on how he charges on the completed service you use the standard payment that he is already using or use the same payment processor and charge the fee minus the “deposit”.

Generally I’m not a fan of pay-to-book systems as people are not used to this and will avoid booking. I generally opt for text or email reminders and confirmations.

Does he have a lot of no-shows? I would try to find out why to determine a course of action before implementing such a measure.

Sure! Also, when you are installing php/mysql try to follow some guides like: https://www.digitalocean.com/community/tutorials/how-to-install-and-secure-phpmyadmin-on-ubuntu-14-04 or the official docs: https://help.ubuntu.com/community/ApacheMySQLPHP

It will make sure that you got all the basic conf.

If you think you can markup a full webpage fairly well with semantic elements, then try your hand at CSS. When you think you have a handle on that (i.e., when you think you've made a pretty website), try adding a bit of JavaScript. That's typically how people progress in website development.

Edit: Also, consider whether you want to get into website development or app development. If you're looking to make good money, you'll want to move towards web apps.

My advice if you want to learn quickly is put everything you learn to use. It's easy to just follow the steps in codecademy or something and get a little certificate, but if you don't actually apply it and delve into everything you're going to have trouble retaining that knowledge.

If you are interested in app development, focus on learning JavaScript and then learn a front end framework like Angular, React, or VueJS. Also learn Node JS.

Other things you'll want to learn are Git (in conjunction with github.com), and NPM.

Setup a virtual machine using Virtualbox and put your webserver there. This will be a lot safer in regards to exposing it to the internet because if someone owns it, there isn't a whole lot they can do other than fuck up your VM. Backing up the VM is easy because all you have to do is shut down your VM and copy the entire folder to another location. If something happens, you just copy the files right back and are instantly restored to a working backup.

You should never use plain http for logins, or really anything at this point. Your entire site should be protected with a TLS certificate (commonly known as an SSL certificate). You can get one for free via Let's Encrypt. That way, all the data on your site is encrypted in transit between the browser and your server, and it will become significantly more difficult for an attacker to see anything - including passwords - being submitted.

To add to this, I also suggest taking a look here:

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fmoldbreaker.studio%2Fwork%2Fbranding-identity-design.html

A lot of your images aren't encoded correctly, either. How are you exporting them?

Depending on how easily you can bring it into your web app, it may be worth looking into Amazon S3.

I've used it before in Rails apps with the paperclip gem and it is relatively painless.

Also, you can host with Amazon for a year for free so depending on your needs you may be able to try it out at no cost.

Couldn't they take a lazy way of implementing a WordPress plugin on a wordpress.com site for generating a QR code for a hidden page... root directory basically is blocked or throws a splash. And, to limit to mobile devices, since QR code generators are mostly mobile based, just use media query to show selected content? It has it's holes, but most users wouldn't realize how to get around them.

I don't know what the intent of the site is, like if it has real functionality or just simply showing capabilities, but if they're just trying to make a point to the avg visitor via a project, that might be a simple solution. Literally the laziest way I could think of to perform most of the request. Still not finished with my coffee, so there's that :-)

hostgator.com

They said they can help me if I pay for the sitelock plus... which is 30 bucks a month for 1 year..

I also deleted all of my files and re-uploaded them with the old files from my site that I still had. Still, even with nothing in the public_html, the suspendedpage.cgi was still there.

&#x200B;

I'm gonna see if they can try to help me... for free or for under 30 bucks.. because this makes no sense to me.

I can recommend Hetzner, their cloud servers are capped at 20TB (per server, so you can stack them), their dedicated servers have an unlimited cap (they start at around 30E/month https://www.hetzner.com/sb/)

I have used them for the last 5ish years, sending ~45M API requests / day to an external API.

This will sound spammy, but it's actually a great tool:

Build a site with Stackbit. It bundles your theme, SSGs, and CMSs together so you can spend time customizing/improving the site without losing time with the prep. It was just publicly released yesterday at the JAMstack conf.

https://snipcart.com/blog/stackbit

This article is a basic intro but if you are interested in building JAMstack sites, I would definitely check it out.

With my most recent project, I developed the shop functionality in Umbraco and integrated it with https://snipcart.com. However, the integration would work with any CMS of your choice.

My reasoning for going with a prebuilt, secure shopping cart is just because I don't have any experience in developing a secure shopping cart/payment gateway myself. I just built the functionality within a CMS for the user to add products/sort by category etc, and left the payment part to the shopping cart.

Or just go with a completely prebuilt solution like shopify/webflow/squarespace etc.

Hope this helps.

I am completely overwhelmed.
I am completely new to all this stuff, and to be honest it is confusing. Truth is I want something very simple as a website, kind of like this. A landing page, with a few images, that is responsive and quick to use. This is what I did on wix. I feel like it could be done in 10 minutes by someone with HTML knowledge, and it would probably be more responsive than it is right now. All I need is a few photos, maybe a gif for some nice animation and a video for the trailer. That's it.

I am not entirely sure of how to use all that information you gave me. I really want to learn all of this, but I don't know where to start. Do you know where I can find some more information?

Hey icon for "edit categories" i am using https://www.flaticon.com/free-icon/edit_263062#term=edit&amp;page=1&amp;position=11 and https://www.flaticon.com/free-icon/edit_149368#term=edit&amp;page=1&amp;position=7

notepad++ is for purists. If that doesn't float your boat, don't give up hope.

If you don't go for github, I recently signed up with namecheap.com. That doesn't sound wonderful, but from what I experienced with them, it is. I wouldn't use github because I personally enjoy CPanel and the ability to make up email addresses, but Github is where people usually post their portfolios.

Funny I just went through a bunch of this trying to save as much of my halo.bungie.net profile.

A lot of us used httrack to get the job done, it does exactly what it sounds like you’re trying to do!

Something else you might want to look into, is using Harp to make your website generate a Static version. By generating static version, you'd be creating a copy of the site that is just HTML, CSS, and Javascript that can run in any web browser, without a server. Doing this, you could then host it on github pages, which is free forever and allows custom domains. Here's harp: http://harpjs.com/

Sounds like you need to start down low with the fundamentals. Codecademy is pretty good for the basics (variables, control structures, etc): https://www.codecademy.com/learn/php.

Once you're having fun with PHP there, I like to direct people toward simple frameworks like Silex (http://silex.sensiolabs.org/) to learn some good best practices early on.

Translation engines probably have no common standards, so it'll have to be a hack.

You could, for example, add zero-width joiners between the letters of the words you with to keep untranslated. Or perhaps you could do something like this (not perfect; if the translated word is wider or thinner than the original, word spacing will go weird).

EDIT: okay, I think I got it working with JS. I updated the above example. Basically, I'm replacing the content of all elements which have the attribute "data-jsnotranslate" with said attribute's value. This should override most translation services.

There are quite a few online wireframing apps you can use, most of which have free trials. I've used Mocking Bird before and quite liked it.

Also, if you have a Google account, why not just trying laying something out using the Drawing app? Ok, it's not specifically geared towards websites, but if all you want to do is sketch a layout, it should be adequate.

If you are based in UK, I would recommmend you to check ukwindowshostasp.net hosting plan. You can check their review at http://windowswebhostingreview.com/cheap-asp-net-hosting-uk-ukwindowshostasp-reviews/ and http://www.asp.net/hosting/hostingprovider/details/1025

Hello,

It all depends on the architecture of your website. Could you give a bit more info about language, framework, architecture?

The idea is that your backend somehow knows that you are authenticated while making requests.

Some options there: creating your own auth solution or using something like firebase or auth0 (https://auth0.com/).

Auth0 for example gives you an injectable component as well as auth service for backend.

If you are looking for something custom: If you have a backend and single page app, have a look at jwt.io as protocol between client and server. Use a safe encryption protocol, never save passwords,...

There are different auth flows for different architectures.

It depends on a few things.

1. How much do you know?

2. How much do you want to learn?

3. How quickly do you want to build it?

If you know something about one of the languages you mentioned, be it Javascript, PHP or Ruby, then by all means go with what you've already started learning. You'll find it easier to get the principal programming idea down easier when working with familiar syntax. Then, switching from one language to another isn't as daunting because, well, you already know how to program.

If you don't know much of either language and would just like to start something, I highly recommend Javascript. Not because there is anything wrong with Ruby, but because Javascript can be used accross the entire stack. So when you go from the server to the browser you're not learning a second language on top.

If Javascript is your choice then I suggest running a few tutorials on some different frameworks and see what you like. MEAN is good, and there is more than one way to use MEAN (Mongo databse, Express server framework, Angular client framework, Node), but there are other options that you might find more intuitive.

If you're not concerned with learning every tidbit and just want to get things rollling, then Meteor is a lot of fun to work with. I really like Meteor, but I also don't suggest it if you want to really learn everything.

No matter which method you choose, make sure you google/bing for security measures that you need take to make sure you and your users don't get hacked.

P.S. avoid jquery where all possible. For one, you'll learn more about javascript by not using jquery and two, it just needs to go away.

If you need a multi-user authentication system with a login page then you will need PHP and MySQL. Otherwise, Apache can password protect directories. You're also storing, processing and retrieving values though so you do need a database and a scripting language. I would recommend PHP and MySQL for a beginner.

This single book will teach you everything you need to know to complete this entire web application and it is a short and easy read: http://www.sitepoint.com/books/phpmysql4/

What web server are you using to serve your site? How was it built, which frameworks (if any) and in which language? When you say it's slow, which part is slow? Does the initial request linger before images are displayed, or do images slowly load in after page load? Use F12 > Network to determine which requests are taking the longest.

I could suggest caching, but I need more information to provide you effective advice.

Oh and I guess you mean "load" when you said "charge".

edit: you could also run something like PageSpeed Insights and see what recommendations it makes.

I don't know of any tool that checks if all resources loaded are actually being used. But for testing performance and getting hints on aplicable fixes, I mostly rely on Google's PageSpeed Insights and Pingdom's website speed test. Hope you'll find them usefull.

This is crude, but it shows "Hello World" at 6-12 seconds. Having said that, it doesn't work in full screen mode, so you may have to disable that. Can be styled any way you like really. Were I to make this into a full solution I'd probably have an array of objects, with startTime, endTime, posLeft, posTop (for absolute positioning), elementSelector. Then every second just iterate through the array using array.find(i => videoCurrentTime >= i.startTime && videoCurrentTime <= i.endTime); then use that object to determine what to show and where. It's not a super solution, but it would work (except in full screen).

http://plnkr.co/edit/9XrolG6c2J4RuydSPWh9?p=preview

https://www.pulno.com/shared/e9805434c91afa64

There is no mobile version, index.html and / are both linked and are the same page. There is nearly no content on these pages and I couldn't find any backlinks pointing to your website.

You could just use Cordova and build it for both.
https://cordova.apache.org/
Depending on complexity, there may be native features that won't work, but for most apps this is fine.

If I understand you correctly create some relations between your tables. Don't know if this fits into your application, but if you are using PHP & MySQL, Laravel makes it really simple to create such things.

Have a look especially at http://laravel.com/docs/5.0/eloquent#relationships.

https://strapi.io/

Haven't used professional but was scoped for a potential part of one (don't actually understand why we didn't use it). Seemed pretty good in the small amount of time I had to play with it.

I'm not going to be of any help, but I've been kind of wondering this myself lately. There's a lot of stuff I just want to track, or log, or do whatnots with. I don't necessarily wnt to go through the whole 'process' but i want to be able to interact with a database. I've used mysql and mongodb before, but they always seem cumbersome and like I go down too many rabbit holes before I actually get to do whatever odd thing I was thinking of playing around with.

I feel like I've heard about a database 'service' type thing that basically just lets me easily set it up and talk to it but I can't remember the name of it.

I used google's firebase (https://firebase.google.com/) a while back so I'll have to take a look at that again, but I thought there was something even easier.

I believe the reason that WordPress is such a popular platform is the endless ocean of templates. Over 5,900 shown on ThemeForest. Prices range from pretty low to ridiculously high! Even if you search other sites, you'll come across a vast overwhelming choice of templates to choose from.

There are many great things about ProcessWire. One of them being that any template or layout can be achieved. This is quite opposite from WordPress, where you can install a theme/template with a click of a button (so I have read - I don't know, never used the damn thing). ProcessWire does not have a simple way to install a template, because the 'system' does not confine you to anything, the way WordPress, Joomla, or Drupal. Any type of website or webapp can be build. Every single field IS a custom field, by its very design. LOTS can be accomplished before even considering the use of a module even.

YOU MUST know HTML and CSS well enough to build your own template OR you can just use any existing HTML template and simple just insert the required PHP syntax to populate your data!!!

This little snippet is enough to get started <?php echo $page->field_name; ?>

field_name could be the title of the page, a header, a paragraph, or anything you created!

But what if I don't know how to code?

PLUS I have found that the forums are a bunch of friendly guys and girls. Asking for help is always met with courtesy and directness, no one being rude and telling you to Search or Go Google It! lol

You don't need to spend money on Dreamweaver to make websites. All that is needed is a text editor and a browser. The people who view your website might well be using an older computer or a low-end smartphone, so there's usually no point to cater for the latest and greatest hardware anyway.

That said, having a decent computer can make development more comfortable. Even though notepad.exe is technically sufficient, people generally tend to use more advanced tools, such as Sublime Text, Atom or WebStorm, because they can offer helpful features such as syntax highlighting, auto-completion etc. For your purposes, WebFlow might be a viable choice.

Web development on a tablet is certainly possible, but it's not very practical. At the very least you'd want to have a bluetooth keyboard for typing. On-screen keyboards are generally awful for coding.

tl;dr: If using the Internet on your laptop isn't frustratingly slow, you can totally use it for web development.

If you know the height of your wrapping, containing div while your inner content div will be expanding dynamically (ie, the inner div is of unknown height), you can do this: http://jsfiddle.net/xWLJP/

Basically, you set the height and line-height of the wrapper div to the max height. You set the inner div to be an inline-block with normal line-height. This works great back to IE7.

Edit: I'm doing this here for the red titles since they could be either one or two lines but the wrapper absolutely could not change height (design decision, not mine).

You're trying to access a toggle class in your JavaScript, where in your markup it is an id.

Edit: There are a lot of other issues with your code. You should add the event handler to the li elements, rather than the ul. In your markup you open a ul and immediately add a div, this is not valid markup and will cause issues.

I've written a basic pen for you, which should help you on your way: https://codepen.io/seemc0/pen/rmLyKv

Just HTML, Bootstrap, & JQuery for forms is far easier for me than WordPress or Wix. I got my own templates saved, but ctrl-u on getbootstrap.com and you can have a static site in a couple hours.

IDK, I can't stand most page builders, just simpler for me to change a html class, but Elementor in WordPress is far better than Wix in my opinion.

Fantastic! Love the design, well done :)

I do notice how the site is not responsive. ie does not resize for different viewports eg iphone, ipad. This is not ideal in today's society as 80&#37;* of content is now viewed on portable devices. *Not sure exactly how much but the majority!

Challenge - build it again based on a framework called Bootstrap.

https://getbootstrap.com/

GIT is basically like Google Drive, but for code. It's a place to store your code,share it with others and it allows multiple devs to work on the same things.

You will use it daily so i suggest you get comfortable with it. You can get some practice here - https://try.github.io/levels/1/challenges/1

On a related note, i am very happy with https://www.freecodecamp.org

They taught me a lot and i can't recommend them enough to anyone who wants to become a web developer. I'd give them a try if i were you!

You could look into DotNetNuke, or Umbraco if you want something for free. I don't see the point in using Wordpress if everybody is familiar with Windows. Seems like it would introduce a pointless learning curve.

In addition to Google Pagespeed Index, I like http://www.webpagetest.org and https://gtmetrix.com. They both provide some additional details that help you identify the underlying elements that are causing performance issues.

Clockify has a VS Code extension that connects to my account and allows me to select the project, feature, rate, and a ton of other options. It's also 100% free, although there might be paid options but I've never came across them.

I honestly don't know what it would take to get me to switch, but I'm interested in hearing how you would compete.

web dev starts with javascript imo, get the books, eloquent javascript & HTML, CSS and JavaScript All in One, Sams Teach Yourself: Covering HTML5, CSS3, and jQuery. that way when you're ready to move onto javascript courses on Codeacademy, you can have these as alternate means of study.

I have begun writing my notes about code down after reading about how harvard grads study -- one of them being writing down the notes for a memory guide. > if you tend to write all caps, write mostly lower case, if you just dot your paper for your i's or write your a's a certain way, do the more traditional a with the hang over it, or instead of a dot do a hollow circle. This serves as a way to recall, as it's abnormal and a sort of landmark for your brain to pull new information out.

no one learns one way, figure out what is best for you and stick to it, creating websites is a fuck load of fun.

also a cool tip i've recently heard last month. when you're writing code out, you don't need to write it in one complete sentence in one go.

just do it piece by piece, and i guess the best way to describe what I'm talking about is... with divs but this applied to all coding languages especially javascript.

so instead of writing <div class="branding"><a href="/">Brand Name</a></div> one piece at a time goes a long way, as you need all these parts to complete it, so just write it out first then click back into them and write the rest.... piece by piece

1. <div></div>
2. <div class="branding"></div>
3. <div class="branding"><a href=""></a></div>

for example..