Tag Archives: webdesign

linkHive For Feb 1st

Here are the newest links to join the linkHiveFeb 1st

  • 500 Internal Server Error – 500 Internal Server Error
  • Flash, iPad, Standards – Jeffrey Zeldman Presents The Daily Report – Lack of Flash in the iPad (and before that, in the iPhone) is a win for accessible, standards-based design. Not because Flash is bad, but because the increasing popularity of devices that don’t support Flash is going to force recalcitrant web developers to build the semantic HTML layer first. Additional layers of Flash UX can then be optionally added in, just as, in proper, accessible, standards-based development, JavaScript UX enhancements are added only after we verify that the site works without them.
  • 13 Useful WordPress SQL Queries You Wish You Knew Earlier | Onextrapixel – Showcasing Web Treats Without Hitch – WordPress is driven by a MySQL database. This is something active WordPress users would know. However, if you only just read about it here from us, here’s what you should know. MySQL is a free relational database management system available in most web hosting services. All of the WordPress data like the posts, comments, categories, and settings are stored within the MySQL database. If you wish to read up more about MySQL, you can take a look at WordPress’s Database Schema.
  • 10 Tips for Better Print Style Sheets | Webdesigner Depot – Print style sheets have been somewhat forgotten, and yet they remain important all the same. Many people print out articles to read while traveling or when they have no access to the Internet.

    Print style sheets have definite benefits. For example, reading on paper is less tiring on the eyes than reading on screen.

    Also, following tutorials is easier if you have one next to you, with your code editor open on the screen; that way, you don’t have to switch windows every time to look something up.

    In this article we’ll point out 10 easy tips that will help you create better print style sheets.

linkHive For Jan 26th

Here are the newest links to join the linkHiveJan 26th

  • FHOKE Blog | Creative Digital Agency | Free Grungy Social Icon Set – More Friday Freebies! We’ve kept to our word and continued to evolve our social icons set – the shiny surfaces have been stripped back and the edges roughened for a grungy, hand drawn look. Enjoy the new look Free Grunge Social Icons.
  • Free Icons – 24 Free Exclusive Vector Icons: ‘Handy’ | Webdesigner Depot – ‘Handy’ is a set of 24 free and exclusive vector icons that can be used on websites, logos and more.

    The icons have a unique hand drawn feeling and look great in color or black and white. The set also includes most social media websites, such as Delicious, Digg and many more.

    These icons are completely free for personal and commercial use and they’re being released exclusively to all our RSS subscribers.

    If you’d like to share these icons, please refer your friends to this page so that they can download them from here.

  • Open source e-portfolio and social networking software – Mahara ePortfolio System – Mahara is an open source e-portfolio system with a flexible display framework. Mahara, meaning 'think' or 'thought' in Te Reo Māori, is user centred environment with a permissions framework that enables different views of an e-portfolio to be easily managed. Mahara also features a weblog, resume builder and social networking system, connecting users and creating online learner communities.
  • Free Icons – 24 Free Exclusive Vector Icons: ‘Handy’ | Webdesigner Depot – ‘Handy’ is a set of 24 free and exclusive vector icons that can be used on websites, logos and more.

    The icons have a unique hand drawn feeling and look great in color or black and white. The set also includes most social media websites, such as Delicious, Digg and many more.

    These icons are completely free for personal and commercial use and they’re being released exclusively to all our RSS subscribers.

    If you’d like to share these icons, please refer your friends to this page so that they can download them from here.

  • Open source e-portfolio and social networking software – Mahara ePortfolio System – Mahara is an open source e-portfolio system with a flexible display framework. Mahara, meaning 'think' or 'thought' in Te Reo Māori, is user centred environment with a permissions framework that enables different views of an e-portfolio to be easily managed. Mahara also features a weblog, resume builder and social networking system, connecting users and creating online learner communities.
  • uzimak! » Blog Archive » Ubuntu poster sources comics – Ubuntu poster sources
    May 28, 2007 – Posted by Hannes Pasqualini

    ubuntu_poster.jpg

    I made this Ubuntu poster some time ago, and released the “sources” with a Gnu-GPL licence. But this licence is not really made for work like this, since it was concieved for software only. Now I’m re-releasing this with a more appropriate licence, a Creative Commons (share alike) licence 3.0.

    The zip file you can download here contains the parts I used to make the poster in png and svg formats, compatible with all the major free applications like the Gimp, Inkscape and Scribus. You can use them to make your own poster, create a localized version, make a wallpaper or sticker with it… whatever you want as long as you don’t do it for profit, and you share the result with the same CCPL licence (see the link to creative commonst below for more info). Please let me know if you do something with it… just curious!

linkHive For Jan 25th

Here are the newest links to join the linkHiveJan 25th

  • Handycons 2 – another free hand drawn icon set – Four months after releasing Handycons icon set, I am happy to release Handycons 2 – icon set containing 20 more hand drawn icons. This time it is not limited just to socail media related icons. Package contains Facebook, Blinklist, Feedburner, Flickr, FriendFeed, Furl, Gmail, Google, Heart icon, Last FM, Linked IN, Magnolia, Newsvine, PayPal, Skype, Sphinn, Twitter, Vimeo, Yahoo and You Tube icons. All icons come in four sizes: 16×16, 32×32, 64×64 and 12x128px. And they are all free, of course :)

    I want to thank everyone for the support and for suggestions regarding icons. Enjoy!

  • Handycons 2 – another free hand drawn icon set – Four months after releasing Handycons icon set, I am happy to release Handycons 2 – icon set containing 20 more hand drawn icons. This time it is not limited just to socail media related icons. Package contains Facebook, Blinklist, Feedburner, Flickr, FriendFeed, Furl, Gmail, Google, Heart icon, Last FM, Linked IN, Magnolia, Newsvine, PayPal, Skype, Sphinn, Twitter, Vimeo, Yahoo and You Tube icons. All icons come in four sizes: 16×16, 32×32, 64×64 and 12x128px. And they are all free, of course :)

    I want to thank everyone for the support and for suggestions regarding icons. Enjoy!

  • Handycons – a free, hand drawn social media icon set – Handycons is a free, hand drawn social media icon set that contains 12 icons. Package contains icons for del.icio.us, Digg, Mixx, DesignBump, StumbleUpon, Reddit, Developer Zone, DesignFloat, Technorati, Twitter and RSS feed & Email icon, of course. All icons are available in four sizes: 16×16, 24×24, 32×32 and 48×48 pixels.

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

Here are the newest links to join the linkHiveJan 21st

  • Synergy
  • Developer Job Interview Questions and Answers – Are you a developer? Need to prepare for a job interview? We have selected a big collections of interview questions and answers in many technical areas: Java, JSP, ASP, C++,C#,.NET,ORACLE, PL/SQL,Perl, struts, XML….more …
  • Design Trends (Predictions) in 2010 – [I always wonder how much of these articles are predictive and how much they are prescriptive...] As we are stepping in a new decade, I can foresee that web design in 2010 is going to be fun and filled with experimental works. With the new CSS3 and HTML5, designers and developers are trying to utilize the new features to create impressive designs. Sketchy and large background styles are fading out. Serif fonts and texturized background will be popular. Thanks to CSS3, we are going to see a lot of rounded corners, RGBA transparency, and drop shadows. With the rise of smart phones, mobile web design is going to pick up this year.

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 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.

linkHive For Jan 11th

Here are the newest links to join the linkHiveJan 11th

  • Aesthetically Written » It’s Type O’clock! – One of the key qualities of a good information designer is attention to details and since typography is the new cool trend we now seem to care more than ever about presenting text online correctly. The following article is based on my personal experience, yet there’s great probability that much of the following has already been said by somebody else. What you’ll find here is a few tricks for setting type on web I’ve learned over the past few months some of which, amazingly enough, I hardly ever see being used.
  • Aesthetically Written » It’s Type O’clock! – One of the key qualities of a good information designer is attention to details and since typography is the new cool trend we now seem to care more than ever about presenting text online correctly. The following article is based on my personal experience, yet there’s great probability that much of the following has already been said by somebody else. What you’ll find here is a few tricks for setting type on web I’ve learned over the past few months some of which, amazingly enough, I hardly ever see being used.
  • 30 Must See Web Generator for Lazy Webmasters – Smart webmasters do not work everything out from scratch; instead, we make good use of the free tools available online. There are tons of brilliant web tools available online – it’s a waste not to leverage these tools and save some working time (or, to have more time for beer). In this article, I’m going to share my must-have list of 30 web design tools, I hope you’ll find them useful. On the other hand, I would like to take this opportunity to thank all the developers who had done some much and made our world better.
  • Slides from Accessibility Camp DC
  • Sketchy Wireframes – Boxes and Arrows: The design behind the design – When it comes to user interface documentation, wireframes have long been the tool of choice. However, using traditional diagramming tools like Visio, OmniGraffle, and InDesign, most wireframes today look the same as their ancestors did from a decade ago – assembled with rigid, computer-drawn boxes, lines and text. While these artifacts have served us well, they can also be slow to produce, burdened with unnecessary detail and give a false impression of “completion.”

    To compensate for the drawbacks of traditional wireframes, many practitioners put aside the computer in favor of simple pencil sketches or whiteboard drawings. This speeds up the ideation process, but doesn’t always produce presentable or maintainable documentation.

    There is a growing popularity toward something in the middle: Computer-based sketchy wireframes. These allow computer wireframes to look more like quick, hand-drawn sketches while retaining the reusability and polish that we expect from digital artifacts.

  • 4 Design Elements Behind a Good Call to Action | letscounthedays – It is not uncommon for companies to sink large amounts of money into obtaining traffic to their websites in an attempt to increase conversions. Some of their money might go towards search engine optimization and some might go towards pay per click or search engine marketing. Little do they know their problem might not be about getting more traffic. The real problem could be that they have a poor call to action.
  • List of Really Useful Tools for CSS Developers | W3Avenue – This is not an attempt to create a mega list of tools for CSS developers; only few but really useful tools have been selected and placed under appropriate categories. If you see that a really useful tool has been missed, please feel free to share the link in comments.

    Note that for a tool to be really useful, it also needs to provide easy to follow instructions and user friendly interface; unless it is really straight forward. Unfortunately several tools listed in this list may not fulfill this criteria. If you are aware of another tool that is more user friendly and feature rich, please let us know and we may replace it with an existing tool.

  • Adding Grey Boxing To Our Web Workflow | Chalkboard Blog | Web Design, Marketing, Business and Charleston SC – I recently read a blog post by Jason Santa Maria talking about grey box modeling. Grey box modeling is basically the in-between I was looking for. It is essentially designing with spacial relationships and identifying your grid on the computer without getting hung up on colors, textures and other design elements. Grey Box modeling has added a layer of detail to my designs that I wasn’t previously achieving.
  • The CSS3 border-radius property « Blogging CSS – One of the CSS3 properties designers have been longing the most for is undoubtedly the border-radius property. With CSS3 border-radius property it’s possible to create the so popular rectangles with rounded corners exclusively via CSS – no images needed.
  • A jQuery Plugin for Zoomable, Interactive Maps – New Media Campaigns – We wanted the experience to be engaging as possible but also easily updatable in the future. We settled on jQuery as the interface technology to use as it made it simple to build, display and animate the map. I did a longer writeup on the detailed mechanics of how this worked two weeks ago in one of our most popular posts. Due to the great feedback we got on it, this is a follow-up with a revised version of the code as a jQuery plugin which should make it easier to integrate into other projects.
  • 11 Ways to Influence People Online and Make Them Take Action – Influence can be defined as the power exerted over the minds and behavior of others. A power that can affect, persuade and cause changes to someone or something. In order to influence people, you first need to discover what is already influencing them. What makes them tick? What do they care about? We need some leverage to work with when we’re trying to change how people think and behave.
  • 30 Must See Web Generator for Lazy Webmasters – Smart webmasters do not work everything out from scratch; instead, we make good use of the free tools available online. There are tons of brilliant web tools available online – it’s a waste not to leverage these tools and save some working time (or, to have more time for beer). In this article, I’m going to share my must-have list of 30 web design tools, I hope you’ll find them useful. On the other hand, I would like to take this opportunity to thank all the developers who had done some much and made our world better.
  • Slides from Accessibility Camp DC
  • Sketchy Wireframes – Boxes and Arrows: The design behind the design – When it comes to user interface documentation, wireframes have long been the tool of choice. However, using traditional diagramming tools like Visio, OmniGraffle, and InDesign, most wireframes today look the same as their ancestors did from a decade ago – assembled with rigid, computer-drawn boxes, lines and text. While these artifacts have served us well, they can also be slow to produce, burdened with unnecessary detail and give a false impression of “completion.”

    To compensate for the drawbacks of traditional wireframes, many practitioners put aside the computer in favor of simple pencil sketches or whiteboard drawings. This speeds up the ideation process, but doesn’t always produce presentable or maintainable documentation.

    There is a growing popularity toward something in the middle: Computer-based sketchy wireframes. These allow computer wireframes to look more like quick, hand-drawn sketches while retaining the reusability and polish that we expect from digital artifacts.

  • 4 Design Elements Behind a Good Call to Action | letscounthedays – It is not uncommon for companies to sink large amounts of money into obtaining traffic to their websites in an attempt to increase conversions. Some of their money might go towards search engine optimization and some might go towards pay per click or search engine marketing. Little do they know their problem might not be about getting more traffic. The real problem could be that they have a poor call to action.
  • List of Really Useful Tools for CSS Developers | W3Avenue – This is not an attempt to create a mega list of tools for CSS developers; only few but really useful tools have been selected and placed under appropriate categories. If you see that a really useful tool has been missed, please feel free to share the link in comments.

    Note that for a tool to be really useful, it also needs to provide easy to follow instructions and user friendly interface; unless it is really straight forward. Unfortunately several tools listed in this list may not fulfill this criteria. If you are aware of another tool that is more user friendly and feature rich, please let us know and we may replace it with an existing tool.

  • Foundations of Customer Service for Freelance Designers – DesignM.ag – There are a lot of factors that play a role in determining the success of a freelance web designer. Obviously, design ability and technical skills are needed, but other factors like customer service, marketing, networking, and work ethic will have a significant influence. In this article we’ll take a look at customer service as it applies to freelance designers.

    Providing high-quality customer service can at times be frustrating for freelancers, but taking good care of your clients is critical for client retention and for encouraging word-of-mouth referrals. Here we will look at 10 aspects that should be considered by freelancers who aspire to provide a high level of customer service.

linkHive For Jan 8th

Here are the newest links to join the linkHiveJan 8th

  • 100+ Seamless Patterns Great for Creating Website Backgrounds | Web Design Ledger – Seamless patterns are a great way to add interest and detail to a web design background. In this post we’ve rounded up over one hundred seamless patterns. You’ll find a wide variety of styles such as vintage, florals, and stripes. All of these are of very high quality so you can use them as is or use them as a foundation for your own background.

linkHive For Jan 8th

Here are the newest links to join the linkHiveJan 8th

  • 16 Different Clones You Can Build with Drupal – Drupal is an excellent choice for a content management system (CMS). However, many people only see it as a simple CMS, a site to build a landing page or two. But Drupal is much more than that. Not only is Drupal easy to theme, it’s got a wide range of built in functionality and a large community powering the popular CMS.

    One of the great things about Drupal is that you can build almost any sort of site that you can imagine, with the help of a couple modules. Want to go beyond the basics of a simple CMS? Drupal has an excellent API that allows you to extent nearly any aspect of the software. In fact, many people have started to talk about using Drupal as a framework, as it’s robust, well written, handles lots of traffic, and has a large and helpful community.

    So, if you’re thinking about building your next big site, here are a few ways that you can take existing modules and turn a project quickly, without needing to make any custom modules.