<commit_before>---
layout: post
title: Delicious.com
category: work
tag: commercial
link: http://delicious.com/
scheme-text: "#0062c6"
scheme-link: "#fff"
scheme-hover: "#00edff"
scheme-code: "#32d5db"
scheme-bg: "#39f"
plugin: slider
---

<div class=txt>
  <p><a href="http://delicious.com/">Delicious</a> (aka. del.icio.us) is a social bookmarking web service for storing, sharing, and discovering web bookmarks that first launched back in 2003. In 2005 it was acquired by Yahoo and later sold to AVOS Systems Inc. The website’s design hasn’t changed very much since its last redesign in 2011.</p>

  <p>This year, to celebrate its ten year anniversary, AVOS invited me to join the Delicious team, I do designs and front-end stuff, collaborated with the developer <a href="http://sunng.info/"><NAME></a> (<a href="{% post_url /work/commercial/2012-12-13-readwise %}">again</a>) from AVOS on this project.</p>

  <div class="flexslider">
    <ul class="slides">
      <li>
        <p><img src="{{ site.data.var.file }}/delicious.com-logo.png" alt="Delicious New Logo"></p>
        <p class="flex-caption">Delicious New Logo</p>
      </li>
      <li>
        <p><img src="{{ site.data.var.file }}/delicious.com-iconset.png" alt="Delicious Iconset"></p>
        <p class="flex-caption">Delicious Iconset</p>
      </li>
      <li>
        <p><img src="{{ site.data.var.file }}/delicious.com.png" alt="Delicious UI Preview"></p>
        <p class="flex-caption">Delicious UI Preview</p>
      </li>
      <li>
        <p class="browser"><img src="{{ site.data.var.file }}/delicious.com-homepage.png" alt="Delicious Landing Page"></p>
        <p class="flex-caption">Delicious Landing Page</p>
      </li>
    </ul>
  </div><!-- .flexslider -->

  <p>Some fun facts:</p>

  <ul>
    <li>Brand-new brighter version of Delicious logo. (Time took: 5 minutes)</li>
    <li>No images used on this project. all styles are served by a ~23 KB gzipped CSS file. Hum, okay, there’s only one icon font and some SVG graphics and&hellip;</li>
    <li>The new design is responsive, I even spent more time on the mobile viewport, or I can say, it’s a mobile-first design. Try it out on your iPhone, it works smooth and intuitive.</li>
    <li>Delicious logo is made of pure CSS.</li>
    <li>I didn’t write any vendor prefix for this project. (Or let me say: <a href="https://github.com/ai/autoprefixer">Autoprefixer</a> rocks).</li>
    <li>We use Application Cache to speed up the page load times.</li>
    <li>We use <a href="http://gruntjs.com/">Grunt</a>.</li>
    <li>I worked remotely (from home) for all these things.</li>
  </ul>
</div><commit_msg>Add new slide for Delicious<commit_after>---
layout: post
title: Delicious.com
category: work
tag: commercial
link: http://delicious.com/
scheme-text: "#0062c6"
scheme-link: "#fff"
scheme-hover: "#00edff"
scheme-code: "#32d5db"
scheme-bg: "#39f"
plugin: slider
---

<div class=txt>
  <p><a href="http://delicious.com/">Delicious</a> (aka. del.icio.us) is a social bookmarking web service for storing, sharing, and discovering web bookmarks that first launched back in 2003. In 2005 it was acquired by Yahoo and later sold to AVOS Systems Inc. The website’s design hasn’t changed very much since its last redesign in 2011.</p>

  <p>This year, to celebrate its ten year anniversary, AVOS invited me to join the Delicious team, I do designs and front-end stuff, collaborated with the developer <a href="http://sunng.info/"><NAME></a> (<a href="{% post_url /work/commercial/2012-12-13-readwise %}">again</a>) from AVOS on this project.</p>

  <div class="flexslider">
    <ul class="slides">
      <li>
        <p><img src="{{ site.data.var.file }}/delicious.com-logo.png" alt="Delicious New Logo"></p>
        <p class="flex-caption">Delicious New Logo</p>
      </li>
      <li>
        <p><img src="{{ site.data.var.file }}/delicious.com-iconset.png" alt="Delicious Iconset"></p>
        <p class="flex-caption">Delicious Iconset</p>
      </li>
      <li>
        <p><img src="{{ site.data.var.file }}/delicious.com.png" alt="Delicious UI Preview"></p>
        <p class="flex-caption">Delicious UI Preview</p>
      </li>
      <li>
        <p class="browser"><img src="{{ site.data.var.file }}/delicious.com-homepage.png" alt="Delicious Landing Page"></p>
        <p class="flex-caption">Delicious Landing Page</p>
      </li>
      <li>
        <p class="browser"><img src="{{ site.data.var.file }}/delicious.com-homepage-hover.png" alt="Delicious Landing Page (Mouseover)"></p>
        <p class="flex-caption">Delicious Landing Page (Mouseover)</p>
      </li>
    </ul>
  </div><!-- .flexslider -->

  <p>Some fun facts:</p>

  <ul>
    <li>Brand-new brighter version of Delicious logo. (Time took: 5 minutes)</li>
    <li>No images used on this project. all styles are served by a ~23 KB gzipped CSS file. Hum, okay, there’s only one icon font and some SVG graphics and&hellip;</li>
    <li>The new design is responsive, I even spent more time on the mobile viewport, or I can say, it’s a mobile-first design. Try it out on your iPhone, it works smooth and intuitive.</li>
    <li>Delicious logo is made of pure CSS.</li>
    <li>I didn’t write any vendor prefix for this project. (Or let me say: <a href="https://github.com/ai/autoprefixer">Autoprefixer</a> rocks).</li>
    <li>We use Application Cache to speed up the page load times.</li>
    <li>We use <a href="http://gruntjs.com/">Grunt</a>.</li>
    <li>I worked remotely (from home) for all these things.</li>
  </ul>
</div>
{'fraction_non_alphanumeric': 0.15918958031837915, 'fraction_numerical': 0.012662807525325614, 'mean_word_length': 3.412609736632083, 'pattern_counts': {'":': 0, '<': 150, '<?xml version=': 0, '>': 150, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3515679', 'n_tokens_mistral': 1884, 'n_tokens_neox': 1795, 'n_words': 611}