• 21 Nov

    Webfont embedding is so widely supported by modern browsers at this point that there’s really no excuse not to incorporate them when appropriate in your designs. There are hundreds of free fonts available for embedding, as well as plenty of paid services that allow you to include commercial fonts in your designs.

    A lot of designers, it seems, are intimidated by the idea of @font-face embedding though. Even though it’s been gaining popularity and support for the past couple of years, a lot of designers still stick to their usual collection of web safe fonts for the vast majority of their designs. On the rare occasion they do step out of their comfort zone and include a web font, they just go with a webfont subscription service rather than looking into DIY embedding or something like Google Web Fonts.

    In this article, I’ll give you everything you need to know to start embedding your own fonts, and to start using Google Web Fonts. The code itself is simple, and I’ll also break down exactly why we’re using the code we’re using. I’ll even give you ten great examples of web font combinations that you can implement on your own designs in case you’re not yet comfortable with typeface combos. Read more

  • 31 Aug
    Google Logo

    For many web designers and developers, Firefox is unsurpassable. For others, Firefox eats Chrome’s dust.

    For the past two years, since Google Chrome’s release, there’s been a raging debate on which browser is superior. Mozilla’s open source product has stood the test of time and Firefox has quickly become the most used browser, having surpassed Microsoft’s Internet Explorer.

    Don’t feel sorry for Google Chrome, however. Even in its infancy, Chrome has already reached second most popular, having already surpassed Internet Explorer and with a high chance of surpassing Firefox.

    Although Firefox is more robust (primarily due to its popularity), Chrome is lightning fast and, with new extensions added daily, an exciting option for the serious web designer.

    And here you are to find tools that make Chrome useful to you as a designer or a developer. Fortunately, Chrome has a burgeoning collection of extensions that will make the transition from Firefox a lot easier. Read more

  • Popular Posts

    14 Applications for Project Management and Collaboration14 Applications for Project Management and Collaboration50 Inspirational Website Introductions50 Inspirational Website IntroductionsHow to Create a Professional LogoHow to Create a Professional Logo
  • 17 May

    Bookmarklets are special links that users can add to their browser’s favorites.

    These special links include code (i.e. not just a target URL), and they trigger various kinds of useful functionality, allowing you to modify and extend any web page.

    Once you begin using and building your own, you will no longer see web pages as static elements that you have no control over.

    With bookmarklets, you have the power to bend any web page to your needs. Read more

  • 26 Apr

    HTML5 LogoIt’s a classic case of Photoshop versus website. Existing wireframing and prototyping tools are incapable of accurately reflecting the environment of the web.

    They produce static designs that can’t be seen through the variable known as the web browser. And when you build the final website, some elements won’t look exactly like their draft counterparts, and the client will notice those minor differences in fonts, positioning, etc.

    You may be more comfortable with a graphics program, and rendering the design iterations may seem to take longer if you have to hand-code the HTML.

    However, the advantages of creating a wireframe in HTML from the start are beginning to outweigh the alternatives: not only do we have new layout elements in HTML5 and more powerful selectors and styling in CSS3, but by combining them, we can throw together a simple layout quickly.

    We’re hearing a new company every day (37Signals, Atomiq and others) explain its adoption of HTML prototyping. Their main reason is that the process is surprisingly easy when you have the right tools in place. You’re about to learn how easy this process can be, and when you’re done, you’ll have a head start on your next build. Read more

  • 1 Apr

    Not every designer wants to (or knows how to) code. Sometimes all you want to do is design, and leave the coding to someone else.s

    Or maybe you’ve just taken on more design work than you can handle, and don’t have time to code everything yourself.

    In either case, PSD to HTML services can be a great way to save time and energy, while still getting a hand-coded design.

    In this post, we’ve compiled a hundred PSD to HTML services that might be just what you need for coding your next project.

    Some of the services below also offer CMS implementation and other add-on services. The better services take as much time and care with converting your design as you would take yourself, so be sure to shop around and compare not only on the basis of price (which starts as low as $29), but also quality and service.

    When picking a service like this, make sure you find a company that either provides samples of their work or a money-back guarantee (preferably both). A non-disclosure agreement is also a good idea, especially if you’re using them for client work. Read more

  • 10 Mar

    Web Culture - Grid Wireframing and Design PrototypingThe semantic web has brought on a new generation of Internet technology. As designers and developers work together to redefine the rules of the web, the number of open-source projects and third-party APIs continues to grow.

    The opinions of web scholars differ on the use of grid systems. Many argue that setting grid points limits the creativity of designers. Others contend that a grid provides a scientific basis for a design to be perfected.

    Both sides provide interesting arguments. These ideas have become part of a unique web culture characterized by influential design rules and open-source projects.

    The grid isn’t a master key to perfect design. However, math has proven that certain design specifications provide the best ratios for page elements and layouts. If you’ve heard about any of this before, you may be familiar with the many options that grid-based layouts offer designers. Read more

  • 25 Jan

    CSS3 is gaining momentum, despite the fact that the standard hasn’t even been finalized.

    There are hundreds of tutorials out there to teach designers how to use it, but unfortunately a lot of them cover the same ground.

    And some of the tutorials teach designers to do things that they might not think of as useful, though the techniques can usually be adapted to fit a project perfectly.

    Below are more than fifty awesome CSS3 tutorials. Many are strictly CSS and HTML  based, while others also incorporate JavaScript.

    If you have a favorite technique or tutorial that’s not included below, please share it in the comments! Read more

Home| Advertising| About| Contact

© 2012 All Rights Reserved