47

DN Meetups, the Solicited Redesign Contest, and New LayerVault Magic

6 years ago from , Product @ imgix

Hi Folks,

The times, dates, and venues are locked for the upcoming meetups. We’ve got more than 1,000 people showing up to events in ten cities. That’s huge!

We've also been keeping busy ourselves and have got some exciting things to share with you. To get everyone amped, we thought that we would put on a contest in the same style as the Design+Code Giveaway from 5 months ago.

Your task, should you choose to accept it, is to redesign Designer News. We hate spec work more than anyone else, so this is not that. You will own your work, and we will not do anything with it. This contest is supposed to be fun.

We will select a winner from each city. Even if you can’t make it or there’s no meetup near you, you’re still encouraged to enter. You will be considered entered into the closest city you are near. The ten winners will receive:

  • A mind-blowingly awesome color for their avatar
  • A LayerVault T-shirt
  • Their work in the Designer News Hall of Fame
  • A copy of Elements of Typographic Style
  • Drinks for free at their meetup (if they are able to attend)

Now for the exciting stuff

For this contest, we are exposing a whole new way of designing online. Until now, there hasn't been a great bridge between high-fidelity mockups and web design.

Essentially, every public LayerVault project can now also have a public-facing, Jekyll-built site. That's a full-blown site for every public project within LayerVault.

It gets even better when you take advantage of the magic we've built in. By using some special template helper tags such as:

<img src=‘{% lv_asset “Mockup.sketch” “Group/Slice” %}’>

in a document, you can now link to layer comps, artboards, and assets within PSD, Illustrator, and Sketch files. This means no more exporting assets for your websites, you only need the source documents. A great example of this in action is Rafael Condé’s Flat Flags project. He has a single source Sketch document, and then links to all of the different assets within it. No exporting required. You can also see our Open Source Cosmos page using this new technology, as well.

You can read all about the magic and some configuration options on our help site: Creating a Public Project Site.

This functionality is in beta, so please tread lightly. If you find any bugs, please send them over to support@layervault.com. I look forward to seeing what you guys can do. This community never ceases to amaze me.

—Kelly

Edit: Submissions are due by September 15, at 12:01am. Please leave them in the contest submissions thread.

18 comments

  • Jonathan ShariatJonathan Shariat, 6 years ago (edited 6 years ago )

    ..in a document, you can now link to layer comps, artboards, and assets within PSD, Illustrator, and Sketch files.

    At first I was like...

    i dont believe you

    But then I was like...

    wow

    41 points
  • Rafael CondeRafael Conde, 6 years ago

    So you get a whole website for every public project, for free, and you don't have to export any asset?

    Pretty powerful stuff.

    12 points
  • Bardan Gauchan, 6 years ago

    Hey, what happened to the Vancouver meetup? Was looking forward to attending :(

    2 points
  • Andrew CornettAndrew Cornett, 6 years ago

    :-o

    2 points
  • ポール ウェッブポール ウェッブ, 6 years ago

    Hmm, interesting.

    2 points
  • Kelly Sutton, 6 years ago

    Noticing a few issues with Rafael's project. We're working on fixing them.

    2 points
  • Michael AleoMichael Aleo, 6 years ago (edited 6 years ago )

    Image alt

    1 point
  • Daniel GoldenDaniel Golden, 6 years ago (edited 6 years ago )

    In the below snippet, what is the significance of "Group/slice"?:

    <img src='{% lv_asset "Mockup.sketch" "Group/Slice" %}'>

    1 point
    • Rafael CondeRafael Conde, 6 years ago

      The name of a specific slice/artboard/group.

      0 points
    • Kelly SuttonKelly Sutton, 6 years ago

      That's the path for within the document. In that example, you would be linking to the image created by the slice named "Slice" within the group "Group".

      PSDs might be a more straight-forward example. Let's say I have a button that I've named "Button.png" with a group named "Nav", to have it automatically export as an asset. If I wanted to link to that as an individual PSD in a Public Site, I would use the following code:

      <img src='{% lv_asset "Mockup.psd" "Nav/Button.png" %}'>

      Thus, no need to juggle assets when building Public Sites.

      1 point
  • Nick PfistererNick Pfisterer, 6 years ago

    Ouch. I was at XOXO this weekend so I just missed the deadline. Good luck, everyone! I hope someone takes my place to represent Portland!

    0 points
  • João FerreiraJoão Ferreira, 6 years ago (edited 6 years ago )

    Is this supposed to be like PSD/Sketch/PNG files or actual HTML/CSS/JS work?

    0 points
    • Kelly Sutton, 6 years ago

      Either one works, but this is the first time the HTML/CSS magic is available to the outside world. Thus, we're encouraging people to use it.

      0 points
  • Saffad KhanSaffad Khan, 6 years ago

    Nice. Is the contest web only or ios too?

    0 points