February 19th, 2010
Suppose you have the following structure:
<div class="section">
<h3 class="title">Title</h3>
<span class="description">...</span>
</div>
<div class="section">
<h3 class="title">Title</h3>
<span class="description">...</span>
</div>
This code will let you access the child elements of ‘.section’ when you use an ‘each’ function
<script type="text/javascript">
$(function(){
$('.section').each(function(i,element){
$('description',this).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
});
});
</script>
I hope this helps someone, I kept forgetting how to do this, so this is mostly a reminder for myself.
Source: http://stackoverflow.com/questions/306583/jquery-this-selector-and-children/306904#306904
December 13th, 2009
For some time now I’ve been working closely with my friend Darrell at Candybox Marketing, he has a great SEO/Marketing company and I enjoy so much every project I work with them (except for email campaigns hehehe).
With so many projects in the line I found myself in the need of finding another person to help me with all the development. I’m a bit of an strict person when it comes to my work, so it was really hard for me to think of somebody who has all the ‘features’ that I’m looking for… The person I was looking for had to be:
- Fun: I can’t work without having fun, so I needed this person to be funny and easy to talk to.
- Passionate: He/she has to love programming and new challenges.
- Professional: When I mention professional I refer directly to: natural instinct for coding indentation and semantic/standard XHTML and CSS and be an knowledgeable OOP programmer.
I glad to announce that I’ve invited my friend Gilberto to work with me. Gilberto is a Computer Engineer graduated in Venezuela, we’ve studied together in University and we’ve worked in tons of programming projects, where we’ve shown how dedicated we can be when something is challenging our brains!
Welcome Gilberto it’s always a pleasure to work with you!!!
November 23rd, 2009
So I’m just testing this new wordpress feature that allows you to post from your mobile device… You only need to enable xml-rpc in your blog configuration, install the wordpress iPhone free application, enter your admin information and you are ready to post! You can also moderate comments, and manage your pages! It’s pretty cool! I’ll probably be posting comments from my mobile more often
October 8th, 2009
Simply put:
<!--[if lt IE 7]><style type="text/css">@import url(http://www.joelevi.com/securityupdate/bar.css);</style><div id="advBrowserWarning"><a href="http://www.joelevi.com/securityupdate/securityAlert.html"><b>WARNING!!!</b> Your version of Internet Explorer has known security issues! To protect your computer please correct this now. Click here for options...</a></div><![endif]-->
This is a great idea! I just found this post that talks about a technique for scaring the crap out of IE6 users… Although is something I’m not going to apply in my websites (it’d be so funny though hahaha), it’s a pretty nice way to make them migrate to a better browser:
Check out this post here
Enjoy! and comment if you’re applying it to your website hehehe
October 7th, 2009
While I was writing the last post, I was trying to find a nice code highlighter with this requirements:
- Keep Indentation: I want to code to look nice, but if it’s not indented correctly as I submit it, then it’s garbage
- Support Different Languages: I’m going to be writing post about Javascript, PHP, XHTML and I need all these languages/markups to be highlighted
- Line number/Plain code view: You should be able to switch between plain code view and line number. I couldn’t find specifically what I was looking for but this one had a different approach to solve this problem.
- W3C Compliant: The code produced has to be W3C Compliant.
After like 1 hour of research and testing, I found SyntaxHighlighter Evolved! here is the plugin’s website: http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/.
To install it you can go to your Wordpress Admin panel and look for SyntaxHighlighter Evolved and install it.
To use it:[language]…code…[/language]
Example:
[javascript]
$(function() {
var zIndexNumber = 1000;
$('div').each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});
[/javascript]
It’s pretty straight forward, for better details on how to use it, I went to my Wordpress Admin Back-end > Plugins > Installed, then I looked for SyntaxHighlighter Evolved and clicked on Settings, at the bottom of this page you’ll see the details of what parameters you can pass to change the functionality.
Do you know another code highlighter that works better than this one?
October 6th, 2009
A quick post, I was just having problems in my website with my beautiful picture showing on top of everything. It was showing fine in FF but in Internet Explorer 7 it was showing behind, so you could only see like half of my face and that’s not fare for anyone.
I found this cool website where I read that ie7 does something weird with the stack order when it renders the page and solves the problem using jQuery. Surprisingly I just copied and pasted the code (after analyzing it of course) and it fixed my problem!
Here is the code! for more details on this solution go to Vance Lucas Website
$(function() {
var zIndexNumber = 1000;
$('div').each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});
October 6th, 2009
As you might have seen in my home page, I’m a web developer with more than 5 years of experience. As most passionate computer people, I started in computers when I was very young and I’ve never lost my passion for my work (it doesn’t mean I haven’t got frustrated, angry and desperate when I can resolve problems >:| ).
We’ll be discussing here new technology trends, things that I’ve discovered, things that I think they’re cool, general solutions, questions and other interesting stuff, so stay tunned for more posts
. I don’t promise to write here every single day, but I will keep it up to date!
Thanks very much for visiting and if you want to stay tunned on my latest projects, adventures and more, follow me on twitter.
Cheers and keep your code clean!