C. (Bruno) Almeida nncl

Stuff

Only english
- HTML
- CSS
- JS
Sass
- Directories's Structure
- Nesting: 3
HTML/HTML5

Share Counts

I have always struggled with getting all the various share buttons from Facebook, Twitter, Google Plus, Pinterest, etc to align correctly and to not look like a tacky explosion of buttons. Seeing a number of sites rolling their own share buttons with counts, for example The Next Web I decided to look into the various APIs on how to simply return the share count.

If you want to roll up all of these into a single jQuery plugin check out Sharrre

Many of these API calls and methods are undocumented, so anticipate that they will change in the future. Also, if you are planning on rolling these out across a site I would recommend creating a simple endpoint that periodically caches results from all of the APIs so that you are not overloading the services will requests.

Twitter

Pictures from Facebook's Account Gallery

One more complete tutorial is here.

Part 1 - Get your Access Token

First of all, you need to create an FB App on developers.facebook.com. After that, you need to get your access token.

Then, get the values of these information:

Be MEAN Instagram - MongoDB

Getting Started

Configure your CLI to MongoDB, bro:

[
{
"title" : "Din Digital", "lat" : "-23.534749", "lng" : "-46.611924", "color" : "A00000", "icon" : "http://s12.postimg.org/5aevbk6t5/image.png" }, {
"title" : "Din Digital 2",

#PHP Varible to JS

On your .php file, for example:

$var = 'My PHP variable';
echo $var;

And in our .js file we'll make a POST to get the data from PHP:

WordPress Stuff

Here we'll teach you how to do some useful stuff with WordPress.

What you'll see:

[Loopings] (https://gist.github.com/nncl/bfcfcd1e5760055c1af8#loopings)
[Categories] (https://gist.github.com/nncl/bfcfcd1e5760055c1af8#categories)
[Dates] (https://gist.github.com/nncl/bfcfcd1e5760055c1af8#dates)
[Pagination] (https://gist.github.com/nncl/bfcfcd1e5760055c1af8#pagination)

Sass without Grunt/Gulp.md

Run sass --watch style.scss:style.css

IONIC Stuff

Some stuff are different on mobile development than desktop development as we are accustomed. On this file you'll see some Ionic tips.

Here you'll see:

	IE6 Only
	==================
	_selector {...}

	IE6 & IE7
	==================
	*html or { _property: }

	IE7 Only
	==================