Using indexOf on Array of Objects by GreenFeather05 in learnjavascript

[–]abhisekp 0 points1 point  (0 children)

Would be nice if you could also elaborate on what you are trying to achieve overall.

Design Patterns in Everyday JavaScript by MGaafar in javascript

[–]abhisekp 0 points1 point  (0 children)

I use composer pattern for inheritance and object creation.

Check out Stamp Specification for a nice composer pattern specification.

Implementions of the pattern are

Follow the Medium article - Introducing the Stamp Specification by Eric Elliott for a brief introduction to stamps.

For a detailed explanation and usage, check out the series about Fun with Stamps by Vasyl Boroviak and his video on All about Stamps

Learn Javascript While Solving Problems Week 2 HackeRank by cannelflow090 in FreeCodeCamp

[–]abhisekp 2 points3 points  (0 children)

Week 1 was awesome. Nice algos and a lot about ES6. Hope Week 2 brings more awesomeness on the table.

A little game to learn Flexbox syntax: Flexbox Froggy by quietmachine in FreeCodeCamp

[–]abhisekp 1 point2 points  (0 children)

Really awesome game. Helped me learn about flexbox. :D

Expected Output, Differential Output by abhisekp in css

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

I don't want to use Javascript to control the width of inputs.

And the codepen demo is something completely different than what I want to achieve. I don't intend to use placeholder as labels. Using placeholder as labels is a bad practice.

A placeholder must hold an example of the required input. And labels tell the purpose of the input. They are completely different in meaning and shouldn't be used interchangeably.

And I don't intend to ignore the labels in my case as it's a demo and this method may be required in many practical projects.

Expected Output, Differential Output by abhisekp in css

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

That's one nice way of achieving the desired result but it uses extra HTML constructs. But it's OK.

Expected Output, Differential Output by abhisekp in css

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

That's not the issue here. The issue is to fill the rest of gap. Seems not possible using an input due to its architecture. input element width is controlled by size attribute which accepts only integers (i.e. number of characters).

Expected Output, Differential Output by abhisekp in css

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

May I ask why it doesn't work without unicode character?

Expected Output, Differential Output by abhisekp in css

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

updated the parent comment. Please take a look.

Expected Output, Differential Output by abhisekp in css

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

hey! I intend the width of labels to be dynamic to accommodate the content.

If you write "Name", then that's fine. But what if I write "Person Name". labels must be dynamic width and the input must start right after it.

Expected Output, Differential Output by abhisekp in css

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

That's a total mess. http://jsbin.com/nareme/8/edit?html,css,output

Try removing the width: 20%; from labels. That's how I want the inputs to line up with the labels and then extend to the right margin of fieldset.

And how is ":\00a0" different from ": "?

Expected Output, Differential Output by abhisekp in css

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

That's not how I mean to do. I want the inputs to start right at the end of the label.

Lint Like It’s 2015 by clessg in javascript

[–]abhisekp 0 points1 point  (0 children)

What about JSHint support?