![Parallax Effect in Canvas [updated for 2024]](/img/o.gif)
10 ай бұрын
Жыл бұрын
Жыл бұрын
Жыл бұрын
2 жыл бұрын
2 жыл бұрын
2 жыл бұрын
2 жыл бұрын
2 жыл бұрын
2 жыл бұрын
Пікірлер
@shinra358 Күн бұрын
how do you do it based on depth map color? like if i wanted to choose a color range on the depth map of 150,150,150 to 255,255,255 - i want the blur to start at 151,151,151 and get stronger as it goes toward 255,255,255 (which would be more accurate than your flat gradient technique.
@playmaker5515 6 күн бұрын
SLOWWW DOWN
@Mahdi-bb4hg 10 күн бұрын
Adding 'in Canvas' to the end of your video titles make it very confusing. In case you weren't aware, HTML 5 has an element called Canvas. I get your videos are for newbies and they don't seem to care, but if you care, these titles just make you look like you have never heard of HTML Canvas. I can't believe I have to explain this.
@HowToCanvas 10 күн бұрын
This channel, called HowToCanvas, is dedicated to teachers who use the Canvas LMS. They’re the target audience.
@Mahdi-bb4hg 9 күн бұрын
@@HowToCanvas Then it should be called 'so and so in Canvas LMS'. I'm not here to argue, but you are essentially teaching web related technologies and you expect people to magically know you are talking about Canvas LMS, rather than the HTML Canvas?! Anyway, this is just a feedback. These are your videos and your channel. Do whatever you think is best for your audience.
@subhashnegi777 17 күн бұрын
Thanks a lot. It really helped.
@tackmerci9313 18 күн бұрын
I believe Publish format is no longer available in Storyline, Am I wrong ?
@leatherguru8904 24 күн бұрын
Not really clear at all. Was instructed to use zoom to make a video and show desktop and find this useless.
@edwindungdung1998 Ай бұрын
Dude, I spent way too much looking for this. Short and concise. Exactly what I was looking for.
@trangloren7354 Ай бұрын
Lovely video. Thank you so much. I have a question that whether you have all Canvas quiz templates for (Fill in the blank/ Fill in multiple bank/ Multiple drop down/ Matching ...) in CSV format? If you have could you share the template. Thanks in advanced
@LauraAyalaReyes Ай бұрын
SO useful! I scrolled and scrolled till I found you..! Thank you so much! :D
@GibblyCo Ай бұрын
You should check out Gibbly! We have a Canvas integration that's a lot quicker!
@edluinstra Ай бұрын
Easy if you know how, hard and frustrating if you don't. The video goes too fast and skips over details. No problem if you are an expert. Note that sometimes the Gradient tool is not present on that left-hand panel. The method doesn't work if you happen to have the photo selected instead of the mask. Selecting Filter > Gaussian Blur makes it impossible to control the blur. My default is black/white, not white/black. Eventually I got it figured out. Thanks.
@soul.rebel1986 Ай бұрын
Great tutorial, thank you! Im planning to use Canvas free for teachers, and my UI looks different. Do you know if its possible to use inline styling to get the same results?
@daspiel Ай бұрын
But if you use the link code does Canvas translate and fix the url when copied to a new course?
@BrianMarcWhittaker 2 ай бұрын
This is a time-saver and a helpful solution.
@BSFord 2 ай бұрын
Great tute! Thanks!
@ApparatusSolutions 2 ай бұрын
Great tutorial! I definitely want to try this out for a team bio page I have to design. I have a question--if I save my PowerPoint presentation as a PDF document, will the hotspots/pop-ups I designated translate over? Basically, will they work the same way in a pdf reader as they would in PowerPoint? Since we submit proposals in pdf format, I'd prefer to know if it will actually work before I get started. Thanks for any insight you have on this!
@Dopeeee_69 2 ай бұрын
Only 1 hour long for this video, and I learned so much from you. Thank you so much !!!!
@taylanksen 2 ай бұрын
Awesome information. Thank you!
@chaylalalonde9589 2 ай бұрын
@how to canvas can you replace the text pop-us with photos instead? I'm working on a site analysis, and would like to create an interactive map that when hotspots are clicked photos from my site walk pop up
@WalmartFan0 2 ай бұрын
Thanks
@banipuri3285 2 ай бұрын
What is the best screen reader for students in Canvas courses?
@TriPham-j3b 2 ай бұрын
That computer base
@EmilyMontgomery-j3b 2 ай бұрын
I've uploaded 6 audio files (all m4a) and have used the html code to successfully embed 3 of them, but the last 3 aren't working. It shows the player, but nothing happens on click. I've tried uploading new files, starting a new page from scratch and adding it, and nothing is working. The files play just fine when I use the built-in 'add media' feature with the ugly player. Any ideas?
@marksimpson4459 3 ай бұрын
Would it not be better to upload into your Canvas files and link from there so that you do not have to worry about the link to your Google or OneDrive? Then if you copy the classroom the file is always part of the course.
@jolenejohnson6368 3 ай бұрын
I wish I could create a mini course with powerpoint slides where the students would be able to click the triggers (like articulate storyline)
@mariabanks1256 3 ай бұрын
That was awesome! Thank you,
@circlesthesun 3 ай бұрын
I've rolled classes over from last semester into the new semester. I see that students are taking quizzes from previous semesters and the grade is appearing on my current Canvas. By chance do you have a suggestion for this issue? I've searched online for a solution. I've had no luck.
@briangabert2996 3 ай бұрын
You show how to add explanations at 8:20. How do you add the explanations to the Excel table so that it gets into Canvas? Is there a separate column that needs to be added? Same goes for positive feedback at 8:40. How do you get the feedback from ChatGPT to Canvas? Thank you!
@learncommercebusiness 3 ай бұрын
Thank you so much
@BrianMarcWhittaker 4 ай бұрын
Does it retain custom design, animation, and typefaces/fonts? I have embedded PDFs to retain the design, but it lacks interactivity.
@BrianMarcWhittaker 4 ай бұрын
Are you Orlando-based?
@magnokheemberlie3295 4 ай бұрын
Merge shapes doesn’t show up if i select 2 shapes, I’m using Microsoft PowerPoint 2010
@sassysllc 4 ай бұрын
Is it possible to add a button to a tabbed Canvas page that will take students from the bottom of one page to the top of the next tab? I've been trying to figure out the code on my own, substituting "tab-2" for the href, but it doesn't seem to work. Thanks for your help! <a class="btn btn-large btn-danger" href="#tab-2">Click Here to Read Workplace Communication</a>
@SangeetaDhawan-q3y 4 ай бұрын
I just want to thank you so much for this. I just used the code to make a timeline and it looks AWESOME. Thank you. And, I like your hair, straightened or not. :)
@timothychinye6008 4 ай бұрын
What does this have to do with canvas? This is just HTML and CSS?
@LindaJu-y4t 4 ай бұрын
That's a great session. Thank you very much!
@theshabster69 4 ай бұрын
Another great video, thank you! I have a query relating to the image you add to the text box in the first part. When I go to add an image to the text box, it only adds the very top part of the image and I can't figure out a way to reposition it so the image fits the wave like in your video. I've tried with several images too. Any ideas?
@SeanNufer 4 ай бұрын
If you go to the shape ribbon, click the drop down on the crop button and select fill. You’ll be able to adjust how the picture fills the shape.
@theshabster69 4 ай бұрын
@@SeanNufer thanks for the prompt reply! I don't seem to have a crop option available. If I select the dashes in the text box, I get a 'Shape Format' ribbon that I can select, but there isn't a crop option to select like there is if you select an actual image and select the Picture Format ribbon. It's at point 3m 35s in this video where an image is added to dashes in the text box, if that helps?
@theshabster69 4 ай бұрын
@@SeanNuferjust to add to the above, occasionally a picture does drop in more centrally, but unsure how as I can't find that crop menu you mention. However, when it does drop in centrally it looks stretched. But in the video here, the image doesn't look stretched. Any idea how you stop the stretching, or limit it?
@gayanguyliyanage 4 ай бұрын
Could you theoretically create a hover transition, where when you hover over a button it changes to a different image?
@alejandrarossignoligreenva8181 4 ай бұрын
Thank you for all of your How to Canvas videos. They are amazing. I have a question for you. I would like to place two videos side by side. How can I accomplish this?
@SeanNufer 4 ай бұрын
(It’s me) I wish I had a link for you, but check the channel for bootstrap. That will be what you will want. You can put two videos in slots of 6 at 100% width.
@alejandrarossignoligreenva8181 4 ай бұрын
@@SeanNufer Thank you. You are so kind! I am a teacher and like to have nice Canvas courses. I have learned a lot from your videos. In this case, I want to create a "Video Library" page. The final goal is to have a page with 3 tabs and have about 4 videos per tab. I learned how to make tabs with you. Now I am just working on the Bootstrap grid. My problem is that I want to have the videos "centered" in each "column". I used "padding", but this is not exactly what I want. I am not a programmer and I can't do it. This is the code. Could you give me a hand? <div class="grid-row around-sm"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="background-color: #d8e2dc; text-align: center; padding: 20px 0; margin-bottom: 10px;"> <div style="padding-left: 25px; width: 90%; min-width: 60%;"> <div style="position: relative; width: 100%; overflow: hidden; padding-top: 56.25%;"> <p>< style="position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: none;" src="kzbin.info/www/bejne/Y5ivoaapq62Jd5Y" width="560" height="315" allowfullscreen="allowfullscreen" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></></p> </div> <p>Video Title</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="background-color: #ffe5d9; text-align: center; padding: 20px 0; margin-bottom: 10px;"> <div style="padding-left: 25px; width: 90%; min-width: 60%;"> <div style="position: relative; width: 100%; overflow: hidden; padding-top: 56.25%;"> <p>< style="position: absolute; top: 0; left: 0x; right: 0; width: 100%; height: 100%; border: none;" src="kzbin.info/www/bejne/Y5ivoaapq62Jd5Y" width="560" height="315" allowfullscreen="allowfullscreen" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></></p> </div> <p>Video Title</p> </div> </div>
@alejandrarossignoligreenva8181 4 ай бұрын
Well. I have been trying this code. It works but... If I start watching a video on the page, then I select "full screen", and then I "exit fullscreen", the video on the page has the wrong formatting. I have to refresh the page to fix the ratios.
@kusizee4159 5 ай бұрын
Where can I get that image? I need it for my power points presentation. Please and thank you
@HowToCanvas 5 ай бұрын
Which image is that?
@suzannekehlenbeck7012 5 ай бұрын
Thank you for this excellent breakdown! You helped me impress my boss and VP!
@LinfordLamptey 5 ай бұрын
Thank you. Also, how do I add recorded video ad the transcribed texts on the side ?
@Spacesamurai22 5 ай бұрын
Excellent presentation! Thank you. Are you familiar with any current AI applications being used in the college and career readiness field?
@KB-uw6ne 5 ай бұрын
1st person that actually explains things easily and it works. Thank you
@amandastauffer5703 5 ай бұрын
Thank you! It's funny because this is 3 years old and yet it is still the fastest and easiest way I have found to do this, and an extremely easy tutorial to follow!
@mteeters22 6 ай бұрын
OMG! I love this! And the banner video as well! I don't want to use a third-party solution that I have to pay for, and this is the perfect answer! Really want to experiment with all your great instructions! Can get really creative with my Canvas pages! Thanks for showing the HTML code also! Please continue to share your ideas!
@AmyPOCR 6 ай бұрын
Thanks for your video! I recorded a video in Studio, but there's no caption option. Has something changed in 2024?
@PrzemysawKubat 6 ай бұрын
Great video mate. Thanks for sharing.
@KristieG261 6 ай бұрын
Sean, it's been a long time since I've been able to catch your content! I hope all is well. I remember a video you made about color and contrast and readability. You also had some websites that helped determine what color contrast works. Can you direct me to that video and those websites?
@HowToCanvas 6 ай бұрын
Hey! Life has sort of caught up to me. I wish I was still creating regular content here and I really hope to again. I can’t look up what you want now (I’m camping with the kids for a few days), but look up the contrast checker on webaim. I think it’s a site from Utah State. Great contrast checker. I use a PC program I think called instant eyedropper to grab color hex.
@reneesmetana6779 6 ай бұрын
Be you. Wear your hair as you are comfortable. Matters not to me. 🙂