JC Web Concepts

Custom Web Developments

Tour of TextMate

| Comments

I wanted to get into showing you the basics of TextMate. If you talk to a lot of Apple users and ask them what is the best text editor they will say TextMate. At first I said wow paying for a text editor and I wish I did not do that. If you want to see more go ahead and view their site or click the watch video button below.

You can see TextMate in action here.

Moving Your SVN Repo

| Comments

One of the things that I sometimes have to do is move an SVN repo to another server or you just want to back it up. This tutorial will show you how to do this.

1
2
3
svnadmin dump /pathToYourRepo > reponame_dump

Example: svnadmin dump /var/svn/mywebsite > mywebsite_dump

So now you want to go move this file to your new server and create your subversion repo. Make sure you use the same name as the old one. Go to folder where you uploaded your dump file to and do the following:

1
2
3
svnadmin load /pathToYourRepo < reponame_dump

Example: svnadmin dump /var/svn/mywebsite < mywebsite_dump

So there you go. In this tutorial I did not include setting up the subversion server cause I made the assumption you know how to do this since you already have an SVN repo setup.

TextMate

| Comments

As a web developer one of the things you look for is a good editor to use to code your projects. When I was using Windows I would use and app called Notepad++ which was an awesome editor. When I switched to a mac finding an editor was a little difficult. Well I believe I have found it.

TextMate is the app that had what I was looking for. As I am still learning it I have fallen in love with this application. It is not free but it is well worth it. I am even writing this blog post in it and able to upload it right to my blog all from TextMate. It is not free but it is well worth it. All the plugins which are called bundles make it easy for you to customize the app to you liking.

In a future post I will have some video on how to do things in TextMate. So stay tuned and thanks.

Partner Program YouTube

| Comments

Well I thought I would write this quick blog post to let my readers know that I am now a partner on YouTube. There are many benefits to be accepted into this program but the most exciting one for me is I can post videos that are over 10 minutes. I feel a lot better now.

Let me thank you the readers for your support cause without you guys I could not have gotten this. Thank you.

Zen Coding Plugin

| Comments

As a web developer I find  that I write some code that I reuse and or have to write and copy and paste a few times. Well with this addon I use with TextMate called Zen Coding, I can save time. Take a look at their site for some good information.

Parallels Experience

| Comments

I was asked to write my experiences when using Parallels on my Mac. So I thought I would make a blog post about this at the same time to share my thoughts on this topic. If you own a Mac, Parallels is a purchase that is a must. It makes your life easier. So let me get onto my experiences.

Windows at work
At my work most computers are running Windows XP. When I decided to use a Mac instead of a Windows computers, I came into some issues. There are tools that only have Windows applications and I thought I would be in trouble. I ended up installing XP in Parallels and I was able to install the applications I needed. I needed access to internet explorer to run my automation scripts against website in internet explorer. The company runs some web applications that will only work in internet explorer and Parallels run these applications seamlessly. No issues at all, I do not even know that I am running a virtual machine.

Linux servers
Another thing that Parallels help me with is being able to setup Linux virtual machines. I create a lot of how-to tutorials and I use these virtual machines for them. Installing Linux in Parallels is easy and I do not run into many issues. Setting up and compiling kernels are easy to do. My Gentoo and Ubuntu distros find all the parallels drivers and it makes it so much easier.

The bad
The only bad thing I can say is gaming. I do understand that this is not easy but it is getting closer.

Conclusion
I thank the Parallels team and hope you guys and gals keep improving and keep bring in new features for your product.

Bluefish IDE Editor

| Comments

Well as a PHP, HTML, CSS, and jQuery designer one of the things I have been looking for is a good lightweight text editor. I have used many different types of editors and not found the right one. When I programmed in Windows I loved Notepad++, but there is no Mac/Linux equivalent. The editors that I have used in the past are as follows:

The last editor I was and still will use is VIM. There is times I just want to click somewhere to move my cursor, I.E. Being lazy. I really like bluefish cause it is very lightweight and fast. Eclipse and Dreamweaver just are too slow for me. Bluefish will work in Mac, Linux, and Windows. The best thing I like about it, is it is free. So take a look at them, post some comments about what you think is the best. Maybe you have one that I just have not seen.

jQuery Basics Tutorial

| Comments

jQuery is an upcoming/hot thing right now when it comes to web development. To me jQuery is slowly taking over flash. There are lots of things I can do in jQuery that I would have programmed in flash for. Before you kill the messenger there are things out there that flash can do that jQuery can’t. So let me post the source code for the tutorial and below that you can watch in video as I explain.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<html>
  <head>
      <title>jQuery Basics Tutorial</title>
        <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
        <script type="text/javascript">
          $(document).ready(function() {
              $('#employees tbody tr:odd').addClass('alternaterow');
              $('#employees tbody tr:odd').removeClass('alternaterow');
              
              $('#hideButton').click(function() {
                  $('#employees').hide();
              });
              
              $('#toggleButton').click(function() {
                  $('#employees').toggle();
              })
          });
        </script>
        <style type="text/css">
          .alternaterow
          {
              background-color: #ccc;
          }
        </style>
    </head>
    <body>
        <input type="button" id="hideButton" value="Hide Table" />
        <input type="button" id="toggleButton" value="Hide / Show" />
        <table id="employees">
          <tr>
              <td>
                  John
                </td>
                <td>
                  Smith
                </td>
                <td>
                  Developer
                </td>
            </tr>
            <tr>
              <td>
                  Greg
                </td>
                <td>
                  Smith
                </td>
                <td>
                  Owner
                </td>
            </tr>
            <tr>
              <td>
                  Michelle
                </td>
                <td>
                  Smith
                </td>
                <td>
                  Web Developer
                </td>
            </tr>
            <tr>
              <td>
                  Scott
                </td>
                <td>
                  Smith
                </td>
                <td>
                  IT Administrator
                </td>
            </tr>
            <tr>
              <td>
                  Michelle
                </td>
                <td>
                  Smith
                </td>
                <td>
                  Web Developer
                </td>
            </tr>
        </table>
    </body>
</html>

New Site Design

| Comments

So with me the past few days learning jQuery, I thought I would redesign my site again. This time I have used jQuery in a few places to showcase some of my new things that I have learned. My twitter feed on the right sidebar is being loaded by jQuery. On the bottom of the page you see the link that says back to top, that link when click will slowly slide you back to the top of the page instead of just reloading the whole page. Even after this post I will still be adding more to it.

In the next few days I am hoping to write a tutorial on the basics of jQuery. So keep an eye out for that.

Sorry for Being Inactive

| Comments

I am sorry for the people that do follow my blog here that I have not been active lately. I have started a new job that has been taking all my time and have just been too tired. I will be working on some more selenium and some jQuery tutorials.