Tag Archives: webdesign

M3talinks for Jul 27th

Today’s M3talinks for Jul 27th

  • Terri Oda: About Terri – Who am I?<br />
    <br />
    In no particular order:<br />
    <br />
    * I'm a geek.<br />
    * I'm a Canadian.<br />
    * I'm a software developer.<br />
    * I'm a editor.<br />
    * I'm a muscian.<br />
    * I'm a bookworm.<br />
    * I'm an artist.<br />
    * I'm a hacker.<br />
    * I'm a cyclist.<br />
    * I'm a mailing-list maintainer.<br />
    * I'm an environmentalist.<br />
    * I'm a leader.<br />
    * I'm a naturalist.<br />
    * I'm a scientist.<br />
    * I'm a sysadmin.<br />
    * I'm a student.<br />
    * I'm whatever I feel like being. It's great to be free.
  • Stubbornella » Blog Archive » Woman in technology – Usually I avoid topics like women in technology because (1) it is a can of worms, and (2) I can really only speak for myself. For the most part, I’d rather be seen as a person in technology than a woman, but this weekend the twitterverse erupted with opinions about Google sponsoring female students to attend JSConf. As a woman who is often the only-woman-in-the-room, I want people to know it isn’t always easy. I was a bit shocked by the blatant failure to empathize.
  • How to import certificates into certificate stores (ColdFusion) – For secure connections to remote servers over SSL, all current versions of ColdFusion require the remote system's SSL certificate to exist in ColdFusion's certificate truststore. This includes any calls from <cfdocument>, <cfhttp>, <cfldap>, etc. The default truststore is the JRE's cacerts file. This file is typically located in the following places:
  • SEOmoz | The Web Developer’s SEO Cheat Sheet – When I first started at SEOmoz about 9 months ago, I was the web development intern. My experience prior to the internship was limited entirely to writing code. Since then, I have spent literally hundreds of hours expanding my knowledge into different areas. Specifically, I have focused on accepted SEO techniques and small business practices. My beginner SEO checklists of the last few weeks have been the tangible result of my newly acquired knowledge. In an effort to return to my roots, I spent the majority of the day compiling what I believe to be the mother of all technical SEO cheat sheets. The recommended viewing format of this cheat sheet is as a PDF rather than the traditional blog post (I found the blog posts inconvenient to print). Let me know if this new format works better for all of you. I also included snippets below so you can see what is on the cheat sheet before you download it. Enjoy!

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 Jun 2nd

Today’s M3talinks for Jun 2nd

  • Good Web Fonts for Online Text – You’ve read Bringhurst. You keep The Elements of Typographic Style on your bedside table. You can’t wait to use more fonts online… but you want to do right by your clients and your readers.<br />
    Who has time to test web fonts? Relax. We’re doing it for you.

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 May 21st

Today’s M3talinks for May 21st

  • International Distributors for IdeaPaint – IdeaPaint is one of the most flexible, durable and cost-effective dry-erase solutions on the market. IdeaPaint turns any smooth surface into a high performance dry-erase board, giving you the space you need to collaborate, interact and fully explore your creativity. It outperforms and outlasts the leading dry-erase options and works better with all brands of dry-erase markers. No matter where you use it, big ideas follow.<br />
    <br />
    On top of it all, IdeaPaInt is the most environmentally friendly dry-erase product on the market. It delivers more writing surface with far less environmental impact.
  • 2-liter bottle upside down tomato planter The Cheap Vegetable Gardener – Though my first attempt at an upside down tomato planter worked out great, I have a habit of forgetting to water the plants everyday. More commonly when we have decent rains when only the hanging tomato planters need to be watered. So this year I have modified my design a little to make this a little easier. As a bonus you can create this new version much quicker and minimal tools.
  • Internet Explorer 9: Platform Demos – Test out IE 9 at their Test Drive page. Dare we dream that IE9 may not suck?
  • CSS Starbursts with CSS3 transforms and transitions – I was recently experimenting with the new CSS3 rotation property and it occurred to me that I could use this to create image-free starbursts. All I needed was a series of nested block-level elements each rotated by a slightly different amount. The rotation would distribute the box corners around the circumference of the star.

M3talinks for May 13th

Today’s M3talinks for May 13th

  • Do copywriters need a new name? | Copify | Content mills | ABC Copywriting blog – In this post, copywriter Martin Williams discusses the use of the word ‘copywriter’, and whether it is coming under pressure from content mills such as Copify. He argues, passionately, that authentic, carefully developed content is the only possible basis for an effective social media campaign, which in turn drives search too. So do we need a new word to describe what ‘real’ copywriters do, as opposed to content mills?<br />
    <br />
    This post presents my responses to Martin’s post (and will make more sense if you read his post first).
  • Principles Of Minimalist Web Design, With Examples – Smashing Magazine – Minimalism is achieved by reducing a design to only the most essential elements. Expressions of minimalism span multiple disciplines, as well as other art forms such as music and literature. For website designers, though, minimalism can be intimidating and difficult to master.<br />
    <br />
    But anyone can master minimalism. Essentially, minimalism is about breaking things down to the barest elements necessary for a design to function. It’s about taking things away until nothing else can be removed without interfering with the purpose of the design. Below are a number of principles of minimalist design, as well as an exploration of current trends and additional examples.

M3talinks for Apr 12th

Today’s M3talinks for Apr 12th

  • WordOff – Wordoff applies the following rules to strip the cruft that is pasted into WYSIWYG editors from Word:<br />
    <br />
    * Attributes are removed for all elements except <a>s<br />
    * <span>s and <div>s are removed<br />
    * Empty elements are removed<br />
    * Consecutive line breaks are reduced to two<br />
    <br />
    Wordoff is written in Python and runs on Django in Google App Engine. It was designed as a demonstration project for a short talk at Oxford Geek Nights.
  • About | Designing User Experience – When I grow up I want to be a technical writer, web developer, user experience designer, information architect, and an instructional designer for adult education. <br />
    <br />
    I just want to start learning information through osmosis. I’d like to be a brilliant expert by tomorrow, please. And I spend about $2000 a year buying books in an effort to become one someday. I want to be buried with my web design library, and if Heaven doesn’t have an O’Reilly or Sitepoint warehouse, I’m afraid I can do without it.<br />
    <br />
    Take an enthusiastic, ambitious, overzealous, and at times hyper student of just about everything, and give her a copy of WordPress and a domain. This is what you end up with.

linkHive For Apr 1st

Here are the newest links to join the linkHiveApr 1st

  • MichaelHutagalung.com – I am a web designer from Bandung, Indonesia. Addicted to CSS, XHTML, PHP, and WordPress

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

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.