Humaan - Latest Comments

Re: Creating a Canvas Swarm with JavaScript

(ASAP) — Wed, 29 Apr 2020 11:37:11 -0000

Re: Custom HTML Markers with Google Maps

Hasan Teoman Tıngır — Wed, 01 Apr 2020 13:04:38 -0000

This is a gem.

Re: Custom HTML Markers with Google Maps

Shikha Goyal — Tue, 17 Mar 2020 02:55:15 -0000

I want my marker on right side of the frame. Can you please help me.

Re: Animating with SVG

John Brown — Tue, 11 Feb 2020 13:06:13 -0000

I love svg animations but all these use CSS. You may be surprised by how much work GSAP also JS does under the hood to make animating transforms intuitive and performant. i found some more great examples here:adsspirit.com.

Re: Welcome, Luke

Bjarni Wark — Wed, 28 Aug 2019 19:28:34 -0000

Awesome story Luke, so glad to hear you made one of your dreams come true.

Re: Custom HTML Markers with Google Maps

Volodymyr Palamarchuk — Wed, 21 Aug 2019 05:15:12 -0000

Hi there,
could anyone to assist me in one issue releted with this theme.
I created CutomMarker same like this. In my "CustomMarker.prototype.draw = function() {" I have two html elements
var elementIcon = '<img class="marker-icon" src="' + getPictureForRating(item.star) + '">'; var elementCurrencyPrice = 'p class="marker-currency-price" span class="marker-currency" ' + currency + '/span span class="marker-min-price"' + priceValue + '/span /p'; div.innerHTML = elementIcon + elementCurrencyPrice;

after the draw a map (value currency = 'NOK' for each element(marker), value priceValue is float value with parseFloat().toFixed(2) for each element(marker))

Is not clear why in one marker all data to show correct(as was added in div.innerHTML) but in other one added font tags and values in they are broken(1. somehow the dot(sign)
is added to value in front or first letter is lowercase, 2. I set floatValues as similar but they have different showing views - first displaying as 1525.89 but second as 1,525.89)

this is correct marker(get it from DOM tree)
div class="marker" data-marker_id="23" style="position: absolute; cursor: pointer; width: 80px; height: 40px; background: rgb(255, 200, 58); left: -323.401px; top: -58.0947px;" img class="marker-icon" src="images/ratings/rating-4.png" p class="marker-currency-price" span class="marker-currency">NOK /span span class="marker-min-price">1742.87 /span /p /div

this is incorrect market data from same dom tree

div class="marker" data-marker_id="24" style="position: absolute; cursor: pointer; width: 80px; height: 40px; background: rgb(255, 200, 58); left: -260.75px; top: 97.3608px;" img class="marker-icon" src="images/ratings/rating-3.png" p class="marker-currency-price" span class="marker-currency" font style="vertical-align: inherit;" font style="vertical-align: inherit;" class="" nOK /font /font /span span class="marker-min-price" font style="vertical-align: inherit;" font style="vertical-align: inherit;" class="" 1,287.99 /font /font /span /p /div

Why so happen? Why font tags was added?

Re: Bigger (square) thumbnails from the Instagram API

Artem Novikov — Mon, 12 Aug 2019 16:22:11 -0000

Please explain more?

Re: An introduction to Three.js

Ben Wu — Wed, 07 Aug 2019 02:25:02 -0000

Thanks for sharing. Is it possible to add data in a 3D model, like a factory or equipment with three.js?

Re: Custom HTML Markers with Google Maps

Lee — Fri, 26 Jul 2019 02:30:09 -0000

haha thanks :) We really appreciate the feedback!

Re: Custom HTML Markers with Google Maps

Sidhant Chaurasia — Fri, 19 Jul 2019 08:53:54 -0000

You are amazing. Saved my day in 2019. Really want to gift you a Black Label.

Re: Writing effective, user-centered content

Ad marker - Bar — Wed, 03 Jul 2019 20:42:28 -0000

Sooo Talented people, You're the best

Re: Custom HTML Markers with Google Maps

Paul — Tue, 25 Jun 2019 17:56:39 -0000

Hi Paul - I had the same problem, and fixed it by adding this line in the draw function.

google.maps.OverlayView.preventMapHitsFrom(div);

Re: Custom HTML Markers with Google Maps

Paul — Tue, 25 Jun 2019 14:43:23 -0000

Fixed it - if you add this line in the draw function, it stops the click below.
google.maps.OverlayView.preventMapHitsFrom(div);

Re: Custom HTML Markers with Google Maps

Paul — Tue, 25 Jun 2019 14:27:13 -0000

This is brilliant - I love it. My only issue is if you click a custom marker, if there is also a clickable element underneath it, that will also click, Is there a way to stop this.

Thank you so much for this.

Re: Custom HTML Markers with Google Maps

Paul — Wed, 22 May 2019 12:56:30 -0000

Thanks - this helped me loads. Is there a way to suppress the Google Map click, if you click on a custom marker. The marker click works, but it then also clicks the map? I tried removing this line, but it still happens. google.maps.event.trigger(self, "click");

Re: Custom HTML Markers with Google Maps

Gustalh — Tue, 14 May 2019 19:33:46 -0000

awesome!

Re: We’re hiring: Junior Project Manager / Office Manager

Humaan — Wed, 08 May 2019 20:25:18 -0000

Hi Michael, we haven't filled the position though we are only contacting successful applicants. Please email us at the email address above if you'd like more information.

Re: We’re hiring: Junior Project Manager / Office Manager

Michael — Wed, 08 May 2019 06:19:03 -0000

Hi,

I applied for this junior position around a week ago. I was wondering if you had already selected an applicant.

Thanks,
Michael

Re: An introduction to Three.js

Ifeora Okechukwu — Thu, 02 May 2019 07:31:06 -0000

Very explicit explanation. Thanks a lot!

Re: Custom HTML Markers with Google Maps

Lee — Sun, 28 Apr 2019 22:31:11 -0000

Hi Isaac,
Unfortunately we don't have a tutorial for implementing in React but it appears there are a number of component libraries available to achieve something similar.
Apologies we can't be of more assistance.
Thanks,
Lee.

Re: Custom HTML Markers with Google Maps

isaac cruz — Tue, 16 Apr 2019 20:11:18 -0000

Is there any kind of tutorial or suggestion to implement it in React?

Re: Bigger (square) thumbnails from the Instagram API

BackInBiz — Wed, 03 Apr 2019 11:30:07 -0000

I use background-image on the image's container and i put the image on opacity:0 to keep real width

Re: We’re Hiring: PHP Developer

ZHANG WEI — Fri, 01 Mar 2019 08:56:13 -0000

Like your website style and your working style.
I am a 3 years full-stack developer mainly using PHP. I have simple mobile application development experience as well, know MEAN development, can do simple project.
I hate to write a resume and CV letter, LOL, because I have never written one.
if you feel interest, just visit my small business website which is a simple PHP developed website with my custom-built cms module, I had my business started for half year now.

Re: Bigger (square) thumbnails from the Instagram API

Peacemaker smokfrucht81 — Tue, 26 Feb 2019 07:15:44 -0000

you say :lol:

Re: Custom HTML Markers with Google Maps

Ellis Dos — Mon, 25 Feb 2019 03:19:39 -0000

thanks for the advice