Disable the Cache in Safari 11

With Safari 11 – we lost the “Disable Cache” in the Safari Developer menu. If you are a developer – you know this comes in handy when debugging any CSS/JS changes.

After spending a few days frustrated – it was time to find a solution so I could disable the cache (permanently). If you are looking for the same solution – look no further.

Using the command line:

rm -rf ~/Library/Caches/com.apple.Safari ; echo > ~/Library/Caches/com.apple.Safari

That will remove the current cache forever and replace it with a file (not used to do any caching).

You are welcome.

Fix for Bold Fonts Looking Bolder in Chrome

If you noticed your fonts in Chrome looking more bold in Chrome than Safari – there is an easy fix. Add this in to your stylesheet (body or specific CSS class/ID):

Example:

h1 {-webkit-font-smoothing: antialiased;}

You can see the difference:

Before:

After:

Mac OS 10.2.2 SSH Keys Passphrase Help

If you are like me and a few days ago – noticed that you were getting prompted for your passphrase when using your SSH keys (instead of using the keychain) – here is how you can make a small change to no longer enter your password each time: http://apple.stackexchange.com/questions/254468/macos-sierra-doesn-t-seem-to-remember-ssh-keys-between-reboots/264974#264974

Add Bootstrap Button Classes to the WordPress Comment Form

Looking to stylize that WordPress comment button on the WordPress comment form? Adding the correct classes needed to the comment form button are as easy as finding where comment_form() is called in your theme. In my cases – this is within the comments.php file.

Once you find that – you just need to change
comment_form()
to:

$args = array(
'class_submit' => 'btn btn-default',
);
comment_form($args )

There are a number of modifications you can make to the comment form (changing button text, changing labels, adding notes, etc that you can make with the comment_form() function which are worth looking at here: https://codex.wordpress.org/Function_Reference/comment_form

Add Bootstrap Classes to WordPress Widgets

When creating your Bootstrap WordPress themes, you will notice the sidebar widgets (archives, categories, etc) which use dropdowns do not share the Bootstrap styling because there is no place easily accessible to add in the needed classes or CSS.

Considering the options – here are two ways you can turn those default selects into something that matches the rest of your beautiful Bootstrap site.

Add a filter in your functions.php file

This is specific to the category dropdown. I was hoping we could use the same on the widget_categories_dropdown_args filter, but that is not possible as of WordPress 4.6. (see next example to address this). This filter works great if you use the categories widget and no other that display a select.

/**
 * Add CSS class to sidebar category selects.
 */
add_filter( 'widget_categories_dropdown_args', 'lucidity_widget_categories_dropdown_args' );
function lucidity_widget_categories_dropdown_args( $args ) {
    if ( array_key_exists( 'class', $args ) ) {
        $args['class'] .= ' form-control';
    } else {
        $args['class'] = 'form-control';
    }
    return $args;
}

Add some Bootstrap CSS to your style.css file

This works great if you have multiple selects displayed within your widgets. Note: the sidebar in the example has an ID of “sidebar”. This CSS is brought over from the Bootstrap .form-control style.

#sidebar .widget select {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

I hope this helps make your site a bit more cohesive with the Bootstrap styles!

Find Large Files in *NIX

I recently ran into an issue where backups for a project were taking much more space than I thought they should. I figured there was a large error log somewhere – and sure enough I was able to easily find it with the following command:


du -sh *

That command du (disk usage) along with the options -sh (s = summarize, h = human readable) will then output something like this:

7.9M	admin
700K	api
1.4G	delivery
4.0K	error_log
44K	images
4.0K	index.php
4.0K	robots.txt

From there I can then see that the big disk space hog is in the “delivery” directory. Running the command then within that directory then showed there was a huge 1.4G error log which needed addressed.

This command is very useful and will save a lot of time if you run into a similar situation as I did.

Best End of Day Ritual

I found that I am most productive within the first 2 hours of each work day so at the end of each day I like to make sure I am set up for a successful tomorrow.

One of most helpful things I have found over the past few years is to make a list for everything I need to accomplish for the next day. How to keep it real? I only use Post-It notes to make sure my list is reasonable and something I can accomplish.

It is surprisingly satisfactory to cross things off the list. When things are really crazy – lists help keep priorities in line as well.

Feeling stressed or overwhelmed in the AM? Try grabbing a Post-It note and making a reasonable list!

Don’t Be Afraid to Say No

If you spend all your time trying to make everyone happy – you are really making no one happy (including yourself). Once you realize you will never make everyone happy – you open yourself to making decisions based on fairness and reason. Don’t be afraid to say no!

What Can Siri Do For Me?

If you are like me – you have an Apple iPhone and the thought of using Siri sounds awesome but after a few smart comments trying to get her to say something funny back (because you are not sure what all you can really say/get out of Siri) – you forget about her and move on.

Apple recently updated the Siri page so now you can easily find out what you can ask her to make her as useful as you wanted her to be all this time. Enjoy!

http://www.apple.com/ios/siri/

My new favorite things to do with Siri

  • “Flip a coin”
  • “Yes or no?”
  • “Take a picture”
  • “Why did the chicken cross the road?”
  • “How humid is it in Chicago right now?”
  • “Pick a card”
  • “Call me champ” (or whatever you want to be called)

Custom Date Sort with jQuery Tablesorter and Bootstrap Table Plugin

In the past week I have dealt with two different needs to sort a table date column (using a custom date format) using a JS plugin jQuery Tablesorter 2.0 and Bootstrap Table. If you use custom date formats – the default sort will not always work. In my case – it was sorting the dates by month name alphabetically and not by date order. Here is how you can use both plugins to sort by date order:

Example date format: Jan 28-Jan 31 (date for this example was a span of dates – in which I wanted to sort by the starting date)

Custom date sort solution in two steps for jQuery Tablesorter and Bootstrap Table:

jQuery Tablesorter

  1. Add data to the table header:
    <th data-sorter="shortDate" data-date-format="yyyymmdd">Date</th>
  2. Add a hidden span before your actual date in the data that then matches the format specificed above:
    <span style="display:none"><?php echo date( "Ymd", strtotime($date) ));?></span> Jan 28-Jan 31

Very similar to the jQuery Tablesorter solution:

Bootstrap Table

  1. Add data to the table header:
    <th data-field="created" data-sortable="true">Created</th>
  2. Add a hidden span before your actual date in the data that then matches the format specificed above:
    <span style="display:none"><?php echo date( "Ymd", strtotime($date) ));?></span> Jan 28-Jan 31

Now you can easily sort any date format using these two plugins so you can format the date however you want and still be able to sort by date on that column.