Тёмный
Frontend Hero
Frontend Hero
Frontend Hero
Подписаться
Frontend Hero is about all things HTML, CSS & JavaScript*

*With some other bits and bobs thrown in for good measure.
Create a responsive overlay menu
1:02:20
5 лет назад
Mask text with an image in CSS
5:09
5 лет назад
Sprite Animation With CSS
14:41
6 лет назад
Creating CSS only bullet points
6:34
6 лет назад
Комментарии
@justreddit2074
@justreddit2074 4 дня назад
Can I create a google maps page which I and other people pin favored local stores
@FrontendHero
@FrontendHero 4 дня назад
Hi, yep you can: www.google.com/earth/outreach/learn/visualize-your-data-on-a-custom-map-using-google-my-maps/#collaborate-with-colleagues-5-3
@FrontendHero
@FrontendHero 16 дней назад
Code used in this video can be downloaded here: frontendhero.dev/download/mcdonalds-fries/
@vladyslav8362
@vladyslav8362 2 месяца назад
That's very usefull video, but how to do this with new Advanced Markers?
@FrontendHero
@FrontendHero 2 месяца назад
What are advanced markers?
@mari5258
@mari5258 3 месяца назад
Which Google api do you think would be best to use if I wanted to guide people using my customized map?
@FrontendHero
@FrontendHero 3 месяца назад
developers.google.com/maps/documentation/directions/overview
@user-my7mq4dz7g
@user-my7mq4dz7g 3 месяца назад
Thank You Very Much Team , this video is awesome it helps me lot and I resolve my issue with Elementor Contact Form
@user-my7mq4dz7g
@user-my7mq4dz7g 3 месяца назад
Great Video !! But I want to Apply this functionality with Elementor Contact Form , how it is possible
@FrontendHero
@FrontendHero 3 месяца назад
Thank you! I’m sorry I don’t have much experience with Elementer
@user-my7mq4dz7g
@user-my7mq4dz7g 3 месяца назад
@@FrontendHero Please try with this , It is the problem of many user , it can give you new boost
@FrontendHero
@FrontendHero 3 месяца назад
@user-my7mq4dz7g you can probably use this tutorial with this? wordpress.org/plugins/ht-contactform/
@mostafijurrahman4195
@mostafijurrahman4195 3 месяца назад
file not uploaded but folder created how to fix this issue?
@pierrebonnet2916
@pierrebonnet2916 3 месяца назад
Is it possible to do the opposite (upload from ftp server to the github repo) ?
@FunQuizzy88
@FunQuizzy88 3 месяца назад
greatt video, can you make a google map marker clustering too?
@karanarora7386
@karanarora7386 4 месяца назад
Can We Use your Maps API key?
@FrontendHero
@FrontendHero 4 месяца назад
Afraid not 😃
@turkisultan8078
@turkisultan8078 4 месяца назад
HE IS A SCAMMER !!!
@FrontendHero
@FrontendHero 4 месяца назад
Are you ok?
@dotnetdevni
@dotnetdevni 4 месяца назад
would it not be better calling it prod or production
@FrontendHero
@FrontendHero 4 месяца назад
Whatever works for you ✌🏻
@FrontendHero
@FrontendHero 4 месяца назад
Code is available here www.frontendhero.dev/download/stylish-google-map/ ✌🏻
@getRekt1234
@getRekt1234 4 месяца назад
Woow nice
@johnjohnjman
@johnjohnjman 5 месяцев назад
Hi, at 0:23, what program did you open to begin doing this. Sorry I am a complete beginner in wordpress and coding
@FrontendHero
@FrontendHero 5 месяцев назад
Hi there - I used Dreamweaver in this tutorial but Id recommend VS Code instead as it’s more powerful, and free.
@johnjohnjman
@johnjohnjman 5 месяцев назад
​@@FrontendHero Thanks, yes I end up using VS Code for my local site. But I don't know how to get the files for my online site. Also at 2:49, I don't know where to insert the code for the styling. I don't see a header called "A-Z Filter" in the style.css file. How do I get to the right place?
@johnjohnjman
@johnjohnjman 4 месяца назад
I still don't know how to style the A-Z php we just created?
@tulasimohanmolli5857
@tulasimohanmolli5857 5 месяцев назад
Does the Github repo need to be Public?
@KeithDonegan
@KeithDonegan 5 месяцев назад
Nope, private repos should work fine
@deivids47
@deivids47 5 месяцев назад
Exactly what I was looking for - 1. Create Pins 2. Dynamically generate pin popups 3. Style the map F-Mint 👍
@FrontendHero
@FrontendHero 5 месяцев назад
Appreciate the comment ❤️
@deivids47
@deivids47 5 месяцев назад
Btw, is there somewhere to copy the code from?
@FrontendHero
@FrontendHero 5 месяцев назад
Sure thing: frontendhero.lemonsqueezy.com/buy/7cff9507-2a71-4c20-8a76-07d546604afe
@sabeeli7814
@sabeeli7814 5 месяцев назад
does it also work on VPS servers?
@FrontendHero
@FrontendHero 5 месяцев назад
Yep 👍🏻
@sabeeli7814
@sabeeli7814 5 месяцев назад
@@FrontendHero Thanks but I don't know why it is not working, it was working well with the previous shared server.
@sabeeli7814
@sabeeli7814 5 месяцев назад
@@FrontendHero I just entered IP address in the server attribute
@FrontendHero
@FrontendHero 5 месяцев назад
@sabeeli7814 check if the ftp details are correct first I reckon?
@sabeeli7814
@sabeeli7814 5 месяцев назад
@@FrontendHero yes I am able to access through these details on Cyberduck
@MrBurns-fx2li
@MrBurns-fx2li 6 месяцев назад
how can I code the API key, if I want to publish my website?
@FrontendHero
@FrontendHero 6 месяцев назад
How do you mean ‘code’ the API key?
@ninefx9724
@ninefx9724 6 месяцев назад
Can you setup different servers for different branches ?
@tomasberezny2082
@tomasberezny2082 13 дней назад
I didnt try this, but hes made main.yml file, so i thing if you try to create in with your branch name, it can work
@fervic27
@fervic27 6 месяцев назад
Good help my friend! Thanks! Do you know about dynamic fields or conditional fields... I used but it's a little confussed
@farelganlaky1536
@farelganlaky1536 6 месяцев назад
can u do a whole playlist about google maps api please? directions API, places API, routes API, etc.... Your explanations are so greattttt. I would be more than grateful
@FrontendHero
@FrontendHero 6 месяцев назад
I’ll do my best to get some up. Thanks for the comment 🙏
@dariakosicka5376
@dariakosicka5376 7 месяцев назад
Hi, do you know if I can import the data from a custom Google "My Maps" that I created, into Google Maps API. I want all the custom locations and layers I entered into My Maps to be accessible in my Google Maps API map. Is that possible?
@FrontendHero
@FrontendHero 7 месяцев назад
Hey there 👋🏻 I don’t think you can without modifying the code and manually adding the data in. How many locations are there? I could help with this if you’d like to email me.
@Hey-jv3zv
@Hey-jv3zv 7 месяцев назад
hi sir, can i ask if a customized map is applicable for it, we’re planning to make a site or a building blueprint map for our campus but I don’t know how to, thank you
@FrontendHero
@FrontendHero 7 месяцев назад
Hi, not sure I understand your question?
@zherebetskyi4097
@zherebetskyi4097 7 месяцев назад
Thank you for this lesson!
@user-on1sy9bq6l
@user-on1sy9bq6l 8 месяцев назад
Thank you for your great video. But is it also possible to do have like three different output options instead of only two? I need one for the option displayed in the form and one for the email recipient as shown in the video. But the Subject should be different from the options shown in the Contact Form.
@FrontendHero
@FrontendHero 8 месяцев назад
Hi there. How do you mean exactly? ‘Three different output options’? Shoot me an email and I might have some time tomorrow to look into it.
@elbertjosesalasbrochero6318
@elbertjosesalasbrochero6318 9 месяцев назад
products?
@FrontendHero
@FrontendHero 9 месяцев назад
Hi, are you asking if this can be used with woocommerce products? Yes if so, you just need to tweak the WP_Query options.
@angela_u1
@angela_u1 9 месяцев назад
can we get spinner gif
@FrontendHero
@FrontendHero 9 месяцев назад
Hi, included in the download in the description. Thanks.
@KevinSatron
@KevinSatron 9 месяцев назад
is this code only compatible for that theme? or any theme? i also have a few questions
@FrontendHero
@FrontendHero 9 месяцев назад
Hi Kevin. You can use this for any theme by tweaking the WP_QUERY ARGS to suit what posts/category you would like to filter.
@KevinSatron
@KevinSatron 9 месяцев назад
@@FrontendHero how do you put the code in the wordpress, i dont see it in the video how to do it
@FrontendHero
@FrontendHero 9 месяцев назад
@@KevinSatron0:22
@nanaquashie
@nanaquashie 10 месяцев назад
New subscriber! I'm a recent Computer Science graduate with interest in frontend. I hope to continue my journey with you. Keep up the good work!
@FrontendHero
@FrontendHero 10 месяцев назад
Thanks so much for being apart of the channel ❤️
@OmNamahShivay53
@OmNamahShivay53 Год назад
Waiting for the remaining videos.
@Dampdolphin
@Dampdolphin Год назад
This is awesome and its also better you share the code as well initially.Thank you !!
@FrontendHero
@FrontendHero Год назад
Thank you - I've got a few videos in the works, and just trying to find time to edit each one. I'll sort out open sourcing the code when I'm further along.
@Dampdolphin
@Dampdolphin Год назад
@@FrontendHero Thank you
@darioamade6040
@darioamade6040 Год назад
Nice one ☝️
@rajap8630
@rajap8630 Год назад
Good one keep up the good work rolling bro !!
@FrontendHero
@FrontendHero Год назад
Thanks so much for the support, Raja 🙏
@jismislakhotia3564
@jismislakhotia3564 Год назад
hi, i've been following your tutorial, but have hit a problem that i'm not sure how to solve. (important context: i am simply filtering through a list of titles, not a list of posts). the moment that i use .addClass('show'), the buttons are somehow deactivated and don't work anymore. For example, if the first letter that comes up is 'c', then the page will show all 'c' results, but will not let me click any other active letter. not sure what is causing this..
@FrontendHero
@FrontendHero Год назад
Hi there, hard for me to say - is there any error in the console? Contact me via email if you still have this issue and I'll take a quick look.
@rajkumargupta6791
@rajkumargupta6791 Год назад
Dhanyawad ❤ from India❤
@FrontendHero
@FrontendHero Год назад
🙏
@darioamade6040
@darioamade6040 Год назад
Brilliant
@gamers_hub_yt
@gamers_hub_yt Год назад
Keep up the good work man!
@FrontendHero
@FrontendHero Год назад
Thanks so much
@user-kq3oe6my6t
@user-kq3oe6my6t Год назад
Thanks for this, how do I integrate this to a Wordpress menu? 🧐
@FrontendHero
@FrontendHero Год назад
Good question, I might make a little video on this in the future 🙂
@thefonsotube
@thefonsotube Год назад
Dreamweaver CC .... respect
@FrontendHero
@FrontendHero Год назад
😂
@joemelara502
@joemelara502 2 года назад
Hi, can a paywall be installed in squarespace? Let me know, I need help
@MaksymMinenko
@MaksymMinenko 2 года назад
The demo link doesn't work...
@esasrl3384
@esasrl3384 3 года назад
Excellent video and very well explained! Big respect from Italy 🇮🇹
@FrontendHero
@FrontendHero 2 года назад
Many thanks for the words of encouragement 😊
@gam1ng1s4l1fe
@gam1ng1s4l1fe 3 года назад
nice
@BIHtrinify
@BIHtrinify 3 года назад
Is there any way to make the same functionality but with a category selection and do it as a slider ? Any tutorials on that or github examples ?
@LofiWurld
@LofiWurld 3 года назад
Magical person👏
@zensukai
@zensukai 3 года назад
Awesome tutorial, thanks for that. Question: We are controlling how many posts are display based on the grid layout (ACF option), but how can we also control how many posts are shown? As we are using the variable [posts_per_page] already?
@LeCreepzter
@LeCreepzter 3 года назад
can anyone explain the $class_name = isset($block['className']) ? $class_name : ""; line ? I understand the ternary operator part, but im confused as the ? $class_name Doesn't this assign the variable to itself?
@carltongordon
@carltongordon 3 года назад
it means if isset($block['className']) end null then asign " " to $class_name instead of returning an error
@LeCreepzter
@LeCreepzter 3 года назад
@@carltongordon ah, thank you!
@mariamhm7131
@mariamhm7131 3 года назад
Thanks for this tutorial ! I love the intro of your channel ^^ !
@darioamade6040
@darioamade6040 4 года назад
Nice content... 👌