Tag Archives: javascript

M3talinks for Jun 25th

Today’s M3talinks for Jun 25th

  • Monkeybagel.com: Pumas on Hoverbikes – We've all heard the "herding cats" analogy with regard to managing programmers. Managing sysadmins is like leading a neighborhood gang of neurotic pumas on jet-powered hoverbikes with nasty smack habits and opposable thumbs. Oh, and as a manager you're a neurotic junkie puma too, only they cut your thumbs off and whereas all the other pumas get to drive around on their badass hoverbikes and fire chainguns at the marketing department, YOU have to drive a maroon AMC Gremlin behind them and hand out Band-Aids and smile a lot, when all you're REALLY thinking about is how to get one of them to let you borrow his hoverbike for a few minutes so you can show those fools how it's DONE. This is because managers are usually people who proved that they were handy with a chaingun and were thus rewarded by having their thumbs cut off and their weapons handed to some punk college hire.
  • jQuery Raty – A Star Rating Plugin

M3talinks for Jun 24th through Jun 25th

M3talinks for Jun 24th through Jun 25th:

  • Giving Great Talks: A Mashup » Bolt | Peters – I had the privilege of Jared Spool attending and critiquing some of my recent talks, and in preparation for a UIE webinar I’m giving, he took time to rip me apart give me some awesome feedback. His advice reminded me of notes I took almost ten years ago at an Edward Tufte seminar about giving great talks, and so the next logical step was to make old-timey boxing photos of them both and write a mashup of their talking tips. RIGHT? Both Jared Spool and Edward Tufte are known to be kick-ass speakers in the technology field – Tufte is all up in the freaking white house, and Jared speaks roughly 400 days a year around the world. I think we can learn a lot from their advice, and despite the artificial conflict introduced with boxing pictures, their tips are mostly complimentary.<br />
    <br />
    - by Nate Bolt
  • Less.js Will Obsolete CSS – If you design websites you may have heard of interesting tools called CSS pre-processors. A couple of great ones are LESS and SASS. I helped Alexis, the creator of LESS with the design of the language and built the public site.<br />
    <br />
    It’s a tool I wanted to use myself, and even though SASS already existed I didn’t feel like using a different syntax to CSS—I wanted something to augment CSS and make it more powerful, while still retaining the same look and feel. That’s exactly what LESS does. It extends CSS with things like variables, nested rules, mixins and operations to name a few.
  • Less.js Will Obsolete CSS – If you design websites you may have heard of interesting tools called CSS pre-processors. A couple of great ones are LESS and SASS. I helped Alexis, the creator of LESS with the design of the language and built the public site.<br />
    <br />
    It’s a tool I wanted to use myself, and even though SASS already existed I didn’t feel like using a different syntax to CSS—I wanted something to augment CSS and make it more powerful, while still retaining the same look and feel. That’s exactly what LESS does. It extends CSS with things like variables, nested rules, mixins and operations to name a few.
  • LESS – Leaner CSS – LESS extends CSS with: variables, mixins, operations and nested rules. Best of all, LESS uses existing CSS syntax. This means you can rename your current .css files to .less and they'll just work.
  • Argentina On Two Steaks A Day – The classic beginner's mistake in Argentina is to neglect the first steak of the day. You will be tempted to just peck at it or even skip it altogether, rationalizing that you need to save yourself for the much larger steak later that night. But this is a false economy, like refusing to drink water in the early parts of a marathon. That first steak has to get you through the afternoon and half the night, until the restaurants begin to open at ten; the first steak is what primes your system to digest large quantities of animal protein, and it's the first steak that buffers the sudden sugar rush of your afternoon ice cream cone. The midnight second steak might be more the glamorous one, standing as it does a good three inches off the plate, but all it has to do is get you up and out of the restaurant and into bed (for the love of God, don't forget to drink water).
  • ICT Graphics Lab – The Graphics Lab at the University of Southern California has designed an easily reproducible, low-cost 3D display system with a form factor that offers a number of advantages for displaying 3D objects in 3D. The display is:<br />
    <br />
    * autostereoscopic – requires no special viewing glasses<br />
    * omnidirectional – generates simultaneous views accomodating large numbers of viewers<br />
    * interactive – can update content at 200Hz<br />
    <br />
    The system works by projecting high-speed video onto a rapidly spinning mirror. As the mirror turns, it reflects a different and accurate image to each potential viewer. Our rendering algorithm can recreate both virtual and real scenes with correct occlusion, horizontal and vertical perspective, and shading.

M3talinks for May 27th

Today’s M3talinks for May 27th

  • AviaSlider – a unique jQuery Image slideshow plugin – * 8 unique transition effects<br />
    * Lots of easy to set options to create your own effects<br />
    * Included Image preloader<br />
    * Autoplay that stops on user interaction<br />
    * Valid HTML5 and CSS 3 Markup<br />
    * Packed version only weights 8kb<br />
    * Supports linked images<br />
    * already prepared to work with prettyPhoto Lightbox<br />
    * works with jQuery 1.32 and higher<br />
    <br />
    Browser Support<br />
    <br />
    * Internet Explorer 6 and higher<br />
    * Safari 3 and higher<br />
    * Firefox 2 and higher<br />
    * Opera 10 and higher<br />
    * Google Chrome 3 and higher<br />
    * Checks for last 3 Browsers performed on Mac & Win
  • Piwik – Web analytics – Open source – Piwik is a downloadable, open source (GPL licensed) real time web analytics software program. It provides you with detailed reports on your website visitors: the search engines and keywords they used, the language they speak, your popular pages… and so much more.<br />
    <br />
    Piwik aims to be an open source alternative to Google Analytics.<br />
    <br />
    Piwik is a PHP MySQL software program that you download and install on your own webserver. At the end of the five minute installation process you will be given a JavaScript tag. Simply copy and paste this tag on websites you wish to track (or use an existing plugin to do it automatically for you) and access your analytics reports in real time.
  • Home – CFML Advisory Committee – CFML Advisory Committee – Welcome to the CFML Advisory Committee website. Our goal is to define what is "core" to the ColdFusion Markup Language, how that core should behave and what is considered "extended core" – what language features useful CFML processors should implement – as well as offering guidelines for vendors to provide extensions to CFML in a consistent manner.<br />
    <br />
    We are currently finalizing our basic definition of what constitutes the core CFML tags, functions and script and will be publishing more details shortly.
  • Open BlueDragon Java CFML Runtime Engine – Open BlueDragon – the worlds favourite<br />
    and only truly open source GPL Java CFML engine<br />
    <br />
    no hidden costs, no extra charges, no crippled functionality – Price $0.00
  • Railo Open Source – Railo open source is a completely free, open source CFML engine that has been officially accepted as a JBoss.org project. Railo is known for its compatibility, performance, innovations and extensibility.
  • Typedia: Learn: Anatomy of a Typeface – Anatomy of a Typeface

M3talinks for Apr 14th

Today’s M3talinks for Apr 14th

  • jQuery.popeye 2.0 | an inline lightbox alternative – jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.<br />
    <br />
    Though the script is quick and easy to setup, it offers great flexibility in both behaviour and styling.<br />
    <br />
    It was designed as an alternative to the often-seen JavaScript image lightbox (see Lightbox 2, Fancybox or Colorbox, just to name a few). What they all have in common: they employ a modal window to display the large images, thus disrupting the workflow of the user interacting with a webpage.<br />
    <br />
    jQuery.popeye takes a different approach: not only allows it for browsing all thumbnails as well as the large images in a single image space, it also repects the page flow and stays anchored and rooted in the webpage at all times, thus giving a less disruptive user experience than modal windows.

linkHive For Mar 22nd

Here are the newest links to join the linkHiveMar 22nd

  • httpd, the Apache HTTP server – The Apache HTTP Server is a “heavy duty” network server that Subversion can leverage. Via a custom module, httpd makes Subversion repositories available to clients via the WebDAV/DeltaV protocol, which is an extension to HTTP 1.1 (see http://www.webdav.org/ for more information.) This protocol takes the ubiquitous HTTP protocol that is the core of the World Wide Web, and adds writing—specifically, versioned writing—capabilities. The result is a standardized, robust system that is conveniently packaged as part of the Apache 2.0 software, is supported by numerous operating systems and third-party products, and doesn't require network administrators to open up yet another custom port. [22] While an Apache-Subversion server has more features than svnserve, it's also a bit more difficult to set up. With flexibility often comes more complexity.
  • httpd, the Apache HTTP server – The Apache HTTP Server is a “heavy duty” network server that Subversion can leverage. Via a custom module, httpd makes Subversion repositories available to clients via the WebDAV/DeltaV protocol, which is an extension to HTTP 1.1 (see http://www.webdav.org/ for more information.) This protocol takes the ubiquitous HTTP protocol that is the core of the World Wide Web, and adds writing—specifically, versioned writing—capabilities. The result is a standardized, robust system that is conveniently packaged as part of the Apache 2.0 software, is supported by numerous operating systems and third-party products, and doesn't require network administrators to open up yet another custom port. [22] While an Apache-Subversion server has more features than svnserve, it's also a bit more difficult to set up. With flexibility often comes more complexity.
  • Firebug – The most popular web development tool for Firefox<br />
    <br />
    * Inspect HTML and modify style and layout in real-time<br />
    * Use the most advanced JavaScript debugger available for any browser<br />
    * Accurately analyze network usage and performance<br />
    * Extend Firebug and add features to make Firebug even more powerful<br />
    * Get the information you need to get it done with Firebug.
  • Trans-herbe – Four O’ clock – Unique and refined<br />
    <br />
    Once reserved for the emperors and the nobles, the prized white tea is only harvested during a short period in the springtime. The young and tender leaves are free from any process. White tea brews to a pale yellow colour, and has a unique bamboo fragrance with a slightly nutty taste.<br />
    Ingredients<br />
    Organic Bai Mu Dan (White Peony) white tea leaves from China's Jiangxi province (Camelia sinensis).

linkHive For Mar 7th

Here are the newest links to join the linkHiveMar 7th

  • Design View / Andy Rutledge – Design Questions – You may be surprised, but I never ask design-related questions in design project discovery meetings. Some might wonder at this, as it may seem counterintuitive. The reason I don’t ask design questions of the client is the same reason an architect doesn’t ask the client what PSI the building’s load-bearing foundational structures will need to endure.<br />
    <br />
    In either case, such issues are for the design/architect pros, not the client. The result had better serve the client’s needs and it just better damn-well work. That’s what the client and his customers care abou
  • I wish I would have known: Answers from 11 top freelancers | Guerrilla Freelancing – Today we’ve got an awesome article for any first time freelancers. I’ve rounded up a few of the top freelancers out there and had them answer the question “What do you wish you would have known starting out as a freelancer?”. Needless to say, this article is full of over 2 thousand words of wisdom. I hope you find use for this article and if you know someone who might benefit from it, I’d love if you shared it with your twitter followers and facebook friends. Thank you :)
  • The Future of Wireframes – Articles – MIX Online – As we move into the next decade of web design, it's time for us to reevaluate our understanding of wireframes—a tried and tested user experience staple.
  • Book: Secrets of the JavaScript Ninja by John Resig – The untold secrets of the elite JavaScript programmers distilled for intermediate JavaScript programmers, bringing them completely up to speed with the challenges of modern JavaScript development. Explores specific techniques, strategies, and solutions to developing robust, cross-browser, JavaScript code.
  • jQuery: Novice to Ninja by Earle Castledine and Craig Sharkie – jQuery: Novice to Ninja will show you how to unleash the amazing power of jQuery. In this easy-to-follow guide, you’ll master all the major tricks and techniques that jQuery offers—within hours.<br />
    <br />
    jQuery has quickly become the JavaScript library of choice, and it’s easy to see why. This JavaScript framework dramatically improves how you add interactivity and animation to your website.
  • ‘Good’ Beats ‘Innovative’ Nearly Every Time – BusinessWeek – An obsession with innovation leads executives down the wrong path. Just trying to be good would be a smarter focus
  • Skyrocket Labs | Web site design, development, blogging, social media, XHTML/CSS templates, jQuery, PHP | Ottawa, Ontario, Canada – CSS3 tricks have been pretty popular in the last while on various design blogs and with good reason. Like many of you, I've caught the CSS3 bug and this afternoon I took a stab at this nifty little method of adding hints to your form fields (as well as some fancy style enhancements) using CSS3. The cool part is you don't require Javascript for the form field hints. Here's a demo and run down of the code used.
  • How To Design a Clean and Professional Resume / CV Website | Voosh Themes – Earlier in the week I released a new HTML template called Jamba which is a single page resume and CV template. In this post I’d like to show you how I designed the template in Photoshop (check out the Jamba features page and the live demo).
  • Design View / Andy Rutledge – Design Questions – You may be surprised, but I never ask design-related questions in design project discovery meetings. Some might wonder at this, as it may seem counterintuitive. The reason I don’t ask design questions of the client is the same reason an architect doesn’t ask the client what PSI the building’s load-bearing foundational structures will need to endure.<br />
    <br />
    In either case, such issues are for the design/architect pros, not the client. The result had better serve the client’s needs and it just better damn-well work. That’s what the client and his customers care abou
  • I wish I would have known: Answers from 11 top freelancers | Guerrilla Freelancing – Today we’ve got an awesome article for any first time freelancers. I’ve rounded up a few of the top freelancers out there and had them answer the question “What do you wish you would have known starting out as a freelancer?”. Needless to say, this article is full of over 2 thousand words of wisdom. I hope you find use for this article and if you know someone who might benefit from it, I’d love if you shared it with your twitter followers and facebook friends. Thank you :)
  • The Future of Wireframes – Articles – MIX Online – As we move into the next decade of web design, it's time for us to reevaluate our understanding of wireframes—a tried and tested user experience staple.
  • Book: Secrets of the JavaScript Ninja by John Resig – The untold secrets of the elite JavaScript programmers distilled for intermediate JavaScript programmers, bringing them completely up to speed with the challenges of modern JavaScript development. Explores specific techniques, strategies, and solutions to developing robust, cross-browser, JavaScript code.
  • jQuery: Novice to Ninja by Earle Castledine and Craig Sharkie – jQuery: Novice to Ninja will show you how to unleash the amazing power of jQuery. In this easy-to-follow guide, you’ll master all the major tricks and techniques that jQuery offers—within hours.<br />
    <br />
    jQuery has quickly become the JavaScript library of choice, and it’s easy to see why. This JavaScript framework dramatically improves how you add interactivity and animation to your website.
  • ‘Good’ Beats ‘Innovative’ Nearly Every Time – BusinessWeek – An obsession with innovation leads executives down the wrong path. Just trying to be good would be a smarter focus
  • Skyrocket Labs | Web site design, development, blogging, social media, XHTML/CSS templates, jQuery, PHP | Ottawa, Ontario, Canada – CSS3 tricks have been pretty popular in the last while on various design blogs and with good reason. Like many of you, I've caught the CSS3 bug and this afternoon I took a stab at this nifty little method of adding hints to your form fields (as well as some fancy style enhancements) using CSS3. The cool part is you don't require Javascript for the form field hints. Here's a demo and run down of the code used.
  • How To Design a Clean and Professional Resume / CV Website | Voosh Themes – Earlier in the week I released a new HTML template called Jamba which is a single page resume and CV template. In this post I’d like to show you how I designed the template in Photoshop (check out the Jamba features page and the live demo).
  • Pure CSS speech bubbles – Nicolas Gallagher – The demo page for Progressive enhancement: pure CSS speech bubbles.<br />
    <br />
    For a detailed explanation view the CSS file. It is heavily commented.<br />
    <br />
    All examples use simple, semantic HTML. No empty elements, no unnecessary extra elements, no JavaScript, no images (apart from that Twitter logo). Have a look at the source code.

linkHive For Feb 25th

Here are the newest links to join the linkHiveFeb 25th

  • WordPress Site Maintenance « WordPress Codex – To keep WordPress working like a the finely honed machine that it is, there is some site maintenance we recommend you do frequently. Consider it the lube job you need once every 1000 miles.

    Begin by creating a calendar of WordPress Maintenance procedures to remind yourself to get a lube job on your WordPress site on a regular basis.

    In the Codex article on WordPress Housekeeping, tips and resources are given to clean house in WordPress. These include cleaning out old plugins, cleaning template files and the theme's style sheet, upgrading WordPress, and other helpful tips for cleaning up and optimizing your WordPress Site.

    To ensure you keep your WordPress site up-to-date and working in prime condition, consider adding these Housekeeping steps to your calendar, typically every three to six months.

  • AIGA Standard Form of Agreement for Design Services — AIGA | the professional association for design – This agreement allows you to create customized terms and conditions for different types of design engagements. Updated in May 2007, it is now modular to meet the needs of a growing design community involved in various disciplines.

    It does not take a one-size-fits-all approach, and it is not an extensive pre-printed document where you simply fill in the blanks. Instead, this agreement acknowledges that most design firms develop their own custom proposal document for each project and are looking for an appropriate set of terms and conditions to attach to it. When put together and signed, the custom proposal document and its attached terms and conditions comprise the binding agreement with the client. With this in mind, the new focus of the AIGA Standard Form of Agreement is on those terms and conditions.

  • Sample Web Design Contract, Budget, Timeline & Proposal – Nerdburn – Web application & graphic user interface design blog by Shawn Adrian – In my previous article I offered my thoughts on how to make it as a freelance web designer. One of the things I mentioned was the need for a solid contract and proposal so here I offer my contract and proposal templates, free for your use.
  • Freelance Contracts: Do’s And Don’ts – Smashing Magazine – In this post, we’ll help you identify the information that should be included in your contract and make sure you have a concrete agreement that leaves little chance of things getting out of hand… as can sometimes happen to those of us in the freelancing crowd.
  • WordPress Site Maintenance « WordPress Codex – To keep WordPress working like a the finely honed machine that it is, there is some site maintenance we recommend you do frequently. Consider it the lube job you need once every 1000 miles.

    Begin by creating a calendar of WordPress Maintenance procedures to remind yourself to get a lube job on your WordPress site on a regular basis.

    In the Codex article on WordPress Housekeeping, tips and resources are given to clean house in WordPress. These include cleaning out old plugins, cleaning template files and the theme's style sheet, upgrading WordPress, and other helpful tips for cleaning up and optimizing your WordPress Site.

    To ensure you keep your WordPress site up-to-date and working in prime condition, consider adding these Housekeeping steps to your calendar, typically every three to six months.

  • AIGA Standard Form of Agreement for Design Services — AIGA | the professional association for design – This agreement allows you to create customized terms and conditions for different types of design engagements. Updated in May 2007, it is now modular to meet the needs of a growing design community involved in various disciplines.

    It does not take a one-size-fits-all approach, and it is not an extensive pre-printed document where you simply fill in the blanks. Instead, this agreement acknowledges that most design firms develop their own custom proposal document for each project and are looking for an appropriate set of terms and conditions to attach to it. When put together and signed, the custom proposal document and its attached terms and conditions comprise the binding agreement with the client. With this in mind, the new focus of the AIGA Standard Form of Agreement is on those terms and conditions.

  • Sample Web Design Contract, Budget, Timeline & Proposal – Nerdburn – Web application & graphic user interface design blog by Shawn Adrian – In my previous article I offered my thoughts on how to make it as a freelance web designer. One of the things I mentioned was the need for a solid contract and proposal so here I offer my contract and proposal templates, free for your use.
  • Freelance Contracts: Do’s And Don’ts – Smashing Magazine – In this post, we’ll help you identify the information that should be included in your contract and make sure you have a concrete agreement that leaves little chance of things getting out of hand… as can sometimes happen to those of us in the freelancing crowd.
  • 24 ways: Contract Killer – If you are writing a contract between you and your customers it doesn’t have to conform to the seemingly standard format of jargon and complicated legalese. You can be creative. A killer contract will clarify what is expected of both sides and it can also help you to communicate your approach to doing business. It will back-up your brand values and help you to build a great relationship between you and your customers. In other words, a creative contract can be a killer contract.
  • Jon Combe | Code | HTML clocks using JavaScript and CSS rotation – The two clocks below are pure HTML. There are no Adobe Flash files or my beloved <canvas> going on, just regular <div> and <img> tags. The way it works is by taking those images in an { overflow: hidden } <div> and rotating them, via JavaScript, using the proposed CSS transform property.
  • Jon Combe | Code | HTML clocks using JavaScript and CSS rotation – The two clocks below are pure HTML. There are no Adobe Flash files or my beloved <canvas> going on, just regular <div> and <img> tags. The way it works is by taking those images in an { overflow: hidden } <div> and rotating them, via JavaScript, using the proposed CSS transform property.
  • Home :: IPInfoDB – Are you looking for the geographical location of an IP address? You are at the right place.

    We offer a wide range of free services based on our IP address geolocation database :

    * Web based IP geolocation lookup
    * IP geolocation API (XML, JSON and CSV format)
    * API that generate IP CIDR by country for iptables or htaccess blocklist
    * E-commerce fraud detection API
    * Free version of our SQL database updated monthly!

linkHive For Feb 12th

Here are the newest links to join the linkHiveFeb 12th

  • Plupload – A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus – [[Wow! This is super impressive. I haven't tried it yet - but I will definitely give it a spin. And hosted on GitHub. What's not to love?]] The developers of TinyMCE brings you Plupload, a highly usable upload handler for your Content Management Systems or similar. Plupload is currently separated into a Core API and a jQuery upload queue widget this enables you to either use it out of the box or write your own custom implementation.

Bookmarks for Feb 6th through Feb 7th

These are my links for Feb 6th through Feb 7th:

linkHive For Feb 2nd

Here are the newest links to join the linkHiveFeb 2nd

  • dygraphs JavaScript Visualization Library – [[Wow - this is very impressive. This makes me want to do more HTML slidedecks, since this beats the pants off graph interaction on PowerPoint/Keynote etc.]] dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.
  • 10 best free Windows clipboard replacements | News | TechRadar UK – Windows' clipboard consists of a single item – press [Ctrl] + [C] or [Ctrl] + [X] again, and your original entry is lost.

    Thankfully this shortcoming hasn't been lost on the programming community, and a large number of tools have been developed to fill the gap.

    So we've scoured the web looking for 10 of the best freeware alternatives.

    There's a lot of crossover between the vast majority of them, so we've highlighted what makes them unique where applicable to help you pick your chosen clipboard replacement tool.

  • What Gets Measured 1106.pdf (application/pdf Object) – Data, metric, measures, assessments, evaluations, scorecards, progress reports… Many of us have
    been faced with a whole host of measurement opportunities. Seems like some of the performance
    measurements are moving targets that we seldom hit. Some measurement processes come and go
    like fog. I recall hearing this maxim years ago: “What gets measured gets done.” It has been
    attributed to Peter Drucker, Tom Peters, Edwards Deming, Lord Kelvin and others. Why is it that so
    often we get hung up on metrics and measuring things to the point that we sometimes lose track of
    measuring what really matters?