recipe: dal (red lentils)

I took advantage of Dani being out of town to cook food he doesn't like but I do. There are lots of kinds of dal (dal means "lentils" in Hindi or Urdu). I based what I did on this recipe.

In a deep skillet, saute in hot olive oil over medium heat until onions are soft but not yet brown:

• 1 large sweet yellow onion, chopped
• ~3" ginger root, peeled and cut fine
• 1 heaping teaspoon minced garlic
• 3 red mini-peppers, chopped

Then stir in and cook while you chop tomatoes:

• ~1 teaspoon ground cumin
• ~1 teaspoon ground turmeric
• several shakes of dried red pepper flakes

Add:

• 4-5 small sweet tomatoes, diced (maybe a cup or so?)
• 1 bag frozen stir-fry vegetables, thawed (the cauliflower in the recipe I found sounds nice but I didn't have any)

Cook for a couple minutes, then add:

• 1 cup dried red lentils
• 2 cups vegetable broth

Bring to a boil, stir, then reduce heat and cover. Stir occasionally and add broth or water as needed. I needed another half-cup or so of liquid after about 10 minutes, and a bit more after another 10. Cook until done, about 30 minutes total.

Right before serving, stir in a few squirts of lime juice and some chopped cilantro. I had it over brown rice.

With rice, this made 5-6 meal-sized servings. (I made 1.5 cups (dry) rice.)

responsive design: do pixels even mean anything?

I don't know a lot about the nuts and bolts of responsive design (the "how", I mean), but Stack Exchange is moving toward it so I'm starting to pay attention.

Meanwhile, my ancient tablet seems to be in its death throes, so I've started to look around at what's out there these days, and I realized something. I'm looking at some 10" tablets with resolutions like 2048x1536. My 30-inch monitor at work is something like 2500px wide. These are, of course, not even remotely the same size pixels. Pixels have always varied with the size of the monitor, of course, but a ~10" tablet used to be in the range of 1024 or 1280 wide (landscape), not twice that.

I've seen discussions of SE's upcoming responsive design that say things like "and at widths under 900px it does this" and "the max width for the content area is (some number of pixels)".

How does this work? How can I see reasonable "real-world" sizing of things on both my big monitor and my tablet when designers are measuring things in pixels and tablets are doing crazy-dense things with pixels these days? I guess the same can be said of 4k displays (which I don't have). Do these ultra-dense devices somehow tell the browser "no, really, treat me as half that for layout purposes"? On a tablet will I need to have tons of zoom -- but still struggle to see the actual application's controls, because those don't zoom when you make content bigger?

I must be missing something obvious. Anybody want to enlighten me?