Learn a New Tie Knot
Learn a New Tie Knot
Read more!
Site To Wordpress Tutorial
Okay so you have < span style="font-weight:bold;">your website built and coded into css/xhtml and you want to convert it over to a wordpress theme.Firstly let me explain a few things.
http://hv-designs.co.uk/2007/10/10/site-to-wordpress-tutorial/#more-167
you’ll need to code your site in HTML and CSS before you can convert it to wordpress
1. create a new folder on your desktop, name this folder what ever you want (e.g my theme).
2.create style.css and index.php (empty) files
3.Open up your style sheet to your website, highlight it all then copy/paste into the blank “style.css” file you just created.
4. Now copy/paste this bit of code into the top of your style.css file.
/*
Theme Name: Replace with your Theme’s name.
Theme URI: Your Theme’s URI
Description: A brief description.
Version: 1.0
Author: You
Author URI: Your website address.
*/
These few lines of code are what wordpress uses to define it as a wordpress theme/template.
5. Now we need to chop up our website code.
6. Imagine your current XHTML code chopped up into 4 (or more) different sections. The header, sidebar, main content and footer. Instead of keeping these 4 parts of the XHTML together in one file, you are going to put each of them in their own separate file. Then call on them one by one using PHP.
7. like atep 2 create filenames “header.php , sidebar.php , footer.php”
8. Load up your ftp program and go into your wordpress folder, save the classic theme folder your computer as we need to use bits of code out of the orginal files.
10. Locate the classic themes header.php file. Notice all the PHP that is used in between the tags. You will want to keep most of this code, so just copy the whole section into your new header.php file. Now open up your original XHTML/CSS file and copy only the header elements or the code you have used to create the header. Paste into your new header.php file (underneath the section). Save and close.
11. Now open up the blank index.php you created at the start, open up your website and copy only the main content code (NOT the sidebar or footer). Paste this code into your new index.php file. Save and close.
12. Open up the blank sidebar.php and footer.php. Copy and paste your sidebar code from your website into the blank sidebar.php file Do the same for the footer.php file.
(If your original code contains any images i suggest you copy/paste them into a folder in your theme folder called “images” .)
13.open up index.php copy/paste these lines of code into the top of the file above everything eles,
Now goto the bottom of that file and paste these lines of code below everything eles.
These 3 simple lines of PHP are telling Wordpress to fetch and display your header.php, sidebar.php, and footer.php files within your index.php file. Your code is officially put back together.
14. Your index.php is nearly complete, the final step is to insert the actual content into the code. Luckily, Wordpress uses PHP for this as well. The Loop is the PHP function Wordpress uses to call and display your posts from the database they are saved in. Look in your /wp-content/themes/classic/ directory and open the file index.php file. Copy everything in between and to your clipboard. Now paste it into your new theme’s index.php file inside of whichever div you are using to hold your content. You just inserted a basic version of the loop into your code. Wordpress will use the loop to display your posts and comments on your website.Now upload your theme folder to /wp-content/themes/. Then log into Wordpress and activate your theme.
Read more!
Colourgrab.com :Type a URL of any online image : Get Colours
Welcome to ColorGrab! ColourGrab is about colours!
Type a URL of any online image below and our system will tell you the most used colours from that image,
and as a result give you some inspirtation! Not bad if you ask me! So without further-ado, let's jump right into
the meat of the program! Just type any image URL below!
http://colourgrab.com/
Read more!
and as a result give you some inspirtation! Not bad if you ask me! So without further-ado, let's jump right into
the meat of the program! Just type any image URL below!
http://colourgrab.com/
Magento Training
1.Introduction to Magento source and ecommerce basics
2.Installing the software and loading data, installing the basic theme
3. Designer's Guide: Intro to Themes
How to Create a Theme
Introducing Blocks and Layout
Step by Step Guide to Building a Theme
Cut up your (X)HTML according to functionality
Change the layout to reflect your design
Presenting different information on the page
4. Managing your products, pages and promotions to generating detailed reports,
Header use Flash
How to change default pages like, home page in Magento
How to add login form on home page in Magento
How To Create a Configurable Product
How to create a custom page in magento and link it to a new menu
How to Existing Payment Structure
Managing Product Attributes
How to change default pages like, home page in Magento
How to add login form on home page in Magento
How To Create a Configurable Product
How to create a custom page in magento and link it to a new menu
How to Existing Payment Structure
Managing Product Attributes
5. Magento Stores ECommerce Search Engine Optimization
Google Wave
Check out the developer preview at Google I/O
Google Wave is a new tool for communication and collaboration on the web, coming later this year.
Watch the demo video below, sign up for updates and learn more about how to develop with Google Wave.
How to install Java games on a Samsung mobile phone
It is NOT officially possible to install java games on all Samsung handsets (ex smartphones) via USB or Bluetooth. The only Method is using OTA/GPRS via a download server.Go to http://www.waphq.net,
Click Browse,
Select the .jar file,
Click Upload (note the ID),
Go to the provided WAP URL on your phone's browser
Enter the ID and select download.
http://www.waphq.net/
http://www.waphq.net/
Leading Your Way Out of the Recession
Leading Your Way Out of the Recession
by David Allen Ibsen
Whether you are starting a business, working within a business, or are looking for a new job or career, there are some fundamental rules that do apply-Here are the 5 Rules For Leading in the New Economy:
Rule #1: Acknowledge that the rules have changed. Things will not go back to the way they were. Yes, things in the economy will improve, but they will not return to how they once were.
Rule #2: Know what the new rules are, and how to optimize for them. Examine why your business failed (or is faltering), or why you were laid off. What fundamental business truths are no longer in existence, and do some research into what jobs, and what business categories are thriving-and why.
Rule #3: Think creatively, and be ready for when the economy picks up. Use the downturn as a time to plan, and visualize how you will be successful once the economy starts rolling again. If you're in an organization where budgets (and staff) have been slashed, and there's no money to grow-use this time to develop strategic, visionary plans. Remember, thinking and planning are free. If you're out of work, how can you re-position your skill set to fit into the new economy? Read business books, attend webinars and conferences-use this time to think and learn.
Rule #4: Leverage the opportunities of a changing economy-consider the lower costs of goods, rents and salaries. If you are starting up a company, consider asking out of work experts to "trade brains for stock"
Rule #5: Subscribe to the theory of "Delusional Positivity." Just as the emotion of stress can have a physiologic affect on our health, I believe that have a positive outlook can have a fundamental affect on a positive outcome. Those who wallow in self-pity, and negativity, can be left blinded when opportunity does arise. The concept of "Delusional Positivity" suggests that by keeping a steady, and consistent positive outlook on the future will keep your eyes wide open to every new opportunity that presents itself. A good example of this theory was Barack Obama's "Yes We Can" theme of his presidential campaign.
So, go out there and lead, with Delusional Posititivy, self-confidence and the traits of a leader, and remember that the willingness "…to explore strange new worlds; to seek out new life and new civilizations; to boldly go where no man has gone before" has worked before, and will work again.
World Builder
A strange man uses holographic tools to build a world for the woman he loves. This is a short by filmmaker Bruce Branit known also as the co-creator of 405.
A strange man uses holographic tools to build a world for the woman he loves. This is a short by filmmaker Bruce Branit known also as the co-creator of 405.
And here is the rest of it.
Read more!
Tony Robbins
Tony Robbins:Why we do what we do, and how we can do it better
Tony Robbins discusses the "invisible forces" that motivate everyone's actions and high-fives Al Gore in the front row.
And here is the rest of it.
Read more!
Amy Tan: Where does creativity hide?
Amy Tan is an American writer whose works explore mother-daughter relationships. In 1993, Tan’s adaptation of her most popular fiction work, The Joy Luck Club, became a commercially successful film. In this speech she gives an amazing personal insight on where do we get our creativity from, what triggers it and the general creative process. A must see for anyone working in the creative field.
And here is the rest of it.
Read more!
Seth Godin: Sliced bread and other marketing delights
Seth Godin, marketing guru , talks about changing world that we live in and how those changes affect the way people choose products, favorite websites, any service really. And, guess what, it’s not the way it used to be. An absolute MUST SEE.Seth Godin, marketing guru , talks about changing world that we live in and how those changes affect the way people choose products, favorite websites, any service really. And, guess what, it’s not the way it used to be. An absolute MUST SEE.
Read more!
10 “Nice-To-Have” Skills for Front-End Developers
http://www.impressivewebs.com/10-nice-to-have-skills-for-front-end-developers/10 "Nice-To-Have" Skills for Front-End Developers
In this article, 10 "nice-to-have" skills that will greatly enhance the resume or portfolio of today's front-end web developer.
1. Experience with SVN/CVS for Version Control
The days of manual backups are over. If you desire a position with a top web development firm in today's market, or if you want to improve the manner in which you version your own work, then you need to gain some experience with Subversion or Concurrent Versioning System (usually referred to respectively as SVN and CVS). SVN is essentially the windows-friendly, visual counterpart of the command-line driven CVS.
Both types have some fairly intricate features, but the general idea is quite simple: They allow you to save or "commit" work at intervals that can easily be retrieved should the need arise. Generally, in a team environment, front-end developers won't have to worry too much about all the features of versioning software, since the back-end team members will more than likely have the ability to walk them through any issues that come up. But some experience with SVN/CVS is a big plus in today's market.
2. Familiarity with Wordpress Theme Development
Wordpress theme development will not likely be a mandatory skill in the average job description, but more and more companies are catching on to the power of Wordpress from the standpoint of both developer and client.
If you have a number of years in front-end web development and haven't yet coded at least one Wordpress theme, then you're missing out on a very important "nice-to-have" skill to add to your resume or portfolio.
3. ActionScript
Most front-end developers will have at least some experience with Adobe Flash animation. We've all tweened an animated cross-fader at some point in our careers. But tweened animations are on the way out and are being replaced by powerful, developer-friendly ActionScript-based code.
Learn some basic ActionScript, or at least have the ability to modify or implement existing AS code, and it will greatly enhance your chances of landing your next job or client project.
4. Back-End Programming Experience (PHP, ASP, ASP.NET)
Having extensive experience in at least one back-end programming language is a huge bonus for a front-end specialist. But at the very least, every front-end developer should have knowledge in one back-end language — preferably that knowledge should fall somewhere in between beginner and intermediate.
I personally recommend that every front-end developer should own, and periodically review, at least one book on each of the big three, commercially-used, back-end languages: PHP, classic ASP, and ASP.NET — even if it's just to get the principles of those languages in mind. Which brings us nicely into the next item on this list.
5. Familiarity with Object-Oriented Programming Concepts (OOP)
This could easily fall under back-end programming, but since JavaScript, a front-end technology, also utilizes object-based principles, I think it's good to separate OOP into a skill of its own. Understanding OO concepts will greatly enhance a front-end developer's speed and ability with Framework-based code, CMS-based websites, JavaScript frameworks, and more.
Object-oriented programming is a mainstay in today's web development market. The mere mention of it will nicely decorate the modern-day front-end developer's resume.
6. Advanced Knowledge in SEO and Internet Marketing
Many large development firms will employ specialists to handle search engine optimization and internet marketing when the client requests those services. Front-end developers should be able to code markup that is SEO-friendly, or SEO-ready, so those services can be easily implemented into any existing project. SEO is very closely associated with web standards and best practices, so it's not just a "nice to have".
But having advanced, extensive knowledge in SEO and related fields like web analytics and ad-serving technologies will greatly complement a front-end developer's skills and experience.
7. Experience with PHPMyAdmin
Countless websites today are driven by PHP and MySQL. PHPMyAdmin is an open source tool that allows developers to handle administration of MySQL databases online. It's quite easy to use and does not require any knowledge of PHP or database querying, although those skills would help. Having some experience with this tool is a big plus for any front-end developer, even with the advent of CMS-driven websites that usually don't require PHPMyAdmin-type access to manage content.
8. Advanced Ajax/JavaScript Frameworks
JavaScript frameworks, which often utilize Ajax, are being used everywhere. CNN, The New York Times, Fox News, BBC, Major League Baseball, Walmart, and many more websites are utilizing JS Frameworks like JQuery, MooTools, YUI, and Prototype.
It is mandatory that front-end developers have some knowledge and experience in implementing at least one of the popular frameworks. But it is a huge bonus if a front-end developer has extended that knowledge beyond basic image sliders and fluffy transition effects — especially now that many websites are drawing up their designs, briefs, and wireframes based on the abilities and features available in the aforementioned frameworks.
9. Ruby on Rails (ROR)
Ruby on Rails, often just referred to as "Rails", is an open source web application framework for the Ruby programming language and has been very closely associated with the web 2.0 movement. Because of its ease of use and philosophy of "convention over configuration", some very large companies are using ROR.
ROR has officially broken through the "fad" phase and has evolved into a legitimate development environment. Knowledge and experience with ROR would be a definite plus in today's market. (Note: I edited this section. Thank you, Mr. Hann.)
10. Mobile Web Development
Front-end development principles are based on catering to the needs of the user. Mobile web development is slowly creeping up the list of important tasks to be successfully completed by front-end developers. Millions of users around the world depend on mobile devices like BlackBerry and iPhone to access, not just simple email or text messaging, but full-fledged websites and applications.
Very soon, this skill will be a mandatory requirement on the average front-end developer job posting, so it should most certainly be on the list of "things to learn" for today's front-end developer.
So that's it — that's my personal list of most important "nice-to-have" skills for today's job-seeking front-end developer. There are more, many of which didn't quite make the cut. Post your comments below and tell us what you think is a "nice-to-have" skill for the modern-day front-end website developer.
Ajax From the Ground Up: Part 1 - XMLHttpRequest
Ajax From the Ground Up: Part 1 - XMLHttpRequestThis article will begin a multi-part tutorial series in which I will explain how to implement Ajax "from the ground up".
This series will be geared towards web developers who would like to better understand Ajax in its raw format,
using pure JavaScript.
Read more!
MC Tween: it saves the world.
MC Tween: it saves the world.Special notice! While MC Tween is a nice extension and it will continue to work for AS1 and AS2 until the end of time, it is my duty to inform all citizens that I have switched the focus from further development on MC Tween to a new AS2 and AS3 extension, a real Class this time, called "caurina.transitions.Tweener" (or just Tweener). Tweener doesn't have as many features as MC Tween yet (for example, it doesn't have native filter tweens), and the documentation isn't 100% done, but it features a complete, more solid redesign with a few additional syntax features that were impossible to achieve with MC Tween. And it works the same for AS2 (including Flash Lite 2+) and AS3.
So, if you use MC Tween, or you're thinking about using it, I'd like to suggest you try Tweener instead. It follows all the principles of simplicity I tried to feature on MC Tween, but with a more powerful syntax. Tweener download, examples and documentation are available on Tweener's page. You can read more about this change on this blog post.
Thank you for your attention and sorry for this ugly box. And don't worry, this website will not be deleted or anything.
Notice for October 2008: also note that, if you are still interested in MC Tween and don't want to use class-based AS2 or AS3 solutions, Larry Benedict has taken the matter into his hands and updated MC Tween with some filter features that are not available in the latest version. You can read more about it (and download his version) here or here.
Simple sliding menu | Preview (6kb) | Source (9kb)
A simple menu -- all menu items are at _alpha 50%. When rolled over, items get 100% of alpha and slide a bit to the right, going back to _alpha 50% and to their original position when rolled out.
Commands used:
Activated menu | Preview (6kb) | Source (4kb)
Another menu. This one has a simple activation feature to turn menu options on or off; this is actually a bit more than just a raw MC Tween example, but I recon it could be useful as a reference. Fully commented.
Commands used:
Graphic tracer | Preview (6kb) | Source (9kb)
This is the source to the graph movie used on the animation types section. Given a different animation type, it animates a value differently and reflects that on a graph and on a sliding movieclip. Inspired by Robert Penner's easing demo, this one was done for a better explanation of each different type on this site.
Commands used:
Ball scaling menu | Preview (5kb) | Source (8kb)
A menu to demonstrate some of the animation types available - a bit cartoony. Clicking on each item makes it disappear.
Commands used:
Bezier Ball Bouncing | Preview (5kb) | Source (7kb)
A quick demonstration of callback functions and bezier sliding to simulate a ball bouncing on two surfaces.
Commands used:
Falling leaves | Preview (6kb) | Source (12kb)
The classic example of falling leaves, MC Tween style. Shows leaves falling down and rotating left and right when doing so - both done by tweening methods. Also applicable to falling snow flocks... I think.
Commands used:
Clock Hands | Preview (6kb) | Source (10kb)
Using tweening commands to rotate the hands of a clock based on duration time. Does not use the real time - so it's a bit like a chronometer.
Commands used:
Clock Hands Two | Preview (6kb) | Source (15kb)
Other example using the clock. This time, using the real CPU time - tweening is used to emulate an old analog clock's hands movements, with a certain inertia or snap. It's also used to rotate the pendule below the clock. There's a few problems with the pendule by the way.. it may gag a little on the first times it revolves. I did this in a rush - it would need some time verification for a proper start.
Commands used:
Flash 8 Filter Tests | Preview (10kb) | Source (6kb)
This is the Flash 8 file I used for testing the new Flash 8 filters shortcuts. It's a good example of several different filter tweening types.
Commands used:
Sound Examples
Photoshop User Magazine March 2009
Photoshop User Magazine March 2009
http://rapidshare.com/files/199559751/Photoshop-User---Mar-09.rar
Read more!
Mary Roach: 10 things you didn't know about orgasm
"Bonk" author Mary Roach delves into obscure scientific research, some of it centuries old, to make 10 surprising claims about sexual climax, ranging from the bizarre to the hilarious. (This talk is aimed at adults. Viewer discretion advised.)Funny, entertaining and informative. Mary Roach is very nice too - sexy woman.
And here is the rest of it.
Read more!
Flash: Delete from cache : Flash - remove xml from memory.
myXML.load("news.xml?uid="+uid);
That way the file looks different to it every time. I believe there's a no cache thing you can put in your meta tags in the html as well,
which might help clear the users cache...
but you don't want that always on because people will always have to load your site.
hackIE
<!--[if gt IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie7fix.css" media="screen" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6fix.css" media="screen" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/ie7fix.css" media="screen" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6fix.css" media="screen" />
<![endif]-->
var useragent = navigator.userAgent;
var bName = (useragent.indexOf('Firefox') > -1) ? 'Firefox' :
navigator.appName;
if (bName == "Firefox")
{
document.writeln('<style> #nav_bar_t6 {padding-left:33px;
padding-right:33px; } #footer {margin-left:18%}</style>');
}
if(navigator.userAgent.indexOf ("Netscape")!=-1)
{
document.writeln('<style> #nav_bar_t4 {WIDTH:
14.2%;padding-left:2px;} #footer {margin-left:18%}</style>');
}
if(navigator.userAgent.indexOf ("Opera")!=-1)
{
document.writeln('<style> #nav_bar_t6 {padding-left:38px;
padding-right:33px;} #footer {margin-left:18%}</style>');
}
</script>
Read more!
Quick Trick: Linking Directly to Pages in .PDF Files
Did you know it's possible to link directly to individual pages within .PDF files from a web page?
Imagine you have a 10 page .PDF file on your site and you'd like to direct your readers to page 6 of the .PDF file.
Creating a link that does just that is easy.
First, type the link to the .PDF document:
http://www.yoursite.com/my_pdf_file.pdf
Next, add the #page= data to the end of your link to specify the page number:
#page=6
The final tag in this example will link directly to page 6 of your .PDF file:
http://www.yoursite.com/my_pdf_file.pdf#page=6
Subscribe to:
Posts (Atom)
