Natasha Kaweski kaweski

The introduction to Reactive Programming you've been missing

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

Convert SVG polyline to path

Replace all instances of <polyline with <path and points=" with d="M.

 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1000px" height="1000px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
-<polyline fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" points="100.712,141.534 582.904,227.835 425.37,478.521
+

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

	import * as React from "react";

	const Forward = React.forwardRef((props, ref: React.Ref<HTMLDivElement>) => (
	<div ref={ref} style={{ width: "100%", height: "30px", backgroundColor: "green" }} />
	));

	function ForwardRef() {
	const divRef = React.useRef<HTMLDivElement>(null);

	React.useEffect(() => {

	@placeholder-ruleset: { text-transform: uppercase; };
	.placeholder(@color-01, @placeholder-ruleset);

	/**/
	.placeholder(@color, @ruleset: {}) {
	::-webkit-input-placeholder {
	color: @color;
	@ruleset();
	}

	<?php
	// A função abaixo demonstra o uso de uma expressão regular que identifica, de forma simples, telefones válidos no Brasil.
	// Nenhum DDD iniciado por 0 é aceito, e nenhum número de telefone pode iniciar com 0 ou 1.
	// Exemplos válidos: +55 (11) 98888-8888 / 9999-9999 / 21 98888-8888 / 5511988888888

	function phoneValidate($phone)
	{
	$regex = '/^(?:(?:\+\|00)?(55)\s?)?(?:\(?([1-9][0-9])\)?\s?)?(?:((?:9\d\|[2-9])\d{3})\-?(\d{4}))$/';

	if (preg_match($regex, $phone) == false) {

	/**
	* Copy of Excel's PMT function.
	* Credit: http://stackoverflow.com/questions/2094967/excel-pmt-function-in-js
	*
	* @param rate_per_period The interest rate for the loan.
	* @param number_of_payments The total number of payments for the loan in months.
	* @param present_value The present value, or the total amount that a series of future payments is worth now;
	* Also known as the principal.
	* @param future_value The future value, or a cash balance you want to attain after the last payment is made.
	* If fv is omitted, it is assumed to be 0 (zero), that is, the future value of a loan is 0.

	// Reference: http://www.blackdogfoundry.com/blog/moving-repository-from-bitbucket-to-github/
	// See also: http://www.paulund.co.uk/change-url-of-git-repository

	$ cd $HOME/Code/repo-directory
	$ git remote rename origin bitbucket
	$ git remote add origin https://github.com/mandiwise/awesome-new-repo.git
	$ git push origin master

	$ git remote rm bitbucket

	<?php

	// Ensure cart contents update when products are added to the cart via AJAX (place the following in functions.php)
	add_filter( 'woocommerce_add_to_cart_fragments', 'woocommerce_header_add_to_cart_fragment' );

	function woocommerce_header_add_to_cart_fragment( $fragments ) {
	ob_start();
	?>
	<a class="cart-contents" href="<?php echo wc_get_cart_url(); ?>" title="<?php _e( 'View your shopping cart' ); ?>"><?php echo sprintf (_n( '%d item', '%d items', WC()->cart->get_cart_contents_count() ), WC()->cart->get_cart_contents_count() ); ?> - <?php echo WC()->cart->get_cart_total(); ?></a>
	<?php

	:+1:
	:-1:
	:airplane:
	:art:
	:bear:
	:beer:
	:bike:
	:bomb:
	:book:
	:bulb: