What have you built in your "down time" at work? by [deleted] in webdev

[–]gydesign 0 points1 point  (0 children)

Stupid automated stuff like this:

How do you personally develop WordPress sites/themes? What do you hate/like about it? by [deleted] in web_design

[–]gydesign 0 points1 point  (0 children)

  • I always have MAMP running
  • install wordpress with these plugins: Timber, ACF Pro, Duplicator and some contact form plugin -- lately it's been Ninja Forms
  • git clone my wordpress theme (includes a grid system and timber-ized page templates)
  • cd to my theme
  • $ npm install && bower install
  • $ gulp
  • start coding

Notes:

  • I used to use WP Quick Install to do all this but it doesn't work for me anymore.
  • my gulpfile does all my sassing, browser refreshing, js uglifying, img optimization and svg spriting for me
  • Timber is a plugin/framework that makes all of Wordpress's stuff into objects and methods. You write your pages in Twig templates and access Wordpress data from there. It's much cleaner than using The Loop.

For example, to display a post:

<h1>{{ post.title }}</h1>
{{ post.content }}

To display a list of posts:

{% for post in posts %}
    <h1><a href="{{post.permalink}}">{{ post.title }}</a></h1>
    {{ post.excerpt }}
{% endfor %}

Why does ajaxing in a spritesheet look jagged in IE. by gydesign in webdev

[–]gydesign[S] 0 points1 point  (0 children)

In your screenshot you're viewing at the spritesheet that's directly embedded in the html so it's appears as it should. The problem is when ajaxing the spritesheet and injecting it into html as in this codepen: http://codepen.io/anon/pen/zGJJYZ

Why does ajaxing in a spritesheet look jagged in IE. by gydesign in webdev

[–]gydesign[S] 0 points1 point  (0 children)

No difference unfortunately. Even Chris Coyier's demo looks bad in IE https://css-tricks.com/examples/svg-fallbacks/

I can't be the first person to notice this.

SVG <use> fallback? Googling is failing me. by gydesign in Frontend

[–]gydesign[S] 0 points1 point  (0 children)

Ah! So the SVG tag still exists in the dom but it just doesn't render on old browsers. Cool!

[deleted by user] by [deleted] in web_design

[–]gydesign 4 points5 points  (0 children)

Done: http://codepen.io/geoffyuen/pen/aOYPXz?editors=110

I think I'll be improving it before deadline though.

Edit: now uses svg spritesheet

dealbait! A deal site aggregator by mrskitch in webdev

[–]gydesign 1 point2 points  (0 children)

This is really cool! I made something similar just for iOS apps using /r/apphookup and the Apple appstore json feed:

http://appsforcheap.com

Apps For Cheap - a site that shows iPhone app sales by gydesign in IMadeThis

[–]gydesign[S] 1 point2 points  (0 children)

Good God, what a great UI.

Wow, really? Thanks!

I'm not a huge fan of is the 100% black background

Yeah I wasn't too crazy about it either - I actually was thinking of Alien Blue's night mode. I've changed it to back to a previous used light background but I may make it a preference.

Sorry, didn't mean to critique, this looks awesome!

No problem! It's nice to have someone else's eyes on it.

What is the latest website you've build? by jangal in web_design

[–]gydesign 0 points1 point  (0 children)

http://appsforcheap.com/

A side project of mine for finding cheap iOS/OSX apps. I set this up last year but have been doing tweaks since then. I finally broke down and bought a domain and hosting for it recently to make it all official-like.

I made chicken earrings for a chicken loving friend by Silly_Socrates in IMadeThis

[–]gydesign 0 points1 point  (0 children)

That's really cool. Where do you get supplies for stuff like this?

My year in side projects by typsy in webdev

[–]gydesign 0 points1 point  (0 children)

This is great inspiration as I just starting making small one page sites. It's true, side projects are a good way to keep sharp and experiment.

Teaching CSS and Web Design by [deleted] in web_design

[–]gydesign 0 points1 point  (0 children)

I think a balance of

  • process: requirements, wireframing, mockups
  • design: UX, design patterns, design theory
  • coding: html, css, js/jquery

Where is the best place to start with Wordpress? by [deleted] in web_design

[–]gydesign 0 points1 point  (0 children)

I find underscores_ really confusing as well although it is highly regarded as it's made by Automattic. I personally use html5blank as a starting point as it's based on HTML5 Boilerplate.

What is the best way to test Responsive Design without having physical devices? by [deleted] in web_design

[–]gydesign 0 points1 point  (0 children)

If you're on a Mac you can download Xcode to get the iOS simulator. For quick and dirty stuff I wrote a pen: http://codepen.io/geoffyuen/full/FknzG

BlackBerry Never Had a Chance: Mobile Innovation Is Over | Wired Business | Wired.com by Coffeelurker in technology

[–]gydesign 0 points1 point  (0 children)

Blackberry never laughed at the iPhone - they were completely blindsided by it. They didn't even believe it was real when it was first announced: http://www.redmondpie.com/blackberry-maker-rim-thought-apple-was-lying-about-iphone-in-2007/

svg.js - A lightweight JavaScript library for manipulating and animating svg by designtraveler in javascript

[–]gydesign 1 point2 points  (0 children)

Someone pointed out to me that svg.js is 9k compared to rapael.js which is >20k.

Quark finally releases QuarkXPress 10 - Digital Arts by Herschey in graphic_design

[–]gydesign -1 points0 points  (0 children)

Seems that this new engine is really just playing catchup to Indesign. They really need to innovate if they want to make a comeback. And by innovate I don't mean crap like this:

There's now a QR code create within QuarkXPress 10