Best Web Design Posts, Monday Roundup
Well another monday is upon us and it is time to write another roundup list. So here is the list:
March 10
March 04
Mootools Style Sidebar Using jQuery
It has been a long time since I wrote a tutorial so I have spent sometime thinking of a good one to make my tutorial come back. I was looking at the mootools home page and I started to think if it would be possible to achieve a similar sidebar effect by using jQuery. The short answer is YES and you can see a demo of what I came up with, Mootools Style Sidebar Demo. It works on all major browsers IE6+, Firefox, and Safari. If you want to get the code and learn more about the HOW TOs read on.
March 03
Best Web Design Posts, Monday Roundup
Another Monday has come and that means another post revealing the best wed design related articles of this past week. I must confess that last week was packed with great articles and that I will try to narrow them down to the top 10.
The List
February 25
Best Web Design Posts, Monday Roundup
It is Monday again and that means another list of great web design related articles from this past week. Enjoy!
The List
- Powerful CSS techniques. Smashing magazine has released a list of 50 great CSS techniques ready to be used.
- Gallery of Date Stamps and Calendars. A look at different treatments when it comes to displaying date.
February 24
Statistics for Web Designers
February 21
Drupal 6.0 released!
Drupal aficionados rejoice! 6.0 is out. After a year long wait, this great Content Management System has released its latest edition. In case you are new to Drupal here are a few simple steps that will help you with the installation:
- Download Drupal 6.0.
- Open your favorite FTP client and move either the entire folder or its content to your web server’s root.
- Once all the files have been uploaded, go in to the folder called sites and right click on a folder called default. Under properties or get info depending on your FTP client make the folder writable or 777. This will allow the installation to go smoothly. Note: if you moved the whole folder to your server on step 2 and not just its content, you will need to go to drupal-6.0 > sites.
February 20
Cross Browser Testing
If you are a web designer or developer, you test your work several times a day across several platforms. But, not everybody has enough money to buy more than one computer or virtual machines such as Parallels or VMware Fusion for that matter. No need to worry, there is another way.
Free Solution
There has been a new trend in the last couple of years to move most software (web-based applications) to the browser. And what better place for cross browser testing software then the browser itself. Websites such as browsercam allow you to test your design across an array of browsers and operating systems. This, however, comes at price.I’m a broke college student and spending any kind of money makes a very big hole in my pocket. So, I’m always looking for cheaper or, better yet, free alternatives. This is where browsershots.org comes in. Browsershots “is a free open-source online service created by Johann C. Rocholl” and it works more or less identically to browsercam.
February 18
Best Web Design Posts, Monday Roundup
In the vast world that the internet has created for us, it is sometimes hard to find the right blogs or posts to read. So, here is a list of five web design related articles which I think will be of use to you:
The List
- How to Size Text in CSS was an article posted in A List Apart back in November of last year but it is worth every second of the time you spend reading it. As we all know, equal rendering of text sizes across browsers and platforms is a web designers dream; and although this article is not the realization of such, it gets us pretty close.
- Creating Sexy Stylesheets is one of my all time favorite blog entries. In this post Jina Bolton, provides web designer with 10 tips to make their stylesheets “sexy.” Making great looking website is one thing but can you make your stylesheets look nice and readable?
February 14
Dynamic Current Page Class, a jQuery solution
Not so long ago, I ran into a very common current-page link problem. All I needed was an extra class added to an li element in order to clearly represent the current page in the navigation. I looked for a solution and came across this one in A List Apart. The solution, though clean and clever, would not work for me as I was unable to add a snippet of PHP to all the necessary pages. So, I turned to a web designer’s next best friend (CSS being the best).
Assumptions
I am going to assume that you are using a CMS, which has some sort of head item (header.php) applied across a certain theme. Next, I am also going to assume that you know and have a copy of jQuery ready to be used. jQuery is not absolutely necessary but it definitely reduces a few lines of code and is easy to read.
Now, for the How-to
Let’s begin by gathering all the URLs which constitute our navigation and create some JavaScript variables in order to store them. Let’s also create a variable that gathers the current URL. So far, you should have something like this:
February 12
Run Multiple Versions of Firefox (Mac)
I have seen several posts about this but none of them seemed clear and easy to follow to me. So, here goes my version of this tutorial. Keep in mind that this tutorial assumes that you are using Firefox 2 and are trying to install Firefox 3. Here is how to do it.
- Download Firefox 3 Beta 5.
- Move the new App somewhere other than your Applications folder, rename it (Firefox3 or something like that will do), and move it into the Applications folder . If you move it to your Applications folder without renaming it first, it will replace your current copy of Firefox.
- Now, open a Terminal window and type the following:
/Applications/[Renamed Firefox App].app/Contents/MacOS/firefox-bin -Profilemanager
- Create a new profile and makes sure to uncheck the “Don’t ask at startup” box. This way you will be asked which profile you want to use every time Firefox starts, allowing you to run two versions of Firefox at the same time.
