Disqus - Latest Comments for ryanve

Re: How to fix: Missing window of Atom application

ryanve — Thu, 03 Dec 2020 18:49:01 -0000

Bless you for sharing. Window Zoomed!

Re: SZA Reveals Her Water-Filled Astrologicial Birth Chart

ryanve — Wed, 30 Sep 2020 15:00:33 -0000

I updated Wikipedia to 1989. The planet positions reflect 1989 not 1990. That day in 1990 had different planet positions and the moon entered Leo. Her tweets confirm her Pisces moon.
https://twitter.com/sza/sta...

Re: The failed promise of Web Components

ryanve — Thu, 24 Sep 2020 22:03:05 -0000

HTML needs R-E-S-P-E-C-T

Re: SZA Reveals Her Water-Filled Astrologicial Birth Chart

ryanve — Thu, 10 Sep 2020 21:58:00 -0000

That chart is on Pinterest and shows she was born in 1989


Sun       16° Sco 19'37"
Moon      13° Pis 52'21"
Mercury   15° Sco  6' 3"
Venus      3° Cap 22'53"
Mars       3° Sco  2'26"
Jupiter   10° Can 40'59" ℞
Saturn     9° Cap 57' 1"
Uranus     2° Cap 47'18"
Neptune   10° Cap 14'28"
Pluto     15° Sco  9'39"
True Node 21° Aqu 46'22"
Chiron    16° Can 28'42" ℞
Lilith     0° Sco 26'48"
AC         3° Aqu 17'30"
MC        24° Sco 19'48"

Re: Rails Internationalization (I18n) – Seven Best Practices That You Should Know About

ryanve — Sat, 08 Jul 2017 20:36:12 -0000

Nesting and lazy lookup only seem manageable at the initial authoring phase. Flat well-named keys seem far easier to maintain in the long run because of easier find and replace. Imagine searching a large codebase for :title and trying to find only the ones that apply to a specific page.

Re: Styling elements based on sibling count

ryanve — Tue, 19 Aug 2014 15:43:31 -0000

Clever technique!

Re: Using Media Queries in JavaScript

ryanve — Fri, 28 Mar 2014 19:09:33 -0000

http://github.com/ryanve/ac... can test media queries and also find the actual breakpoints.

Re: Javascript template engine in just 20 line

ryanve — Fri, 06 Dec 2013 17:07:47 -0000

In the final version `match` appears to be a global variable but I think you want it to be a local var.

Re: NMS 2013 Photos

ryanve — Mon, 17 Jun 2013 21:28:22 -0000

I think you need a pair =] Read the specs.

Re: http://responsejs.com/

ryanve — Wed, 06 Feb 2013 12:05:46 -0000

@Robert The best way to do that currently would be to save a copy of the array before you pass it to Response.create. You could save it in a local var or via $.data().

Re: http://responsejs.com/

ryanve — Wed, 06 Feb 2013 12:00:59 -0000

@Mattias Bodlund Thanks, see #18 and #15 about this.

Re: http://responsejs.com/

ryanve — Wed, 19 Dec 2012 15:40:10 -0000

A lot of people have for AJAX capabilities and I think it makes sense. Slated for version 1.0

Re: http://responsejs.com/

ryanve — Wed, 19 Dec 2012 15:37:50 -0000

@Chris Butterworth Response 0.x works in IE8/7 provided you are using jQuery 1.7–1.9 See responsejs.com/test/. If you notice a specific issue the best way to crack it is to open an thread here. In my own projects I've been leaning towards serving old IE a no-js version similar to how it'd be on feature phone.

Re: http://responsejs.com/

ryanve — Thu, 25 Oct 2012 15:42:53 -0000

Try $('#example').html( window.screen.width > 960 ? 'wide' : 'narrow' );

Re: http://responsejs.com/

ryanve — Wed, 04 Jul 2012 04:28:54 -0000

Nice =]

Re: http://responsejs.com/

ryanve — Sun, 25 Mar 2012 13:51:15 -0000

Awesome—thanks, the simpler, the better =) The color scheme is based on Solarized. I made a base stylesheet for implementing Solarized at css3base/solarized.css and I'm using taos to for the button in the corner that toggles between light and dark.

Re: What is the Name of Your Favorite Preschool?

ryanve — Thu, 22 Mar 2012 20:32:32 -0000

Bright Start!

Re: http://responsejs.com/

ryanve — Tue, 13 Mar 2012 06:54:34 -0000

Response and Respond are two different scripts.

Re: http://responsejs.com/

ryanve — Tue, 13 Mar 2012 06:46:39 -0000

Yea you definitely have to consider SEO. I think it comes down to how you use it and I'm curious to see what other ideas people have. So far I think the smartest uses of Response are:

1. Serving richer versions of the same content (with a no-js version that is SEO friendly).

2. Using the data attributes to store heavy extraneous stuff like sidebars that is less important for SEO.

3. Integrating lazy loading into a CMS a la markup mode (I'm working on stuff along these lines for WordPress that I'll open source as well).

There's also the possibility that the W3 will eventually add a way to handle some of this stuff natively, so that's something to consider too. I wanna make a video to talk about this kind of stuff and some of the recent updates.

Re: How Bands Can Tell If They’re “Making It”

ryanve — Thu, 23 Feb 2012 04:08:17 -0000

Thx yea I was surprised too. In the NYC metro area there's basically almost rock stations anymore but there's tons and tons of indie rock bands. I would put myself on Pirate Bay, cause I figure the people who would download it there aren't going to buy it anyway but maybe it'd help spread the word. Good point about the supportiveness—I think you're onto something with that. That goes in line with some of the statistics in Bas's thesis.

Re: Technicolor Brick Flat

ryanve — Wed, 22 Feb 2012 16:55:29 -0000

Not sure exactly. See the comment thread here. I took a quick look around the intersection on Google Maps street view but didn't see it. Ask Tim in that comment thread.

Re: http://responsejs.com/

ryanve — Wed, 22 Feb 2012 06:56:39 -0000

I updated that answer a couple times so view it on the site if you're not already.

Re: http://responsejs.com/

ryanve — Wed, 22 Feb 2012 05:31:42 -0000

The absolute best way to solve the src mode flicker is to store the img markup in the data attribute of wrapper element like a link or div. Then it'll use markup mode instead and totally circumvent the issue:

<a href="example.png" data-r641="<img src=example.png alt=example>">click to see image</a>

Or:

<a href="hifi.png" data-r641="<img src=hifi.png alt=hifi>"><noscript><img src=lofi.png alt=lofi></noscript></a>

If you're using src mode then the only way to completely resolve the issue would be to hardcode a CSS class on your image (like .visuallyhidden here) and then use jQuery to $('img').removeClass('visuallyhidden') to remove it. I don't recommend this for this situation—I much prefer the markup pattern above. I almost always use markup mode. When I do use src mode I only use it on images below the fold (I did that here). I haven't updated the docs here yet, but since version 0.3.0 the mode is autodetected, meaning you only need to define one attribute set and then you can use the same prefix on any element. If you define both they will both work as either. (See the bottom of the readme.) To anwser the event question: To distinguish between the ready and resize, you can use built-in jQuery events like:

$(document).ready(function() {
    // do stuff on ready
});

$(window).resize(function() {
    // do stuff on resize
});

Or you could use $.on() to do it. See here. Or you could wrap the resize in the ready and not trigger it out like in this live example. That same example also exemplifies the closure concept. Plus look in the source for Response.action and Response.create to see how the events are handled. FYI new methods since version 0.3.0 are already listed here. Hope that helps :]

Re: http://responsejs.com/

ryanve — Wed, 22 Feb 2012 05:21:17 -0000

It should work on any iPad. What version Response are you using? I'll take a look if you have a link.

Re: http://responsejs.com/

ryanve — Wed, 22 Feb 2012 05:14:57 -0000

It depends what you're trying to do. Response and jQuery Mobile have a different scope of capabilities (although both make heavy use of HTML5 data attributes). If you're building a native app (iPhone app, Android app...) then you probably would use jQuery Mobile because it has more capabilities specific to mobile devices. It normalizes touch events for example. Response is geared towards highly-optimized responsive design of websites / web apps. I'm still in the progress of writing the docs but the Github readme has a more complete overview of the methods in Response.