> for all the different screen resolutions
No. You do not make a media query for each and every possible screen size. It's inefficient, misguided and almost impossible.
Instead, you make @media
breakpoints where the content needs it. Like, at the width where the screen is wide enough to accommodate a full-size menu, instead of a hamburger. Or when there's enough room to show two or three products side by side, instead of one per row. Or when you want a sidebar to become visible when the user is in landscape-mode instead of portrait…
You should also define dimensions with relative units (e.g. percentages, ems and rems), instead of pixels. This way you don't have to redefine everything when the screen size or font size changes; the elements simply resize themself.
As for viewport units; they're great for some things. Need a section that's as tall as the browser window? min-height: 100vh;
Just keep in mind that not all browsers support them. Polyfilling is an option, or you could add fallback styles with feature detection.
AWS is really terrible with on-boarding and docs (they have a lot, they just aren't good for beginners).
I'd recommend looking at Elastic Beanstalk or their new service codestar (https://aws.amazon.com/codestar/) and start from there.
I prefer using Flask (a Python Framework) for developing (micro)webapplications. You can create a web-api in minutes which makes it easy to fetch data via js. Furthermore HTML is generated with Templates using Jinja2.
a text editor.... yes! Try Atom.
Something like 'live reload' or 'browsersync' might be usefull.
If you just want to experiment with front endy stuff why not try out a static site generator like hugo. it does live reloading and you can install it in a few minutes. Draw some ideas on paper then work on turning them into code with some filler content.
Alternatively take an atomic approach, start by drawing a couple of components (a nav bar, a picture slider thing, an fancy quote) and get them working in isolation. They will be good learning exercises and when you have a few you can start combining them to make a page. that way you can focus on some details with out getting over whelmed.
Also +1 for the CSS frame work suggestions, look at the source code.
A few suggestions: https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css,
Also it's a good habit to use .addEventListener instead of setting .onclick property.
The 3 core languages that you should know to get started in Web Programming is HTML, CSS, and JavaScript. HTML is the text that is displayed on a site, and is the whole structure of the site. CSS is what gives the site color and is already integrated into HTML (so no needing to download anything). JavaScript is a language that is used to carry out functions and processes. JQuery is another language worth noting due to it being essentially JavaScript, but extremely simplified and it is what most JavaScript developers use nowadays. JQuery needs to be downloaded from the internet since it's just an open-source language utilizing JavaScript as a basis. If you want to get more in-depth into web development we can go into PHP, SQL, and ASP/ASP.NET. PHP is a server-side language meaning that it's read by the server and can only be shown by being on a server or localhost such as XAMPP. SQL is the most popular database query language due to it's ability to be read easily and it being used along with PHP and other server-side languages. ASP/ASP.NET is similar to PHP since both are server-side languages that require a server to interpret it and make it work. Servers such as MySQL and Apache will work with no problem. ASP/ASP.NET is developed by Microsoft and is used to dynamically change the site and/or site page.
Some things to note: JavaScript is not Java in any way except for the names being similar. JavaScript is a client-side scripting language. All the languages aforementioned are good to know but they are just a generalization. Go on http://www.w3schools.com/ if you want the best introduction to almost any web development language. For PHP help, go to http://php.net/ . The only things that I didn't feel like mentioning is XML since it's just a language to store and transport data, it's integrated with JavaScript in the language AJAX.
So yeah that's about it
HTML Layout is needed to make this easier.
Put this files in a directory, then run a server, the watch the layout, I used div's to make the grids.
I hope this helps you.
Checkout github pages. It allows you to host your repo as a website, as long as it's front-end (can't host a server there, but if you have an Angular or React app that should be fine). Then you can provide a link to the hosted site and a link to the repo on your portfolio site.
I posted the links above dude
Page 1 - https://codepen.io/BhPr/pen/jGJJpX Page 2 - https://codepen.io/BhPr/pen/LzaaJb I want page 2 to go directly under page 1 (where the lorem ipsum text is). When I try combine them together, it messes up the alignment and size of certain things on the page
Page 1 - https://codepen.io/BhPr/pen/jGJJpX
Page 2 - https://codepen.io/BhPr/pen/LzaaJb
I want page 2 to go directly under page 1 (where the lorem ipsum text is). When I try combine them together, it messes up the alignment and size of certain things on the page
If you want to build a forum, then you would probably need to use a server side programming language. More complicated websites featuring things like forums or blogs are usually achieved by having a program that runs on the server and generates the html pages dynamically. That is why for instance, when you go to reddit, the page is updated with new posts automatically, nobody has to manually update html files. If you want to start learning about server side programming you could take a look at PHP: http://www.w3schools.com/php/default.asp alternatively you could try to incorporate some third party forum software such as https://www.phpbb.com
So the code would vary a lot from one page to the next? If it doesn't and you want to do it you could do it for this page https://vsco.co/inspirationfeed/images/1 I could possibly look at it and try to learn how you did it. But no worries if it would take to long and you don't have the time/want to do it.
New HTML5 Elements The most interesting new HTML5 elements are:
New semantic elements like <header>, <footer>, <article>, and <section>.
New attributes of form elements like number, date, time, calendar, and range.
New graphic elements: <svg> and <canvas>.
New multimedia elements: <audio> and <video>.
New HTML5 API's (Application Programming Interfaces) The most interesting new API's in HTML5 are:
HTML Geolocation HTML Drag and Drop HTML Local Storage HTML Application Cache HTML Web Workers HTML SSE
For learning HTML5 visit here - https://hackr.io/tutorials/learn-html-5
Although I host my sites on a dedicated server (I know quite overkill). A good way to go about it is using DigitalOcean and then you can manage sites and servers with Laravel Forge. You probably will require some knowledge on Linux commands
The first thing that comes to mind is google charts https://developers.google.com/chart/ that will require some coding, but you will be hard pressed to find a solution that doesn't. you could check out any of these http://medleyweb.com/web-dev/jquery-chart-and-graph-plugins
you need to use Javascript. Set a div on the screen the size you want. add a js function to an onclick event. Use this link to process the event and get the coords. Here I did one for you. http://jsbin.com/fubikiv/3/edit?html,css,js,console,output
RoR is a server-side framework which would do just fine, but if you're looking to have an end-user manipulate a UI, you're going to need a language that interacts with the browser, which without any special containers or plugins, would be JS. RoR could dynamically generate pages that could contain JS AKAIK, so that is still available to you. There are probably other libs out there these day, but D3 is pretty powerful when it comes to visualizations. https://d3js.org/
Start with Django. Great all around framework for you web application.
https://www.djangoproject.com/
You can now side load Linux bash on your windows for a development machine coupled with Amazon aws to host your app.
Your javascript is writing new <tbody> elements to #table. You can fix this by adding a static <tbody id="someId"> element and referencing it, by id, where you currently reference #table
Well for me? I use Atom for my editor, Terminal.app for all my terminal workers (GulpJS, Babel, etc)...
But I don't use a 'drag n' drop' service like Squarespace, it's perfectly acceptable to use a service like that if you don't have a lot of experience in web development...
But! If you want to learn? I'd start with a system like Bootstrap and learn a simple CSS preprocessor like Sass/SCSS.
That will get you started!
You may try TrueConf WebRTC widget and embed it into your web application. This is a self-hosted webinar platform, so you will need to deploy a software server in this case. This guide will give you a better idea about this WebRTC widget.
​
There's also Agora.io which provides APIs and SDKs for video embedding.
Just to make sure it's said here, the PHP approach requires PHP to be installed on the server side. If your server doesn't have PHP, then you'll need to use the JavaScript approach or use a language supported by your server.
If this is something like a static site, personal blog, that sort of thing, I'd recommend building it using Jekyll. Jekyll is basically just a build engine that will build your site from templates you create. The templates and content can be mostly HTML if you want.
I would begin with learning data structures, algorithms, systems design, and databases to get the fundamentals down. Understanding these concepts are essential even if your a front end developer so learning now would benefit you. Furthermore, learning will depend on what you want to work on. You could learn Rails, Node.js, Django, etc. No matter what you learn, it's essential to learn about scalability and how it comes to play with building a system from the ground up. The resource I can recommend Thomas Cormen's Introduction to Algorithms and supplement with online videos related to the concepts accordingly.
Oh no. It was only if you wanted to see it - the free sms service... I can get the details myself. Dont bother. Thanks. Link to an android app created by that same system
I was just expecting an ordered list about what i should learn for that purpose in this thread.