David Bisset: Web Designer, Coder, Wordpress Guru

Web 2.0, Php, MySQL, HTML, CSS, Wordpress, Javascript, iTouch iPod, iPhone, Adobe…

Archive for the ‘Coding’ Category

JQuery Rounded Corner Plugin

Stumbled on this JQuery Corner Demo which shows a really nice and flexible way to create rounded corners (or not even rounded) for boxes. The only potential problem here is: is this more CPU cycles than using the image/CSS tricks? Probably worth a very good try if you are already using jQuery on your sites. Regardless, worthy of a bookmark - especially if you need rounded corners at 2am in the morning.

  • 0 Comments
  • Filed under: Coding
  • Barcamp Miami Class List

    (wordcamp room)

    Disc project - 11:30am

    K2 issues - 12:30pm

    BuddyPress/Social Networking - 1:30pm

    Showcasing the showcase - 2pm

    Wordpress framework - 2:30pm

    Friend Connect - 3:00pm

    wordpress SEO - 3:30pm

    One big travel - 4:00pm

    Services widget - 4:30pm

    (barcamp room)

    Desiging apps/sites for teens - 1:00pm

    Make any website social (friend connect) - 1:30pm

    turn your social media addiction into an asset - 2pm

    Strategy and innovation - 2:30

    open discussion - leverage social pages - 3pm

    twitter performance - 3:30pm

    ten advanced strategies for social networking for biz - 4pm

    how to get your next job - 4:30pm

  • 0 Comments
  • Filed under: Coding
  • jQuery Dropdown Menu Plugin

    Emenu is designed to create a fixed-width, fixed-height drop down menu contained within a header image.

  • 0 Comments
  • Filed under: Coding
  • James Padolsey has a nice imgPreview jQuery plugin, which i kinda like the look of. It shows a preview of an image when you hover over a link, similar to a tooltip.

  • 0 Comments
  • Filed under: Coding
  • jQuery pageSlide

    This plugin allows any developer to recreate a “page slide” interaction on their own website… pageSlide wraps the original body content into a wrapper and creates an additional block for the secondary content load. The slide is animated whenever the click event is invoked.

  • 0 Comments
  • Filed under: Coding
  • Most of these are repeats, but i like to keep a fresh collection of css tab scripts - update at least once a year. :-)

    50+ Nice Clean CSS Tab-Based Navigation Scripts

  • 0 Comments
  • Filed under: Coding
  • The official title of the post is 20 jQuery Plugins for Unforgettable User Experience. Some items on this list were actually new to me, which is a nice and refreshing change. Here’s the list.

    1. seekAttention

    2. prettyPhoto a jQuery lightbox clone

    3. ThemeRoller

    4. The Silky Smooth Marquee

    5. Auto-populate multiple select

    6. jQuery Feed Menus

    7. jQuery iPod-style Drilldown Menu

    8. Convert a Select Box Into an Accessible jQuery UI Slider

    9. Setting Equal Heights with jQuery

    10. Increase the size of click targets and get more call-to-action conversions

    11. Using jQuery for Background Image Animations

    12. CrossSlide

    13. Fading Links Using jQuery: dwFadingLinks

    14. Agile Carousel: JQuery Carousel Plugin

    15. Image Cross Fade Transition

    16. Stylesheet switcher using jQuery

    17. jQuery File Tree

    18. jQuery Context Menu Plugin

    19. jScroller

    20. Jcrop

  • 0 Comments
  • Filed under: Coding
  • Using Javascript to Fix 12 Common Browser Headaches

    Most are jquery fixes. Some things covered include:

    1. Setting Equal Heights (jQuery example: $("#col1, #col2").equalizeCols();)
    2. IE6 PNG Alpha Transperancy support
    3. Changing CSS Classes in JavaScript
    4. Browser selectors in CSS ($('html').addClass($.browser);)
    5. min-/max- height & width support
    6. Center Elements Vertically / Horizontally
    7. Display Q tags in Internet Explorer
    8. Increase the size of click targets and get more call-to-action conversions
    9. Lazy loader
  • 0 Comments
  • Filed under: Coding
  • Cheat Sheets for Front-end Web Developers

  • 0 Comments
  • Filed under: Coding, Sideblog
  • Coda Slider Effect

    Great slider/tab effect for jQuery.

  • 0 Comments
  • Filed under: Coding
  • How To Make An IP-To-Country Tool With PHP and MySQL - Very handy tutorial for those who need to display (or not display) certain information depending on where the user is located.

  • 0 Comments
  • Filed under: Coding
  • Perfect multi-column CSS liquid layouts - but wouldn’t they be iPhone compatible by default since the iPhone uses MobileSafari?

  • 0 Comments
  • Filed under: Coding
  • This is a good technique that the big blogs do, and it’s helpful to see how you can apply this for your projects. Display a particular post and try to show related (by topic or author) posts or information to keep the user on the site.

  • 0 Comments
  • Filed under: Coding, Wordpress
  • 20+ CSS Common Bugs and Fixes

    Usually I don’t posts with titles like this, but this is actually a good article that doesn’t cover many of the really common newbie stuff. Using CSS to Fix Anything: 20+ Common Bugs and Fixes

  • 0 Comments
  • Filed under: Coding
  • 15 useful, free tools to help you create and sustain high-performance web applications.

  • 0 Comments
  • Filed under: Coding
  • FancyBox is another lightbox but according to it’s author it’s “something fresh and Mac-like”. Uses jQuery.

    Features:

    * Automatically scales large images to fit in window
    * Adds a nice drop shadow under the zoomed item
    * Groups related items and adds navigation through them (uses preloading)
    * Can display images, inline and iframed content
    * Customizable through settings and CSS

  • 0 Comments
  • Filed under: Coding
  • Title Capitalization in JavaScript

    John Resig’s port of John Gruber’s Perl script: Title Capitalization in JavaScript. The script, as the oringial, is capable of providing pretty capitalization of titles generally most useful for posting links or blog posts.

  • 0 Comments
  • Filed under: Coding
  • Pagination Styles using CSS

    If you need quick access to html/css for pagination then check out this good tutorial at woork. Digg and Flickr styles provided.

  • 0 Comments
  • Filed under: Coding
  • CodeIgniter, Digg API, and PHP

    If are trying to get somewhere with the Digg API, I highly recommend this tutorial on accessing the Digg API with PHP. Remember to save the php files as a CodeIgniter library so that you can call it like this:

    $this->load->library('diggclass');
  • 0 Comments
  • Filed under: Coding
  • List of Top 240 jQuery Plugins

    A nice list to have and refer to if you desire some functionality and don’t want to reinvent the wheel. I found jCarousel Lite and jCarousel via this page.

  • 1 Comment
  • Filed under: Coding
  • GridFox - Cool Tool For Developers

    GridFox is a Firefox extension that overlays a grid on any website. Easy to customize, allowing you to create the exact grid you designed your layout around. I just downloaded this and i instantly love it. Can see how i can adjust my css instead of having to go back to Photoshop.

  • 0 Comments
  • Filed under: Coding, Design / UI
  • jQuery Spy

    jQuery Spy is a very cool “Digg spy” clone that uses jQuery. Easy to use and customizable. Currently working with this on a client project.

  • 0 Comments
  • Filed under: Coding
  • Subversion How-To for Designers

    Vitamin has an excellant walk-through setting up Subversion focused for designers. Includes setting up the server (Beanstalk is plugged, but that’s ok since I was looking at it for an online solution anyway), setting up the client, and some examples of basic Subversion usage. Easy to follow, even for me. Designers need to realize how important version tracking is.

  • 0 Comments
  • Filed under: Coding
  • FancyBox - Lightbox For jQuery

    FancyBox is another lightbox solution using jQuery. Not too impressed - i don’t like the way the photos disappeared as you “scroll” through them but does hold out some promise as something to consider. According to the site, looks like it’s also going to be reworked in the near future.

  • 0 Comments
  • Filed under: Coding
  • Setting Up Subversion on Windows

    Although i’m favoring online solutions at the moment, I can’t ignore these instructions on how to setup Subversion on Windows by Jeff. Doesn’t look like a breeze to setup (hence why the online solutions look great at the moment) but worthy of keeping around.

  • 2 Comments
  • Filed under: Coding
  • PHP Widget For Mac OS X

    Andrew Hegdes created a PHP Function reference widget that provides fast lookup of information about the PHP web programming language. Just turned version one, and he’s looking for a little feedback. Haven’t seen anything like this yet, so bookmarking when i switch full time to Mac.

  • 0 Comments
  • Filed under: Apple, Coding
  • Advanced MYSQL Search in PHP

    If you are building search functionality for a site and want something beyond “simple matches” where your MySQL code ends up using the LIKE keywords, then check out how to use regexp with php and MySQL to get better search results from those using quotes in the search results (”glass windows”) when looking for an exact statement.

  • 0 Comments
  • Filed under: Coding
  • Tooltip Fader for Images

    MooFilm is a Mootools-Based Tooltip Fader for Images. Nice addition to MooTools bookmarks I guess.

  • 0 Comments
  • Filed under: Coding
  • Easy CSS Tooltip

    Easy CSS Tooltip: “A really simple and basic Crossbrowser Tooltip on your website.”

  • 0 Comments
  • Filed under: Coding
  • 9 Rich Text Editors

    The title is actually “9 of the best Rich Text editors reviewed” although these aren’t reviews… more like descriptions and links. Which is ok, but a little misleading.

  • 0 Comments
  • Filed under: Coding
  • PHP error_reporting() Cheat Sheet

    PHP error_reporting() Cheat Sheet

  • 0 Comments
  • Filed under: Coding, Sideblog
  • Mediatyping Your Site With PHP

    Dave over at mezzoblue tells us his method of giving users a choice if they are viewing a site on a mobile device or tv (Wii, Playstation, etc.). This is a useful tip, even for those with iPhones and iPod Touchs (iTouch).

  • 0 Comments
  • Filed under: Coding
  • jQuery Tutorials for Designers

    webdesignerwall.com has shows up some great, straightforward jQuery Tutorials for Designers. Starts with the basics.

  • 0 Comments
  • Filed under: Coding
  • Yahoo Answers Clones (PHP)

    Before considering building my own, I’m looking for php/mysql implentations of Yahoo Answers. So far, the best examples is Askeet built by the symfony Web PHP Framework. I’m going to give it a try, but always looking for alternatives.

  • 0 Comments
  • Filed under: Coding
  • Akismet CodeIgniter Library

    I can’t wait to get my hands on the Akismet CodeIgniter Library. Elliot Haughin has hit another home run. It looks simple enough to use… just load the library, pass it a comment object (name, email, website, and the actual comment itself), and you’ll get a is_spam flag.

  • 0 Comments
  • Filed under: Coding
  • Twitter Updates