Category: coding

JavaScript version of var_dump

[et_pb_section admin_label=”section”][et_pb_row admin_label=”row”][et_pb_column type=”4_4″][et_pb_text admin_label=”Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

<script>
function dump(obj) {
  var out = '';
  for (var i in obj) {
    out += i + ": " + obj[i] + "\n";
  }
  alert(out);
}
</script>

// or, if you wanted to avoid alerts and var_dump() on the page…

<script>
function dump(obj) {
  var out = '';
  for (var i in obj) {
    out += i + ": " + obj[i] + "\n";
  }

var pre = document.createElement('pre');
  pre.innerHTML = out;
  document.body.appendChild(pre)
}
</script>

// or var_dump() to the console…

<script>
function dump(obj) {
  var out = '';
  for (var i in obj) {
    out += i + ": " + obj[i] + "\n";
  }
  console.log(out);
}
</script>

 

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

Divi Theme: Add Copyright & Add Social Icons to Footer

[et_pb_section admin_label=”section”][et_pb_row admin_label=”row”][et_pb_column type=”4_4″][et_pb_text admin_label=”Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

Here’re a couple of Divi Theme tips & tricks:

[/et_pb_text][et_pb_text admin_label=”Text – Code – CSS Color Footer Social Media Icons on :hover” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” module_class=”ourLilCodeSnippet”]

/* CSS Color Footer Social Media Icons on :hover */
#footer-bottom .et-social-facebook a:hover { color: blue; }
#footer-bottom .et-social-twitter a:hover { color: powderblue; }
#footer-bottom .et-social-linkedin a:hover { color: #1c87be; }
#footer-bottom .et-social-rss a:hover { color: orange; }

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row admin_label=”row”][et_pb_column type=”4_4″][et_pb_text admin_label=”Text – JavaScript Footer” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

Replace Divi’s footer shout out via JavaScript with a Copyright notice & also add a Social Media Icon (LinkedIn):

[/et_pb_text][et_pb_text admin_label=”Text – Code – JS Replace Divi stuff w Copyright in Footer + add LinkedIn icon” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid” module_class=”ourLilCodeSnippet”]

<script type=”text/javascript”>

/* replace Divi shout out w Copyright for My Company */

var theYear = new Date().getFullYear();
document.getElementById(‘footer-info’).innerHTML = ‘&copy; ‘+theYear+’ My Comany. All rights reserved.’;

/* Add LinkedIn Social Networking Icon */

jQuery(“#footer-bottom .et-social-icons”).append(‘<li class=”et-social-icon et-social-linkedin”><a href=”https://www.linkedin.com/company/the-dalai-lama-foundation” class=”icon”><span>LinkedIn</span></a></li>’)
</script>

[/et_pb_text][et_pb_text admin_label=”Text” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]

I’m using jQuery .append() to append the LinkedIn icon. You can choose other social media icons by using one from the approved list. You’ll find instructions on that page to create a Divi Child Theme, which you can modify to make these changes. Not sure why anyone would want to muck around w PHP, which might cause other issues if you’re not careful, when you can use JavaScript?

There are jQuery-less methods that are really easy if you’re using IDs for this, but a bit more challenging if you’re not… 😉

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

MailTo Syntax

MailTo Syntax.

The MailTo command can do more than enter a single e-mail address in the “Send To” field while activating your e-mail program. It can also:

Feature Syntax
Address message to multiple recipients , (comma separating e-mail addresses)
Add entry in the “Subject” field subject=Subject Field Text
Add entry in the “Copy To” or “CC” field [email protected]
Add entry in the “Blind Copy To” or “BCC” field [email protected]
Add entry in the “Body” field body=Your message here
Within the body use “%0A” for a new line,
use “%0A%0A” for a new line preceded by a blank line (paragraph),
see example below.

Notes:

” “ (beginning and ending double quotes) are necessary if any spaces are used Mailto parameter should be preceded by “?” for the first or only parameter and “&” for second and subsequent parameter.

Some examples, with actual HTML Code included, follow:

Simple MailTo

Features may be used in combination

Remember to use only one ? (question mark), when providing multiple entries beyond e-mail address

Let’s make the web faster – Google Code

Let’s make the web faster – Google Code.

Some choice excerpts:

CSS: Using every declaration just once

Using every CSS declaration only once is an effective way to reduce file size of style sheets. It’s not a trivial optimization technique though: Watch over the cascade and adjust your editing workflow.

HTTP caching

Web pages can load much faster on repeated visits if the resources come from the cache. Learn about two groups of HTTP headers that make all the difference.

Optimizing web graphics

Optimizing your web illustrations, icons, and graphics is one of the simplest yet most effective ways to decrease your page load time. In this tutorial, we discuss image file formats and optimize some real Google graphics for faster download on the web.

Tutorials – Servers > Telnet as a Diagnostic Aid

I don’t know about you, but I can use a reefresher now and again for things like surfing with Telnet to determine if 301 re-directs work…

In a nutshell, you’ll want something like this:

telnet eastvalley.freedomblogging.com 80[cr]
Trying 69.25.233.100…
Connected to eastvalley.freedomblogging.com.
Escape character is ‘^]’.
HEAD / HTTP/1.1[cr]
Host: eastvalley.freedomblogging.com[cr]
[cr]

Note: italic items are sent by the server, whilst non-italic items are typed. Also NOTE the double carriage return ([cr]) at the end.

Tutorials – Servers > Telnet as a Diagnostic Aid

Unicode and Character Sets plus MySQL Latin1 to UTF-8 Conversion

Binary DAD

I knew most of this… but alas, not all of it… BTW, here’s a relevant ThinkGeek.com present a friend gave me:

I found this interesting article on How To Change An Early WPMU Database from latin1 to utf8 Encoding, which has a bunch of useful links related to character encoding problems, WordPress (WPMU), and MySQL & PHP.

From the article in question:

So I have an announcement to make: if you are a programmer working in 2003 and you don’t know the basics of characters, character sets, encodings, and Unicode, and I catch you, I’m going to punish you by making you peel onions for 6 months in a submarine. I swear I will.

And one more thing:

IT’S NOT THAT HARD.

Binary DADIn this article I’ll fill you in on exactly what every working programmer should know. All that stuff about “plain text = ascii = characters are 8 bits” is not only wrong, it’s hopelessly wrong, and if you’re still programming that way, you’re not much better than a medical doctor who doesn’t believe in germs. Please do not write another line of code until you finish reading this article.

And then there’s this juicy tidbit:

For a while it seemed like that might be good enough, but programmers were complaining. “Look at all those zeros!” they said, since they were Americans and they were looking at English text which rarely used code points above U+00FF. Also they were liberal hippies in California who wanted to conserve (sneer). If they were Texans they wouldn’t have minded guzzling twice the number of bytes. But those Californian wimps couldn’t bear the idea of doubling the amount of storage it took for strings, and anyway, there were already all these doggone documents out there using various ANSI and DBCS character sets and who’s going to convert them all? Moi? For this reason alone most people decided to ignore Unicode for several years and in the meantime things got worse.

The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!) – Joel on Software

And some more:

Turning MySQL data in latin1 to utf-8 utf8

I’ve just finished one of the most difficult and tedious problems I’ve ever solved, so I have to share the solution here in a little tutorial of how I fixed this, even though I’m sure there are better ways, this is what worked for me.

THE PROBLEM – PART 1:
My old CD Baby MySQL database from 1998 was filled with foreign characters and was in MySQL’s default (latin1) encoding.
For years, customers and clients had been using our web interface to give us their names, addresses, song titles, bio, and many things in all kinds of alphabets.
I wanted everything to be in UTF-8. (The database, the website, the MySQL client, everything.)

QUICK DEFINITION : “FOREIGN CHARACTERS”
When I say “foreign characters” I mean not just Greek, Icelandic, Japanese, Chinese, Korean, and others shown at Omniglot, but also the curly-quotes, ellipsis, em-dash, and things described at alistapart.

And from AlexKing.org comes Fixing a MySQL Character Encoding Mismatch

We ran into an interesting MySQL character encoding issue at Crowd Favorite today while working to upgrade and launch a new client site.

Here is what we were trying to do: copy the production database to the staging database so we could properly configure and test everything before pushing the new site live. Pretty simple right? It was, until we noticed a bunch of weird character encoding issues on the staging site.

Character Encoding Issue

It turned out that while the database tables were set to a Latin-1 (latin1), the content that populated those tables was encoded as UTF-8 (utf8).

Hacking IE CSS: Underscore, Box Model ‘Voice Family’, & Star hacks

CSS Hacks

Underscore Hack

/* CSS hack for IE 6 and below */
.test {
  position: fixed;
  _position: absolute;
}

Voice Family (Box Family or Tantek Hack)

/* CSS hack for IE 5.x */
.test {
  width: 500px;
  padding: 50px;
  voice-family: ""}"";
  voice-family: inherit;
  width: 400px;
}
html>body .test{
 width: 400px;
}

Backslash Hack

/* CSS hack for IE 5.5 and below */

.test {
  height: 500px;
  height: 400px;
}


Commented Backslash Hack


/* begin hiding from IE5 Mac */
.test {
  color: red;
}
/* end */



And then there’s:


/* apply ONLY to IE5 Mac *//*/
.test {
  color: red;
}
/* end */


High Pass Filter


/* CSS hack hides from browser which don't support @import */
  @import "null.css?"{";
  @import "highpass.css";