Placed in: Home viagra australia
viagra online
viagra sale
cialis online
cialis australia
All about CSS-Tricks and more with Chris Coyier

Last week, I had the privilege to have a chat with Chris Coyier (nice alliteration). If you've never heard from this guy living in Chicago (Illinois), I'm pretty sure you've seen his website one ore more times: CSS-Tricks. On his site, he shares great information about CSS, jQuery and more webdevelopment techniques.

During this conversation, Chris shared some great information that could be interested for everybody that's working in the webdesign field. You can read the whole chat here.

Chatting with Chris Coyier

Now, lets sit down, take a drink and chat with this creative man behind the scenes of CSS-Tricks.


Tags:  chris coyier css-tricks interview chat conversation
 
jQuery Code Expander

There is a problem on the web. Displaying actual programming code takes away a lot of space of the webpage (especially the longer ones). You can split up the code in several parts, but that's really hard to read for programmers. You can leave it "as it is" and users would have to scroll a lot if they're not interested in the code itself. And scrollbars in code-examples - that's just horrible (and yes - that's what I have on this website).

I created a solution for this problem and call it the jQuery Code Expander. It does exactly what you think it does - Expand any code you want to place online using jQuery.

jQuery Code Expander

But, before you can expand anything, it has to be cropped. That's where the CSS kicks in. It's like a combination of using scrollbars and fully showing the code!

Demo jQuery Code Expander   Download jQuery Code Expander

This script only changes those elements that needs to be expanded and doesn't touch those who don't. An additional overlay image is added, just to show the user that it can expand the code example. Check out the demo and read below what the secret of this technique is.


Tags:  code expander jquery webdevelopment
 
Giveaway contest - 2000 Business Cards by Bizcard

Today is the day for another great contest on Marcofolio.net. This one especially goes out to all people that want to win some business cards. Three lucky readers will be able to win some from Bizcard - Business Cards.

I'm able to give away a 1000 business cards to 1 lucky reader, and 500 cards to 2 others! That's surely worth a shot! Winners can print their own design or select any design from their catalog.

Bizcard

Read the rules below to find out how you can join this contest: it's pretty simple! Make sure you join this contest quick, since it ends on September 9th and you'll automatically receive information if you have won a prize. Good luck to everyone!

Also, make sure you subscribe to the RSS feed or follow me on Twitter to get updates on more future giveaways.


Tags:  prize giveaway business cards bizcard contest
 
Personal note: Vacation in the Philippines

Here's a quick personal note (nothing wrong with giving your blog some personality, right?). I just came back from a great vacation in the Philippines and I'm sorry for the lack of updates. To cheer up your, I wanted to share some wonderful pictures that I took while I was on the other side of the world (I live in the Netherlands).

Vacation in the Philippines

All pictures (except from the last one) were taken with a Sony DSLR-A200. So, sit back and enjoy viewing a couple of beautiful photos.


Tags:  personal vacation philippines cagayan de oro camiguin
 
The Polaroid Photo Viewer - Non-Full Screen

Pretty fast after I placed the Polaroid Photo Viewer with CSS3 and jQuery example online, I received loads of e-mails and comments requesting another feature. The original example was only full-screen, but people wanted it to "stick" to a box (Placing it inside a <div>).

By making a couple of changes to the original code, I managed to make this work too. So today, I present you the non-full screen version of the popular Polaroid Photo Viewer with CSS3 and jQuery.

The Polaroid Photo Viewer - Non-Full Screen

Try dragging the polaroids around in the demo. You'll be able to do so, but the surrounding division seems to prevent the user from actually dragging it outside it's container.

Demo The Polaroid Photo Viewer - Non-Full Screen   Download The Polaroid Photo Viewer - Non-Full Screen

Just like with the original example, this example only works on modern browsers supporting CSS3 (Safari, Chrome and Firefox 3.5). This probably would work with Opera too, but I haven't tested it.

Now to show you which small changes are made to the original script to make this one work.


Tags:  polaroid photo viewer css3 jquery webdevelopment
 
<< Start < Prev 1 2 3 4 5 6 7 8 9 10 Next > End >>

Results 76 - 90 of 361
Subscribe

Subscribe to Marcofolio