Find Project Inspiration

http://www.calltoidea.com

If you are stuck in the design stage and unsure how you want your logins, 404 pages, profiles, etc. to look, this is a great site to take a look at. There are tons of real-world implementations you can take a look at to inspire you.

This is just an example of the different categories you can look at:

Screen Shot 2017-02-20 at 4.02.58 PM.png

There’s also footers, forms, lists, and more!

Screen Shot 2017-02-20 at 4.05.32 PM.png

Happy exploring!

Advertisements

Add Shortcuts In Mac

I have switched to Mac!!!

If you want to add shortcuts to certain directories so that you don’t have to type out the complete file path, you can add it to your .bash_profile file located in your /home directory.

Navigate to home:
$ cd ~

$ vi .bash_profile
This will create a new .bash_profile file if one doesn’t already exist. If one already exists, it will open the file using the vi terminal editor.

alias fcc='cd /Users/username/freecodecamp_projects'

CONTROL+C
This will allow you to exit the editor.

:wq
The ‘w’ stands for ‘write’.
The ‘q’ stands for ‘quit’.

You can also edit your Terminal inside your .bash_profile file and add emojis:
Tips: https://natelandau.com/my-mac-osx-bash_profile/
Emojis: http://osxdaily.com/2013/04/08/add-emoji-command-line-bash-prompt/
Colors: http://osxdaily.com/2013/02/05/improve-terminal-appearance-mac-os-x/

 

Closures in JS

I’m having a lot of trouble understanding how to use closures in JavaScript. A closure seems to be just a function within a function. I am still trying to find more examples of closures and their usage, so feel free to share any good ones you come across.

In the meantime, I found this Stack Overflow explanation pretty good:
http://stackoverflow.com/questions/111102/how-do-javascript-closures-work

 

Also finally found out what to call the ‘=>’ operator:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

WordPress on Mac

Installing WordPress on a Mac?

I used XAMPP as my Apache server distribution cause I’m the most familiar with it. Luckily they have a Mac version that is similar to Windows: https://www.apachefriends.org/index.html

After installing XAMPP, install WordPress: https://wordpress.org/ by placing the unzipped wordpress folder into your XAMPP/htdocs/ directory.

In your XAMPP folder, find manager-osx and double click on it to open the GUI. Click Start All.

Screen Shot 2017-02-12 at 10.43.02 PM.png

Then navigate to Http://localhost/phpmyadmin

Create a database for WordPress called whatever you want:

screen-shot-2017-02-12-at-10-48-45-pm

I called mine WordPress.

Open up the wp-config-sample.php file to edit the database information to the following:

screen-shot-2017-02-12-at-10-53-01-pm

Then rename the file to wp-config.php and save it.

Next, navigate to http://localhost/wordpress and follow the steps to install the WordPress application.

To be able to upload images and install templates using your WordPress application, you’ll need to run this command in your Terminal (of course change the path to the one that matches your directory:

chmod -R 755 /Applications/XAMPP/htdocs/Wordpress/wp-content