Tag Archives: design

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 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 Mar 11th

Here are the newest links to join the linkHiveMar 11th

  • famfamfam.com: Silk Icons – “Silk” is a smooth, free icon set, containing over 700 16-by-16 pixel icons in strokably-soft PNG format. Containing a large variety of icons, you're sure to find something that tickles your fancy. And all for a low low price of $0.00. You can't say fairer than that.
  • Iconza – Free colored icons for your web site and blog – Customizable icons for your web site. Totally free.
  • About- Simple Desktops – Do you ever feel like the only good desktop wallpapers you can find are the either the basic 15 or 20 Apple provides or solid colors? Do you often find yourself spending time looking for something that isn't a beautiful photograph but also isn't a gradient and drop shadowed mess with a little lens flare and some annoying copyright information in the corner?<br />
    <br />
    Do you want less, but not boring? Then you want Simple Desktops.<br />
    <br />
    Simple Desktops: a collection of bling, drop shadow, and gradient free desktops to help keep you stay focused but also provide just enough eye candy to not be bored. It's here because finding these around the web is just too hard.<br />
    <br />
    Attribution for the creation of these is given to the creator on the site, but it doesn't extend onto your personal desktop. Use of these desktop wallpapers is for personal use only and shouldn't be sold or reposted without the expressed written consent of the desktop wallpaper's creator.
  • 21 Resources Especially for Lovers of Minimalism | Vandelay Design Blog – Minimalism a popular style of design because it keeps things simple and user-friendly. In this post we’ll look at more than 20 websites, blogs and books dedicated to minimalism. Not all of them are related to web design – minimalism can also be applied to other aspects of business and life.

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

Here are the newest links to join the linkHiveFeb 24th

  • WordPress › Atahualpa « Free WordPress Themes – Build your own unique, professional and browser-safe WordPress Theme: 1-5 columns, fluid or fixed width, rotating header images and 2 dozen option pages. Support and tutorials at our forum.
  • WordPress › Atahualpa « Free WordPress Themes – Build your own unique, professional and browser-safe WordPress Theme: 1-5 columns, fluid or fixed width, rotating header images and 2 dozen option pages. Support and tutorials at our forum.
  • WordPress › Constructor « Free WordPress Themes – WordPress Constructor Theme, it's many-in-one theme (six layouts, configured colors, fonts and slideshow, widget ready). Build your own theme on settings page. For WordPress version 2.7+ (include 2.9)
  • The importance of controling feedback and critique » – Web Design Marketing Podcast & Blog – Any designer who has produced work for anyone other than themselves knows how tricky the design feedback process can be. As designers we have very specific reasons for designing a site the way we do. We have expertise in rhythm, proportion, sizing, whitespace, grids and other graphic design concepts. Many times hours are spent trying different combinations, layout positions, usage of colors, etc… by the end of the work we know what didn’t work and what did.

linkHive For Feb 8th

Here are the newest links to join the linkHiveFeb 8th

  • Forget About Photoshop: 5 More Ways to Stop Using Images in Your Designs – Cherrysave – Images increase download time for end-users and workload for web designers, slowing down the time it takes to fully develop a concept for clients. Furthermore, images can add unneeded clutter and increase search-engine blindness, detracting from the principle of simple web design.
  • Knowledge Games – How to apply game thinking to your business challenges
  • Understanding CSS – Padding, Positioning and CSS3 « CreativityDen – With the release of CSS3, which is now being used more frequently, I’ve put this little article together for more of a beginner. However you never know, there may be a few tricks you don’t know.

    I’m also going to be giving advice on such things as Padding, Margin, Borders and Background Colors, and how to us them effectively.

  • Web Designers’ Browser Support Checklist, Web Designers’ Browser Support Checklist : FindMeByIP : what browser am I using, how modern is my web browser, and what’s my IP address? – The table below displays browser support for HTML5 (including Web Forms 2.0) and CSS3 (including CSS3 selectors).

    It relies partly on the excellent Modernizr javascript library and browser testing information is supplied via the ever useful LitmusApp browser testing application.

    Updated every Friday: follow @deepbluetweets.

  • Strategizing Web Content – Writing for the Web | letscounthedays – When it comes to designing a website, content is often overlooked, but why? Very rarely do users browse the web looking for a good design or decent experience. Users come for the content. Not giving them what they want with poorly written content will frustrate users. Not only does it waste their time, but your time as well.
  • 0x1fff: 35 Google open-source projects that you probably don’t know – Google is one of the biggest companies supporting OpenSource movement, they released more than 500 open source projects(most of them are samples showing how to use their API). In this article I will try to write about most interesting and free releases from Google, some of them might be abandoned.
  • 50 Free UI and Web Design Wireframing Kits, Resources and Source Files – Smashing Magazine – Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some generated content, which gives you, your clients and colleagues a simple visually oriented layout that illustrates what the structure of the website will be by the end of the project and that serves as the foundation for any future alterations.

    This article focuses on actual wireframing tools and standalone applications, as well as resources that you’ll need to build your own wireframe: wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements, which you’ll use in any typical graphics editor such as Photoshop or Illustrator. …Or you could use pen and paper.

  • A List Apart: Articles: Unwebbable – It’s time we came to grips with the fact that not every “document” can be a “web page.” Some forms of writing just cannot be expressed in HTML—or they need to be bent and distorted to do so. But for once, XML might actually help.

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

Here are the newest links to join the linkHiveJan 15th

  • Content Management Strategy, How To Develop The Other CMS
  • 10 Completely Free Wireframe and Mockup Applications : Speckyboy Design Magazine – Every web designer and developer should have a good and reliable wireframe (mockup or prototype) tool at there disposal. The importance of such a tool differentiates amongst web designers and developers, some use them, some don’t. Personally, I use them. It is in this initial stage of development that makes web design enjoyable, the coming together of the clients needs and your own creative ideas onto a blank canvas, allowing you to plan effectively the visual arrangement of the sites content.

    The downside is that a good and reliable wireframe application can come at a heavy price, have you seen the cost of a good wireframe application? Prices can vary from as low as $100 all the way up to over $4000. Who has this kind of mine to throw around? Certainly no freelancer developer I know.

    So, what options do you have? The Ten Best FREE Wirefame/Mockup/Prototype applications for designers and developers.

linkHive For Jan 15th

Here are the newest links to join the linkHiveJan 15th

  • 10 Completely Free Wireframe and Mockup Applications : Speckyboy Design Magazine – Every web designer and developer should have a good and reliable wireframe (mockup or prototype) tool at there disposal. The importance of such a tool differentiates amongst web designers and developers, some use them, some don’t. Personally, I use them. It is in this initial stage of development that makes web design enjoyable, the coming together of the clients needs and your own creative ideas onto a blank canvas, allowing you to plan effectively the visual arrangement of the sites content.

    The downside is that a good and reliable wireframe application can come at a heavy price, have you seen the cost of a good wireframe application? Prices can vary from as low as $100 all the way up to over $4000. Who has this kind of mine to throw around? Certainly no freelancer developer I know.

    So, what options do you have? The Ten Best FREE Wirefame/Mockup/Prototype applications for designers and developers.

  • 20+ Must have documents for Designers and Developers | Creative Repository – In this post, you would find a list of over 20 free PDF files covering aspects of Web Development as well as Graphic design. These include cheat sheet for web developers, client questionnaires for Graphic and Web design, helpful checklists as well as some useful resources for designers and developers. All of these are available in PDF format as they are easy to print. I have a number of them hanging around in my work area and find them quite useful. It would be great if you have any helpful documents to share.