Vince Speelman

Vince Speelman

Joined over 8 years ago via an invitation from Caleb J. Vince has invited Dave Gillhespy

  • 2 stories
  • 22 comments
  • 3 upvotes
  • Posted to Site Design: theiceberg.cool - People thinking in depth about things you never think about., Feb 26, 2016

    Lovey design. Emphasis on legibility and simplicity. No BS and no distraction. I especially like the treatment of the three bars from the top banner to the content area. Stellar work.

    1 point
  • Posted to Have a favorite SASS styleguide / documentation generator?, Feb 27, 2015

    Author of http://vinspee.me/style-guide-guide/ here. My favorite I've used is Hologram - I haven't found the perfect tool yet.

    2 points
  • Posted to BLOKK: a font for clients who do not understand lorem ipsum , Jan 05, 2015

    Reminder: if you're using lorem ipsum / a font like this, you're doing your product/client/etc a disservice. Use the actual content and/or real data whenever possible.

    What if I'm sitting around waiting for content from my boss?

    my example from HN of how to fix this:

    This is your own fault. You've made your "boss" believe that you can complete designs without content for so long that he now expects it. You should try re-framing the conversation. Something like:

    — SCENE: BOSS TYPING FURIOUSLY, YOU KNOCK ON HIS DOOR AND HE INVITES YOU IN.

    BOSS: "We need this design for our new sprocket page as soon as possible - We're going to market in two weeks and need a landing page for our Google AdWords campaign"

    YOU: "Awesome! The new sprocket is going to be huge for our company. What would you really like to focus on for this page? I want to make sure to prominently feature the most important things."

    BOSS: excitedly lists a dozen things

    YOU: Wow - this thing is really great. It's going to be a huge benefit to our customers. How can we show them the three things they're going to react to instantly?

    BOSS: "Well my favorite is the gizmosis feature. It makes it so you don't have to flim-flam any more!"

    YOU: "Woah. That's really cool! I'll make sure that is billed highly. Anything else you can thing of that sticks out in your mind?"

    BOSS: "That's the only thing that sticks out. I do have this detailed list of features here"

    YOU: "Please do send that to me - I'll try to make some sense of it. If you think of anything else really important, just email it over to me. I'm going to start putting all of these features into the design tomorrow morning - so make sure you let me know by the end of the day! I can't wait to get this page up for our clients to see - it's going to be a huge win."

    BOSS: "Excellent. I'll send over any additional thoughts I have with that document right now. Thanks."

    — END SCENE

    Framing the conversation is important. Seeing yourself as the boss's advocate is important. You're working toward the same goal. The content is more important than your design. Accept that.

    9 points
  • Posted to Thinking beyond “Scalable CSS” - The dot Post, Jan 01, 2015

    We've been using SUIT on several medium to large projects with multiple front end devs. We tried to alleviate the "tons of class names" issue by using attribute modules. For example, instead of

    We are doing

    This comes with a few problems. 1. Capital letters in data attributes aren't valid. Browsers automatically convert them to lowercase, which is fine, but react.js just removes them. That means you have to make the attributes all lowercase if using react.

    1. Safari doesn't repainted changes based on data attributes when they are changed by an outside element. If a button triggers an attribute change on your header, Safari will not paint them.
    0 points
  • Posted to Fixed header and footer with dynamic heights and scrollable content, in reply to Daniel Fischer , Dec 20, 2014

    Yes. Flexbox is truly the only solution aside from JavaScript.

    1 point
  • Posted to Fixed header and footer with dynamic heights and scrollable content, in reply to Josh Sanders , Dec 20, 2014

    Having to set vertical padding on the content completely destroys the notion of a dynamic height header and footer. It's now essentially static, because you have to adjust the size of the content's padding whenever the header or footer changes.

    0 points
  • Posted to Fixed header and footer with dynamic heights and scrollable content, Dec 20, 2014

    Are you okay with flexbox?

    http://codepen.io/VinSpee/pen/zxBJVO

    3 points
  • Posted to ASK DN: Which grid do you use?, Aug 13, 2014

    Singularity (Sass) is far and away the most powerful grid system out. Also worth a look: Jeet (Sass, Stylus), CSS Wizardry Grids (CSS, Sass), and Suit CSS Grid Component (CSS).

    2 points
  • Posted to Ask DN: Switching from icon fonts to SVG. What's your workflow?, Jul 10, 2014

    If you're looking for something nice and easy, Grumpicon is the way to go. The Filament Group covers the workflow in detail here. The most important thing to remember (and biggest pain) is, that once you save your svg, you have to manually open it, remove the width and height from the container, and save again. Good luck!

    0 points
  • Posted to Pixel-free CSS, Apr 28, 2013

    Really cool idea, and I really like that it keeps about the same chars per line, but the breaking of native browser resize leaves me questioning how good of an idea this actually is.

    1 point
Load more comments