Tag Archives: webdev

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 5th

Today’s M3talinks for May 5th

  • ZenCoding.vim – vim plugins for HTML and CSS hi-speed coding. : vim online – ZenCoding.vim : vim plugins for HTML and CSS hi-speed coding.
  • zen-coding – Project Hosting on Google Code – Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code. For example:<br />
    <br />
    div#page>div.logo+ul#navigation>li*5>a<br />
    <br />
    …can be expanded into:<br />
    <br />
    <div id="page"><br />
    <div class="logo"></div><br />
    <ul id="navigation"><br />
    <li><a href=""></a></li><br />
    <li><a href=""></a></li><br />
    <li><a href=""></a></li><br />
    <li><a href=""></a></li><br />
    <li><a href=""></a></li><br />
    </ul><br />
    </div>
  • Third Tribe Marketing – Mention the words "Internet marketing" to some, and images of obnoxious "gurus" spring to mind, complete with big red headlines, yellow highlighting, and excessive hype. And yet real Internet marketers (not get-rich-quick scam artists) are some of the smartest, wealthiest, and most ethical entrepreneurs you'll ever meet.<br />
    <br />
    Mention the words "social media marketing" to some, and images of touchy-feely idealists who promote community over commerce and conversation over cash come to mind. And yet some of the smartest people in the space successfully participate in social media for higher traffic, better search engine optimization, and larger profits.<br />
    <br />
    The black and white division of online marketing into two tribes is not real.<br />
    <br />
    These people learn from all sides and apply what they learn in a way that works for them. This tribe profits from the intersection of pragmatism and progress.<br />
    <br />
    This is the Third Tribe.

linkHive For Apr 1st

Here are the newest links to join the linkHiveApr 1st

  • 12 Tools To Check Your Site’s Accessibility – When you design any web site, one of your first goals is to make sure you get as many visitors as you can, but have you checked the true accessibility of your site? Can a color blind person read it? Are all of your scripts cooperating? Your colors may look nice together, but is the contrast different enough that it is all legible? Well, those questions are exactly what these 12 tools are designed to help you answer, and it certainly may never be a bad idea to run more than one to make sure they are all telling you the same thing.<br />
    <br />
    One caveat to this list, while these tools are helpful and will help you spot some problems, never trust them to be the ultimate authority, but more of a starting point on your road to the smoothest running site you can build.
  • MichaelHutagalung.com – I am a web designer from Bandung, Indonesia. Addicted to CSS, XHTML, PHP, and WordPress

linkHive For Mar 30th

Here are the newest links to join the linkHiveMar 30th

  • Limes & Lycopene – About Limes & Lycopene | Kathryn Elliott – Limes & Lycopene is all about food, health and how to eat well.<br />
    <br />
    While there’s a glut of information about what you should be eating to be healthy, lose weight and have plenty of energy. It’s the practicalities of how you actually do this that most people struggle with. If you’re busy, work long hours and are not an experienced cook how do you buy, prepare and eat the best food for you?<br />
    <br />
    If your response to most healthy eating advice is “just tell me what to eat” then Limes & Lycopene is for you. On this site I aim to cut through all the guff and misinformation about healthy eating. Instead I focus on practical solutions and making your diet better than it is.
  • PHP Template Inheritance – Template Inheritance is an extremely useful technique for making reusable HTML layouts for a site. It is much more flexible than alternative techniques, such as “including” common elements of a page (like a header and footer file).<br />
    <br />
    The concept has been around for a while, most notably in the Django template engine. Unlike other libraries, PHP Template Inheritance lets you write everything in straight PHP. There is no need to learn another template language.

Bookmarks for Mar 23rd through Mar 24th

These are my links for Mar 23rd through Mar 24th:

  • SitePoint CSS Reference
  • About Twitterfountain | Twitterfountain – Have you ever wanted to see what was happening at that one event you could not go to? Did the plain text-backchannels somehow left you feeling disappointed?<br />
    <br />
    Twitterfountain comes to your aid: we mash up tweets and Flickr-images that share the same tags into a spectacular visual. Below is a sample, that you can even copy and embed in your own site:
  • Fun with JavaScript: jQuery and Konami Code | Your Inspiration Web – Today we’re going to take a small leap back in time to the year 1985, when a Konami developer (Kazuhisa Hashimoto) created the first version of Gradius (a video game for the Nintendo console). During game trials, Kazuhisa realized that it was really difficult to complete, and so he created a code which immediately gave the player all possible power-ups.
  • Robert K. Logan | Strategic Innovation Lab (sLab) – Robert K. Logan is Chief Scientist, Strategic Innovation Lab at OCAD. Originally trained as a physicist, Prof. Logan is well known as a media ecologist. He received a BS and PhD from MIT in 1961 and 1965. After two post-doctoral appointments at University of Illinois (1965-7) and University of Toronto (1967-8) he became a physics professor in 1968 at the U of Toronto, where he is professor emeritus since 2005.<br />
    <br />
    During this period in addition to math-based physics courses he taught an interdisciplinary course The Poetry of Physics which led to his collaboration with Marshall McLuhan and his research in media ecology and the evolution of language. His best known works are The Alphabet Effect based on a paper co-authored with McLuhan, The Sixth Language: Learning a Living in the Internet Age and The Extended Mind: The Emergence of Language, the Human Mind and Culture.

linkHive For Jan 22nd

Here are the newest links to join the linkHiveJan 22nd

  • EEI Communications – EEI Press – The Elements of Internet Style

    The New Rules of Creating Valuable Content for Today's Readers

    Copublished with Allworth Press.
    ($24.95, 162 pages, softcover.)

    This is the completely updated new edition of our award-winning book, E-What?
    A Guide to the Quirks of New Media Style & Usage.

    The Elements of Internet Style will open your eyes to the major tech-driven trends
    in publishing—and Web-driven audience expectations—that no professional
    communicator can afford to ignore.

  • Every Web Site Is the Same: The Elements of Web Style | Jackfig – You can ask most anyone the question, “What is Web style?”, and the response may be as simple as a shrug or as complex as a theorem. That is, it’s anyone’s guess. But most people concerned about the matter would agree: it is an under-exploited element of the Web, with no commonly agreed upon standards or clearly identified best practices.

    The concept certainly exists; we found one of the best summaries once on the Rice University Web site:

    “Good web style is a complex subject, incorporating general principles of good writing style and good visual design as well as technical matters specific to the World Wide Web.”

    You won’t find a more succinct definition or, more importantly, a full disclosure of the three critical ingredients of Web style:

    Writing – Design – Technology

  • Web Style Guide – Consistently praised as the best volume on classic elements of web site design, Web Style Guide, now in its third edition, maintains an emphasis on fundamentals while bringing every chapter topic up-to-date.

    Written for web site designers in corporations, government, nonprofit organizations, and academic institutions, the book explains established design principles and covers all aspects of web design—from planning to production to maintenance. The guide also shows how these principles apply in web design projects whose primary concerns are information design, interface design, and efficient search and navigation.
    New for this edition:

    * a chapter devoted to universal usability
    * information on search engine optimization and the designs that improve it
    * a chapter on information architecture and how to promote its robust development
    * techniques for employing cascading style sheets in layouts and typographic design
    * 185 full-color illustrations

  • EEI Communications – EEI Press – The Elements of Internet Style

    The New Rules of Creating Valuable Content for Today's Readers

    Copublished with Allworth Press.
    ($24.95, 162 pages, softcover.)

    This is the completely updated new edition of our award-winning book, E-What?
    A Guide to the Quirks of New Media Style & Usage.

    The Elements of Internet Style will open your eyes to the major tech-driven trends
    in publishing—and Web-driven audience expectations—that no professional
    communicator can afford to ignore.

  • Every Web Site Is the Same: The Elements of Web Style | Jackfig – You can ask most anyone the question, “What is Web style?”, and the response may be as simple as a shrug or as complex as a theorem. That is, it’s anyone’s guess. But most people concerned about the matter would agree: it is an under-exploited element of the Web, with no commonly agreed upon standards or clearly identified best practices.

    The concept certainly exists; we found one of the best summaries once on the Rice University Web site:

    “Good web style is a complex subject, incorporating general principles of good writing style and good visual design as well as technical matters specific to the World Wide Web.”

    You won’t find a more succinct definition or, more importantly, a full disclosure of the three critical ingredients of Web style:

    Writing – Design – Technology

  • Web Style Guide – Consistently praised as the best volume on classic elements of web site design, Web Style Guide, now in its third edition, maintains an emphasis on fundamentals while bringing every chapter topic up-to-date.

    Written for web site designers in corporations, government, nonprofit organizations, and academic institutions, the book explains established design principles and covers all aspects of web design—from planning to production to maintenance. The guide also shows how these principles apply in web design projects whose primary concerns are information design, interface design, and efficient search and navigation.
    New for this edition:

    * a chapter devoted to universal usability
    * information on search engine optimization and the designs that improve it
    * a chapter on information architecture and how to promote its robust development
    * techniques for employing cascading style sheets in layouts and typographic design
    * 185 full-color illustrations

  • Kaltura: Open Source Video Developer Community | Leading the Open Video Revolution – [This looks like it will let you roll your own YouTube - and it's opensource. Wow!] Home of Kaltura’s open source video platform, the fastest growing platform on the web – used by over 48,000 sites worldwide.

linkHive For Jan 18th

Here are the newest links to join the linkHiveJan 18th

  • LinuxCommand.org: Writing shell scripts. – With the thousands of commands available for the command line user, how can you remember them all? The answer is, you don't. The real power of the computer is its ability to do the work for you. To get it to do that, we use the power of the shell to automate things. We write scripts.

    Scripts are collections of commands that are stored in a file. The shell can read this file and act on the commands as if they were typed at the keyboard. In addition to the things you have learned so far, the shell also provides a variety of useful programming features to make your scripts truly powerful.

  • OpenFaces – OpenFaces is an open-source library of AJAX-powered JSF components, an Ajax framework and a client-side validation framework. OpenFaces is based on the set of JSF components formerly known as QuipuKit. It contains fully revised codebase of QuipuKit and introduces many new components and features.

    OpenFaces is distributed under a dual license model. It means that you can choose between using the library under GNU Lesser General Public License (LGPL) or purchasing a commercial license.

  • ZURB – How to Design Better Copy – Last week, Bryan told us that it's all about great copy—but how do you make that great copy perform? Designing your words is an easy way to turn effective copy into a weapon of mass enjoyment. Here are three tips for designing better copy on the Web.
  • Catch My Fame » jQuery Before/After Plugin – About a month ago I was reading the New York Times online and they had an article which showed a road in Brooklyn that had been reconstructed to make it safer and more pleasing to the eye. To show the difference in the reconstruction project, they showed a before and after picture using Flash that let the visitor drag a slider over the images, which were sandwiched with one on top of the other, so that you could easily see how dramatic the changes were. I immediately thought that this could be done in JavaScript using jQuery, so I set out to do it. Here’s the result:
  • Catch My Fame » jQuery Before/After Plugin – About a month ago I was reading the New York Times online and they had an article which showed a road in Brooklyn that had been reconstructed to make it safer and more pleasing to the eye. To show the difference in the reconstruction project, they showed a before and after picture using Flash that let the visitor drag a slider over the images, which were sandwiched with one on top of the other, so that you could easily see how dramatic the changes were. I immediately thought that this could be done in JavaScript using jQuery, so I set out to do it. Here’s the result:
  • emson… » 18 Useful bash scripts for web developers – Here are a few scripts, that I find really useful for speeding up my web development time.

    I’ve been building up this list as I needed to use them – so they maybe a little raw.

    For example often clients send me images with filenames that don’t match my naming standard, so running the appropriate script really helps keep me focussed on the job in hand and not waste too much time reformatting filenames etc.

linkHive For June 29th

Here are the newest links to join the linkHiveJune 29th

  • KeyTable – There are a number of tools such as DataTables which provide enhanced access to HTML tables for Javascript capable browsers. However, these tools often lack keyboard accessibility. KeyTable addresses this by allowing Excel like cell navigation on any table.
    Introduction

    KeyTable is a Javascript library which provides keyboard navigation and event binding for any HTML table. With KeyTable Excel style table navigation can be employed to provide features such as editing of a table without requiring a mouse. As a further bonus, KeyTable integrates seamlessly with DataTables.

    Let's jump straight into an example: the table below is editable through keyboard navigation. Simply navigate to the cell you wish to edit and hit return. This initialises the excellent jEditable plug-in for jQuery – make your edit and then hit return again to save.

Bookmarks for June 24th through June 25th

These are my links for June 24th through June 25th:

  • Print Stylesheets – css-discuss – This document describes some of the issues concerning the use of CSS to reformat Web documents for printing (using the media type "print"). We also discuss those aspects that CSS is not able to control or even influence. We assume a good knowledge of CSS and concentrate on practical issues, given the current deficiencies in browsers in implementing print-related CSS. For more basic tutorials and theory see "Other Sources" below. See also MediaStylesheets for practical media stylesheet strategies.

    Two of the most common problems with printing occur when positioning other than static is used (e.g. position: absolute) or when there are floats. See the section below "Suggested strategy for page breaks".

  • GIFTS – BEST SELLING PERPETUAL KID ITEMS
  • Social Network Icon Pack · Komodo Media – Introducing 80+ ridiculously rad social networking icons, made by deft-fingered Haitian refugees, not really… but really. I’ve developed over 80 refined, amazing social networking icons for the top networks around. They’re all the rage with you crazy newsk00l intarweb kids. Use them on your blogs. Put them on t-shirts, coffee mugs, your face-space or whatevs.
    Here’s whats you get

    The Social Network Icon Pack consists of 40+ 16 pixel x 16 pixel icons and 40+ 32 pixel by 32 pixel icons all in 32-bit PNG format in the following flavors:

    View on light background • View on dark background

  • Languagegeek : Native Languages – Languagegeek is dedicated to the promotion of indigenous languages – primarily those of North America. By providing the tools which speakers, educators, and learners can use to communicate on-line or in print, the realm of computers will no longer be the sole domain of a few global languages. Whether it be e-mails, web pages, or word processing, computers have the potential to be a powerful means to level the playing field among all of the world’s languages.

    Languagegeek provides free fonts and free keyboard layouts which try to cover all of the characters (alphabetical letters/Syllabics) necessary for writing Native languages. Syllabics (Algonquian, Athapaskan, Inuit, Cherokee) take centre stage with type faces in new and innovative styles. Several fonts are also available for those languages which use a Roman orthography but require a number of diacritic marks or special characters.

  • Cisco ACE Application Control Engine Module – Products & Services – Cisco Systems – The Cisco ACE Application Control Engine Module for Cisco Catalyst 6500 Series Switches and Cisco 7600 Series Routers is a next-generation load-balancing and application-delivery solution. A member of the Cisco family of Data Center 3.0 solutions, the module:

    * Helps ensure business continuity by increasing application availability
    * Improves business productivity by accelerating application and server performance
    * Reduces data center power, space, and cooling needs through a virtualized architecture
    * Helps lower operational costs associated with application provisioning and scaling

    It achieves these goals through intelligent load-balancing and content-switching technologies integrated with acceleration and security capabilities. A virtualized architecture and role-based administration help you provision and deliver multiple applications from a single module to increase data center scalability.

  • Lifehacker – Make the Most of Your Dual Monitors – Autohotkey – Now that you've added another monitor to your computer setup, you've got double the screen real estate to get things done—but are you putting all that space to good use? Whether you want to stretch your desktop wallpaper or taskbar across two monitors or perfectly snap all your windows into place every time, there are a few utilities that can help you make the most of every last pixel of your dual monitors. Let's take a look.

    * Get Your Dual Monitor Wallpaper On
    * Extend the Taskbar Across Monitors
    * Managing Windows
    * Desktop Pinups and Overlays

  • How To Write a White Paper to Attract Clients – Dumb Little Man – How To Write a White Paper to Attract Clients

    Do you have a new idea, business model, product or service? Do you want to get noticed by using a marketing method that might only cost you time? Try writing a white paper to attract people to your door.

linkHive For June 22nd

Here are the newest links to join the linkHiveJune 22nd

  • Webby – Webby is a fantastic little website management system. It would be called a content management system if it were a bigger kid. But, it’s just a runt with a special knack for transforming text. And that’s really all it does – manages the legwork of turning text into something else, an ASCII Alchemist if you will.

    Webby works by combining the contents of a page with a layout to produce HTML. The layout contains everything common to all the pages – HTML headers, navigation menu, footer, etc. – and the page contains just the information for that page. You can use your favorite markup language to write your pages; Webby supports quite a few.

    Install Webby and try it out!

    sudo gem install webby