It turned out that I do knew what it was, just didn’t know it was called Lambdas, for me Lambdas was a shiny Ruby only feature or something. But Lambdas are Anonymous functions, I use it everyday without knowing it was also called Lambdas.

La entrada Learn the proper names aparece primero en Welling Guzman.

Mac OS

the “s” needs to be lowercase

alt/option/⌥ + s

iOS

Using the German Keyboard: here is how to add new keyboards

hold down "s" and choose it from the list

This is how it’s going to look if you hold down the key on a uppercase “S”

Here is if you hold down lowercase “s”

Why is this weird-looking “B” under “s” instead of “B”, well in fact it is because is an actual “long s” sound, also called sharp s.

What am I doing with this?

I started to seriously learn German, well, using Duolingo, Duolingo-serious, and while I have been using the app it never gave me a wrong answer using “u” instead of “ü” or “b/B” instead of “ß”, but it started to giving me this as a wrong answer.

Notice the lowercase “s” in Schokolade.

La entrada How to type ß (Eszett) on Mac OS aparece primero en Welling Guzman.

The site had three custom post, Films, Stories, Galleries, also for each custom post there is a page with the same name and slug which had a custom template, but I enter to thesite.com/films, thesite.com/stories or thesite.com/galleries it did not serve the right template, so I change thesite.com/films to thesite.com/filmz and it did work and serve the right template.

By seeing this behavior it has to be the custom post and his rewrite fault, this is part of the custom post:

'public' => true,
'show_ui' => true,
'has_archive' => true,
'publicly_queryable' => true,
'show_in_nav_menus' => false,
'exclude_from_search' => false,
'hierarchical' => false,
'menu_position' => 20,
'rewrite' => array('slug'=>'films'),
'supports' => array('title', 'thumbnail'),
'show_in_nav_menus' => true

There is three solution to this:

Solution #1

Change the slug, but this is a wrong solution if you already had theses indexed.

Solution #2

Change 'has_archive'=> true to false and the /films would be ignore by the custom post.

Solution #3

Do not use the custom page, and customize the archive-{$post_type}.php file and forget about the specific page for each one.

La entrada Custom Post Slug collapse with Page Slug in WordPress aparece primero en Welling Guzman.

var mysql = require('mysql');
var connection = mysql.createConnection({
  host     : 'localhost',
  user     : 'root',
  password : '123'
});

connection.connect(function(err) {
  if (err) {
    console.error('error connecting: ' + err.stack);
    return;
  }

  console.log('connected as id ' + connection.threadId);
});

So I wrote and issue and it was not a library issue, it was MAMP’s MySQL bad configuration. There is two thing that can resolve this problem:

Solution #1

On MAMP disable Allow local access only.

Solution #2

run mysql_config --socket in the terminal and use the output as socketPath value

$ mysql_config --socket
/tmp/mysql.sock

Probably when you run mysql_config it would says:

-bash: mysql_config: command not found

In MAMP is located in: /Applications/MAMP/Library/bin/mysql_config so it would be:

$ /Applications/MAMP/Library/bin/mysql_config --socket
/tmp/mysql.sock

You can use alias or export to make this long path short.

var connection = mysql.createConnection({
  socketPath : '/tmp/mysql.sock',
  host     : 'localhost',
  user       : 'root',
  password   : '123'
});

Hope it solve you an issue or help you in anyway.

La entrada MAMP MySQL Problem aparece primero en Welling Guzman.

To do this and have the power of WordPress into another project, add the WordPress wp-load.php file.

$wordPressPath = '/wordpress/path/wp-load.php';
require $wordPressPath;

$args = array(
        'posts_per_page'   => 5,
        'orderby'          => 'post_date',
        'order'            => 'DESC',
        'post_type'        => 'post',
        'post_status'      => 'publish'
      );

$posts = get_posts( $args );

Something that could happen is that you have a function/class with the same name as WordPress has and this would thrown a function/class redeclaration error.

But aside from this, works perfect.

La entrada WordPress functionality in another PHP Project aparece primero en Welling Guzman.

What I want

• Host a Nodejs application in subdomain (subdomain.wellingguzman.com) on a server that does not support nodejs.

• Keep it like if it was hosted on the same server.

Solution

1. Go to your hosting provider, and look for DNS Zone, on hostgator is under domains tab.

   

2. Add a Record, put the Name of the host, or subdomain (subdomain.wellingguzman.com), there is possible two types you would need, type A or CNAME. If you want to point to an IP you need a type A, but if you want to point to a domain/subdomain you need CNAME.

   On Address/CNAME put the server’s IP or subdomain, in my case the app is hosted on OpenShift and the CNAME would be something like nodejs-welling.rhcloud.com.

   TTL is Time to Live, amount of seconds the record cache would last.

   

This would do the trick, and every time subdomain.wellingguzman.com is typed it would request nodejs-welling.rhcloud.com.

La entrada Subdomain on a different server aparece primero en Welling Guzman.

If the user, let’s say, go to http://mysite.com/someword on mysite, and if that is not a post/page it would probably display a 404 page, but I didn’t want that behavior I wanted to search if someword is a category slug or a tag and display posts in that category or tag, otherwise would show the normal 404 page.

So, this is what I did, I added a action to template_redirect hook, that is executed before WordPress determine which page is going to be loaded.

add_action('template_redirect', '_custom_redirect');
function _custom_redirect()
{
  global $wp_query;

  if ( $wp_query->is_404() )
  {
    // Here I take over 404 page
  }
}

So now, I know when it’s a 404 page, I need to get the string it was passed on the url, in this case someword, so I can check if the string match a category or a tag name with that name.

This string is stored in a array named query_vars with the key name. query_vars is a variable member of WP_Query which WordPress uses to execute the main query.

add_action('template_redirect', '_custom_redirect');
function _custom_redirect()
{
  global $wp_query;

  if ( $wp_query->is_404() )
  {
    $page_name = $wp_query->query_vars['name'];

    if ( ! $page_name )
      return;

    if ( ($category =  get_category_by_slug( $page_name )) )
    {
      // Here it found a category
    }
    elseif ( ($tag = get_term_by('slug', $page_name, 'post_tag') ) )
    {
      // Here it found a tag
    }
    else
    {
      // Is not a category or a tag
      return;
    }
  }
}

After this code WordPress would still “believe” it’s a 404 page, I needed to add some more lines to changed this.

add_action('template_redirect', '_custom_redirect');
function _custom_redirect()
{
  global $wp_query;

  if ( $wp_query->is_404() )
  {
    $page_name = $wp_query->query_vars['name'];

    if ( ! $page_name )
      return;

    if ( ($category =  get_category_by_slug( $page_name )) )
    {
      // Here it found a category
      $wp_query->is_category = true;
    }
    elseif ( ($tag = get_term_by('slug', $page_name, 'post_tag') ) )
    {
      // Here it found a tag
      $wp_query->is_tag = true;
    }
    else
    {
      // Is not a category or a tag
      return;
    }

    $wp_query->is_404 = false;
    status_header( 200 );
  }
}

This is pretty much what I wanted to do, now I can get a tag or a category object if one exists, otherwise WordPress will keep its own process and will display its normal 404 page.

If I actually got a tag or category object, I need to query all posts under it.

add_action('template_redirect', '_custom_redirect');
function _custom_redirect()
{
  global $wp_query;

  if ( $wp_query->is_404() )
  {
    $page_name = $wp_query->query_vars['name'];

    if ( ! $page_name )
      return;

    $query_args = '';
    if ( ($category =  get_category_by_slug( $page_name )) )
    {
      // Here we found a category
      $wp_query->is_category = true;
      $query_args = 'category_name=' . $category->slug;
    }
    elseif ( ($tag = get_term_by('slug', $page_name, 'post_tag') ) )
    {
      // Here we found a tag
      $wp_query->is_tag = true;
      $query_args = 'tag=' . $tag->slug;
    }
    else
    {
      // Is not a category or a tag
      return;
    }

    $wp_query->is_404 = false;
    $wp_query->is_archive = true;
    status_header( 200 );

    query_posts( $query_args );
  }
}

If status_header( 200 ); isn’t added the HTTP status will always be a 404, so this line change the status code from 404 to 200.

This is about it, but I want a little bit more, I want if is_category(); or is_tag(); functions are used, it has to return true. In order to make this to happen I needed to set a couple of variables more.

$wp_query->set('category_name', $category->slug);
$wp_query->set('cat', $category->term_id);

$wp_query->set('tag', $tag->slug);
$wp_query->set('tag_id', $tag->term_id);

$wp_query->set() will set a variable to query_vars array, which as I mentioned before is used by WordPress main query. With this variables set, when WordPress executes is_category(); or is_tag(); would have category or tag specific variable values to check if is a category/tag or not.

Final code

add_action('template_redirect', '_custom_redirect');
function _custom_redirect()
{
  global $wp_query;

  if ( $wp_query->is_404() )
  {
    $page_name = $wp_query->query_vars['name'];

    if ( ! $page_name )
      return;

    $query_args = '';
    if ( ($category =  get_category_by_slug( $page_name )) )
    {
      // Here we found a category
      $wp_query->is_category = true;
      $wp_query->set('category_name', $category->slug);
      $wp_query->set('cat', $category->term_id);

      $query_args = 'category_name=' . $category->slug;
    }
    elseif ( ($tag = get_term_by('slug', $page_name, 'post_tag') ) )
    {
      // Here we found a tag
      $wp_query->is_tag = true;
      $wp_query->set('tag', $tag->slug);
      $wp_query->set('tag_id', $tag->term_id);

      $query_args = 'tag=' . $tag->slug;
    }
    else
    {
      // Is not a category or a tag
      return;
    }

    $wp_query->is_404 = false;
    $wp_query->is_archive = true;
    status_header( 200 );

    query_posts( $query_args );
  }
}

This would be helpful too if you want to log/register/email requested pages that ends up being a 404 page.

NOTE: if you don’t have any category or tag template page will returns a 404 page template, just take that in mind.

La entrada Control WordPress 404 Error aparece primero en Welling Guzman.

This year I am going to propose myself a list of goals that I want to or would like to have done by the end of year 2014 at lease.

This are the things I would want to do, but I probably won’t

Examples/Portfolio

The thing I want the most is example of the things I’ve done or I capable to do. I hate myself when someone ask me: ‘Do you know X?’ and I say: ‘yes, I do’, and then they said: ‘Ok, cool send me some examples of work you have done in X’, I just draw a blank and start looking at old Hard Drives, Flash Memories, Old Mails, Dropbox, Google Drive and olds computer to find something and start to think: he/she won’t believe me if I said I don’t have anything to show, they will think I am lying. I don’t blame them, I understand, I won’t believe it either if someone tells me it knows something and doesn’t have anything to prove that, for me it just BS. So, I’m telling BS too.

That’s why I’m going to create a portfolio, a collection of examples to show my potencial and what I am capable of.

Write more

I like to write but I don’t do it well, so I would like to write more in order to improve my writing skills (english and spanish by the way).

I’m going to write more, about everything it won’t matter what, sometimes I don’t write something because it was already been wrote, or it’s a simple thing that everyone (I believe) knows.

I would turn this blog into a possible log of thing I’m working on or I’ve worked on and share my experiences.

Work on a Big Project

One thing that I would like to do, it’s been on a BIG project, where I am not the “expert” or “the master of universe of that project”, I just want to be part and learn from other leader and how to approach things, not the I want to be the one dude that doesn’t contribute to anything just code, but learn how other people with more experiencies handle things on a big project.

By a big project I mean a project who involves Back-end, front-end, tons of users and/or page request, fully web-based app and everything is created In house.

Take JavaScript to another level

So this mean I want to use JavaScript more and not just query some element and changed its style, so this could change if I got a change to work on a Big Project.

Stay up to day on Web

I spent couple of months outside the ‘Staying up to day’ World due to work that had me busy and I was way behind already, the web is growing fast and I need to keep me updated.

I don’t know how am I going to mesure this, but anyways.

Attend Conferences

Yup, that. I want to attend to more conferences In order to learn and help me to stay up to day.

By the way I went to The Ultimate Developer Event Boston 2013 it was an amazing Event, hope I can go next time.

Make a game

I am probably make the game Snake, but anyways I just want to do a complete game that can be play well, with menues and stuff.

Contribute to Open Source Projects

I would love to contribute or create open source projects.

Use CodePen

I’ve been looking at demos there since I don’t know, it’s been a while, and there some amazing example there that will blow your mind, anyways, so I am going to use CodePen to publish anything, whatever cross my mind, it’s just to share some code and awesome example or weird stuff.

Publish on GitHub

When is something that is too big for CodePen or whatever, I will post it here, in GitHub

I would like to create some library or some code that would be useful for developer, so I hope I could write at least 2 cool new Repositories that would be helpful for many people.

La entrada 2014 Goals aparece primero en Welling Guzman.

This post will also make me keep track of all I need/use.

Browsers

I always download all my browsers first.

Safari

Safari comes by default on Mac OS X.

Google Chrome

This is (by now) my favorite/default browser, is the first thing I downloaded on every new or new install machine, in other words if there not chrome installed, I install it right away. Go and download Google Chrome, just give it a try. If you are under linux you might want to check Chromium

So as a Web Developer I mostly use Chrome because of its DevTools. Chrome DevTools is an amazing tool for debugging web applications. Give Chrome Dev Tools a try.

Google Chrome Canary

Is Google Chrome but from the future.

As a Web Developer this is a good thing because you can test new features before it came to the official Chrome Release (Stable), sometimes this features come on Chrome stable version as experimental but some are not.

Firefox

The next browser is Firefox and as a Web Developer I use Firefox to check if the web app works on it, and playing around with 3D View.

Opera

I open up opera only for testing, so that as a Web Developer I use opera. Download Opera you need it if you are going to bet for the web.

Internet Explorer

Wut?

Text Editors/IDE

Well we need something to edit all our source code files, I use the following:

Sublime Text

Sublime Text, is a multiplatform text editor and can be customizable, has a lot of plugins, themes and color schema and support a lot of programming languages.

Coda

Coda, is a great IDE with a lot of built-in features including Full File Browser (FTP, SFTP, WebDAV, and S3) and MySQL Editor.

I used to Install TextWrangler, but sublime text fits all my needs.

Tools

iTerm2

iTerm is an alternative to Terminal, it supports split view that why love it the most.

Git

I use Git to control and manage all my source code. Read more and download Git, also check GitHub.

NodeJS

I do not really use NodeJS, but I need to install NodeJS in order to install some awesome tools like grunt.

GruntJS

Grunt is a javascript task runner that helps us to automate task, like copying files, concatenating files, adding css prefixes, compiling sass and much much more.

Bower

Bower is a frontend package manager, as its name stated, manage all our frontend packages, one command and Bower will install all dependecies for us automatically.

Yeoman

I’ve just used Yeoman couple of times, but this is a great tool/workflow that help us out creating new application boilerplates, Yeoman uses Grunt and Bower.

CodeKit

CodeKit is an amazing tool for Mac OS X that make Web Developer lives a lot easier, it compiles everything sass, less, halm, stylus, coffeescript, compass and more, combine and minify files, optimizes images, live page reloads and much much more.

Local Environment

MAMP PRO

This is a quick and easy way (click-next install) to set up on a Mac, Apache, MySQL and PHP. I need this to use/create/test PHP/MySQL locally on my machine.

phpMyAdmin

Yup, this is the tool I used for MySQL Database Management. It’s written in PHP and comes with MAMP PRO.

Collaboration/Comunication

Skype

Skype, if you work with remote clients/team-mate, you need something to talk to them, Google Hangout is an option.

Wunderlist

Wunderlist, here is where I keep all my todo task, even outside Developing, like run out of Dr. Pepper. It also syncs in all my devices.

Oh have you not heard? It was my understanding that everyone had heard.

La entrada All I use as Web Developer aparece primero en Welling Guzman.

Although this is designed for Developers and early adopters, you should be aware this could crash sometimes even has more chances to if you are using experimental features.

This is a quick view of canary I did in a couple of hours to get my hands dirty, if you want to be ahead and test features that would be available later on Google Chrome check this out.

I have been seeing this Chrome gold icon for a while, wondering what it is, I just thought it was just kind a cool icon for Chrome and nothing else, but HEY! it’s not, is your Google Chrome Browser from the FUTURE!, so now let’s see what bring us.

First of all this is Version 31.0.1632.0 canary.

Visually Stuff

Now the first we notice when we open up Developer Tools is that now it organizes by tabs rather than grouped list-item, I do like this new way to handle this section now, you don’t have to scroll all the way down looking for an specific section, it’s worst when you have thousands of CSS declarations. Also metrics section was merged with styles section. We can see its difference in the image below.

In sources panel the paused exceptions buttons was moved from bottom bar to sidebar as you can see in the next image.

They removed Collect CSS Selector Profile from Profile panel.

DevTools Settings are now neat, it has smaller font size and more organized than before.

Features

Enough of visually things, now let’s see what features I found:

Inspect DOM Element

The first thing I check was the popup menu from DOM Inspector.

Inspect DOM Element is a new option that come in handy when you want a quick access to a DOM element properties, this save us time because we don’t need to go to console and query that element using jQuery or querySelector or any of those anymore, now it’s just a click ahead.

EventTarget

In the properties tab of DOM inspector now included EventTarget which can tell us if the element can receive DOM events, even though the most common events targets are window, Element, and document which are the ones we commonly use.

Working with CSS Preprocessor

Now in canary we have CSS and Javascript source maps enabled by default, we don’t need to enable Enable Developer Tools experiments to enabled this on the experiments tab.

This all I got, most of the features I was testing I later notice that it was already available to the current Google Chrome stable version, so all the new stuff on Canary or already available (on stable) I’m going to keep posting here.

Go and Download it here, it’s only available for Mac and Windows, but if you are on linux you can check Chromium Dev Channel and have weekly updates.

Useful Links:

• http://trac.webkit.org
• Web Inspector commits RSS feed
• The Breakpoint Episodes
• Follow me on Twitter
• Follow me on Google+

La entrada Getting my hands dirty on Chrome Canary aparece primero en Welling Guzman.