Tag Archive for "development" - Everet Dale

Posts Tagged ‘development’

WordPress Custom Fields Tutorial

November 5th, 2016 | Tags: , ,

Learning to use Git

May 8th, 2013 | Tags: , , ,

I’ve been exploring Git recently, and though its incredible power is evident right away, it is quite an endeavor learning it. After immersing myself in it for a couple weeks, I am getting the hang of it. These are the steps I’m using:

1)create beanstalk repo
2)clone beanstalk repo to local (https)
3)move local project into local clone
4)Add
5)Commit
6)push

This allows me to work locally in WAMP, create snapshots in time of my projects, and quickly deploy to live servers. It’s a bit on the complicated side, but well worth the learning curve.

Enable Google Analytics Ecommerce Tracking in Oscommerce

April 6th, 2013 | Tags: , ,

I love it when things work. Especially when it’s over 100 lines of javascript and php that I found on Google and pasted into my project. And thats exactly what happened when I found this little ditty put together by Jay Are. If you are using OsCommerce, you really ought to be tracking your Ecommerce Analytics, and you can do so using the code found here:

 

http://blog.jayare.eu/e-commerce-tracking-in-oscommerce-with-new-google-analytics-tracking-code.html

Page Refreshing Is For Chumps

February 24th, 2013 | Tags: ,

Web design involves alot of making little changes to code, and then refreshing your browser window to see the changes. This repetitive and tedious task can be a thing of the past thanks to this great Google Chrome plugin which automates this for you. It can tell when the source code is altered, so everytime you save your file in your code editor your browser will refresh for you. Cool!

http://livereload.com/

Great Video on Web Design Workflow

December 23rd, 2012 | Tags: ,

This is a great presentation on workflow by Chris Coyier. I first came across Chris as an instructor on lynda.com. I particularly got into his creating custom WordPress themes tutorial. In this video he presents alot of great solutions to issues I constantly run into while making websites.

 

http://www.youtube.com/watch?v=vsTrAfJFLXI

Parallax Scrolling Tutorial

December 17th, 2012 | Tags: , ,

I’m a big fan of Parallax effects on websites. Apparently these originate in early video games. My hippy parents were banned video games from our house when I was young so I missed out, but I think its really cool on websites. I’ve been playing around with pure CSS parallax ideas, but here is a really comprehensive guide to Javascript parallax  effects, which area alot more interactive than the CSS stuff I’ve been doing.

 

http://www.youtube.com/watch?v=e_6lV7X3DLo

Basic New HTML5 Tags

December 16th, 2012 | Tags:

From what I’ve seen of html5, the thing I really like is the new tags, which make clean leaner and more semantic. Here is a quick cheat guide to some of the more useful tags:

 

<body>

<header></header>

<nav></nav>

<article>

<section></section>

</article>

<aside></aside>

<footer></footer>

</body>

 

In order for these to work in Internet Explorer, you need to add this to the head of your pages:

<!–[if lt IE 9]>
<script>
document.createElement(‘header’);
document.createElement(‘nav’);
document.createElement(‘section’);
document.createElement(‘article’);
document.createElement(‘aside’);
document.createElement(‘footer’);
</script>
<![endif]–>

<!–[if lt IE 9]>
<script src=”//html5shiv.googlecode.com/svn/trunk/html5.js”></script>
<![endif]–>

You also need to this to your CSS:

header, nav, section, article, aside, footer {
display:block;
}

Moving WordPress

December 7th, 2012 | Tags: ,

I remember the first time I tried making a WordPress site locally and uploading it to a live server, all hell broke loose. It’s actually pretty easy, and while there are different approaches, I follow the process outlined in a blog post here.

Death To Spam

December 6th, 2012 | Tags: ,

I’m on a mission. The forrest is thick, but I see the egde in site, and I believe soon I will be free of spam. I’m fighting the good fight on four fronts:

 

1) I’m using an invisible field in the forms of my website. By having a field on your form that is hidden through CSS and/or Javascript, humans will not fill out this field. Bots on the other hand will be reading the code and will fill this field out. Then its a matter of setting up the form so that filling this field out prevents the form from sending.

 

2) I’m using Thunderbirds abilities to deal with Spam. I would like to know more about this, but what I did was go into the Junk Settings inside of Account Settings, and configured it for maximum anti-spam aggression.

 

3) I’m using ev (at) everetdale.com rather than uh, the normal way of displaying an email address.

 

4) I’m using the Akismet wordpress plugin. This stops spam coming in through the comments feilds on my blog.

 

I’m also interested in blocking IP addresses. I actually don’t have a clue how to do this at the moment, but I wouldn’t mind banning the worst offenders. If you have more ideas to prevent spam, please leave a comment!

Active menu item in WordPress

November 20th, 2012 | Tags: ,

Being a visual designer who does a bit of code, making sites in WordPress can be a bit of a pain in some ways compared to a non-CMS website. A big realization for me was to view the source code of my project, and see the code being output, rather than the PHP files. WordPress creates a bunch of classes that you can apply styles to. One thing I like to do is create a style for an active menu item, which helps the user know where on the website they are. Here is an example of applying an active state to a WordPress menu item:

 

#menu li.current-menu-item a {
color: #CE0000;
}