New to javascript, what kind of topic does this fit in? - javascript

I'm learning HTML, CSS and Javascript after spending a few months creating test websites on Muse. I created this layout on it https://christianmdantas.000webhostapp.com/ but I've been trying to learn Javascript to not use muse anymore. I can't seem to find tutorials on how to do that. What topic does this layout fit in?
I've been trying to look for trigger changing images, something along got lines but can't seem to find it. Any help would be much appreciated. Thank you.

You should check out codeacademy.com, It's free and has courses on CSS, HTML, Javascript, and more. Thats where I learned Python! You could also take a look at udemy but I believe it requires a subcription fee.

Related

How can I build a responsive tiled photo gallery using JS?

So, I'm trying to get started conceptualizing a project for a friend of mine and I've run into a sort of problem right away.
They're wanting to do a photography website, which isn't a big deal, but I'm not sure how to go about replicating the functionality they're seeking for their front page.
This link is an example they gave me. They're looking to have a sort of "tile" setup of images from a gallery/folder that cleanly line up along the edges of the page (if possible) and are also responsive, so when you reach certain breakpoints, the images obviously shift to have less in each row, but still keep the same clean look.
http://www.amishakpatel.com
I figure it's probably possible to do this with various client-side JS libraries, but I'm out of practice and didn't know where to turn.
Any suggestions would be fantastic, I get the feeling that this specific part of this project is going to be more complex that I originally thought, and I'm not SUPER experienced in the art of writing responsive layouts, but I wanted to give this a shot and get better at it.
My original plan was to develop this thing as a WP website/theme, but now I'm almost wondering if due to the nature of the project that I should maybe just use WP for the backend and content management, then do the front-end separately using front-end that I'm a bit more comfortable with (React) as it's looking like the whole project will be heavy in JS anyway to do the stuff they're wanting to eventually do.
Thanks in advance for any suggestions!
After reading the advice given by the few folks who commented, I did some digging with Mosaic/Masonry layouts, and found this:
https://www.imagely.com/wordpress-gallery-plugin/
I'm gonna give this a shot, which lets me stick with WP for a platform for ease of use, keeping the whole project simple.
Thanks a lot, folks! I figured there was PROBABLY a word for what I was looking for in terms of layout, but didn't know what to Google. :P

Dynamic Masonry Gallery using JavaScript and Bootstrap

I wanna create a gallery full responsive and dynamic like this: https://www.pixelflakes.com/work/
Where I should start looking for some good stuff to really understand how to create this? I'm a beginner at JavaScript, but I'm pretty good at html, CSS and bootstrap.
thanks for the help!
I came across a demo that might help you understand how to create a gallery like that. Also mensonry's codebase is available on Github. Considering that you're new to javascript, it might take some time to grasp but you'll be alright after putting in some effort.

Starting Out In LiveWeave

I have been trying to make cute little games recently in javascript, using LiveWeave HTML/CSS/javascript playground. However, I can't seem to figure out how to properly insert javascript. What blocks do I use? Could I put the script in the HTML? The reason I'm asking is that I tested it out by making a few rects around the screen, yet none showed up. To help, please go to http://liveweave.com.
Best Regards,
Dominic

How to prevent window-resizing affects your elements

Okaay, ive been dealing with this problem for quite some time now, and i really need to get an answer now :D The problem is, when im resizing the window, all my elements just messes up. When i try resize other websites(could be anyone; facebook, twitter, even stackoverflow) it does NOT harm any elements. The view just get smaller. How do i do this?
General answer in a general tone:
Conduct some research on responsive web design practice. Learning about different types of layouts (Flexible, full responsive etc.) will certainly help understand the possibilities you have with only CSS and HTML. At least discovering this knowledge will enable you to speak more closely with your developer and head in the right direction.
Cheers!
LaddtheImpaler

Rotating images + content - jQuery or MooTools?

I've found a feature on two different websites that I'd like to include on one of my web projects, but I can't figure out how they're doing it. I think they're using either jQuery or mootools, but I'm not sure.
http://www.x-plane.com/index_desktop.html
I'm new here so I don't have the reputation to post the other link, but if you do a Google search for "Andrews Institute of Orthopaedics" its the top result. I'll see if I can answer a few questions to earn my keep.
The thing that I like about these is that the images and text (including links) are all rotated together. I've done a few web searches related to cycle, rotate and slide but it's not coming together for me. Can anyone give me a nudge in the right direction?
The page you linked is using prototype for this (usually because that's what the author knew, as with most libraries), and it is custom script they've written. However, jQuery has a lot of plugins with various styles, just see what one fits your taste best. I'd suggest taking a look here and a look here.
Anything you find can be automated on a timer like the site you linked, or use buttons, or both. These are all pretty flexible, I'd start by finding the plugin you want, try and get it going, then asking a question here if you have problems getting it to behave exactly how you want.

Categories