James Musgrave jamesmusgrave

Awesome PHP

Awesome PHP has been relocated permanently to its own Github repository. No further updates will made to this gist.

Please open an issue for any new suggestions.

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

	// Ported from Stefan Gustavson's java implementation
	// http://staffwww.itn.liu.se/~stegu/simplexnoise/simplexnoise.pdf
	// Read Stefan's excellent paper for details on how this code works.
	//
	// Sean McCullough [email protected]

	/**
	* You can pass in a random number generator object if you like.
	* It is assumed to have a random() method.
	*/

	<!-- Solution brought to you by Caroline Schnapp -->
	<!-- See this: https://docs.shopify.com/support/your-store/products/can-i-recommend-related-products#finding-a-relevant-collecitons -->

	{% comment %}
	Number of related items per row,
	and number of rows.
	{% endcomment %}

	{% assign number_of_related_products_per_row = 4 %}
	{% assign number_of_rows = 1 %}

	{
	{I have\|I've} been {surfing\|browsing} online more than {three\|3\|2\|4} hours today, yet I never found any interesting article like yours. {It's\|It
	is} pretty worth enough for me. {In my opinion\|Personally\|In my view}, if all {webmasters\|site owners\|website owners\|web owners} and bloggers made good content as
	you did, the {internet\|net\|web} will be {much more\|a lot more}
	useful than ever before.\|
	I {couldn't\|could not} {resist\|refrain from} commenting. {Very well\|Perfectly\|Well\|Exceptionally well} written!\|
	{I will\|I'll} {right away\|immediately} {take hold of\|grab\|clutch\|grasp\|seize\|snatch}
	your {rss\|rss feed} as I {can not\|can't} {in finding\|find\|to find} your {email\|e-mail} subscription {link\|hyperlink} or {newsletter\|e-newsletter} service. Do {you have\|you've} any?
	{Please\|Kindly} {allow\|permit\|let} me {realize\|recognize\|understand\|recognise\|know} {so that\|in order that} I {may just\|may\|could} subscribe.
	Thanks.\|