Unclassified Interesting Tech Material

54. Prevent a line / phrase from breaking into multiple lines.

Try:

display: inline-block;

55. Unanswered question:

HTML5 can keyboard type be specified independent of input type .

For a numeric keyboard:

https://stackoverflow.com/questions/6178556/phone-numeric-keyboard-for-text-input

http://blog.pamelafox.org/2012/05/triggering-numeric-keyboards-with-html5.html

https://seesparkbox.com/foundry/cracking_the_code_for_a_numeric_keyboard

56. Unanswered question:

Chrome Android --> force full screen

57. How to delete a local branch that is no longer present on remote (may be you deleted the branch using some other machine)

╰─$ git branch -d origin/dev

error: branch 'origin/dev' not found.

╰─$ git fetch --prune 1 ↵

From gitlab.com:{{$organization_name}}/{{$project_name}}

- [deleted] (none) -> origin/dev

https://stackoverflow.com/a/35941658

58. make [(ngModel)] like integrations with parent component

https://www.concretepage.com/angular-2/angular-2-two-way-data-binding-ngmodel-example --> best explained here. Suffix hidden magic :P (not very well documented in the angular documentation)

https://blog.rangle.io/angular-2-ngmodel-and-custom-form-components/

https://dzone.com/articles/simplifying-custom-two-way-data-binding-in-angular

59. Broswer safety features:

certain navigation functions, like focus() etc are not reflected; unless called in response to a user generated event.

60. Angular Modules:

https://malcoded.com/posts/angular-fundamentals-modules

61. Angular apply styles to child components:

https://alligator.io/angular/styles-between-components-angular/

62. Angular cheat sheet on accessing child components:

https://alligator.io/angular/viewchild-access-component/

63. Backing up gitlab data:

https://gitlab.com/gitlab-com/support-forum/issues/412

TODO: try-out if this works.

64. Div element not taking height despite having content inside ?

Assign it a row class; (assuming you have bootstrap handy) The div in question should start occupying space.

65. Input box placeholder styling:

https://css-tricks.com/almanac/selectors/p/placeholder/

Also, read the comments. They provide a wealth of info, that will save time.

66. Ajax file download:

gist: https://gist.github.com/javilobo8/097c30a233786be52070986d8cdb1743

67. Centring an image

https://www.lifewire.com/center-images-with-css-3466389

Always useful. In margin-left/right:auto we trust

68. Tips on designing forms

https://uxdesign.cc/design-better-forms-96fadca0f49c

69. Using google queries to mine passwords:

(albeit searching gitlab / github / bitbucket)

and other open code repositories for passwords --> could get you into servers.

But this can get you into CRMs email accounts :D

https://medium.freecodecamp.org/discovering-the-hidden-mine-of-credentials-and-sensitive-information-8e5ccfef2724

Lesson: NEVER make your wiki's public

70. UX copy writing:

https://uxdesign.cc/how-to-build-a-better-product-with-ux-writing-926d78209ce8

Nice tips.

Especially the one about German :D being the gold standard for word length

71. Space Simulation and Visualisation engines

https://celestia.space/

Stelerium: stellarium.org

72. Dart and flutter.io

https://hackernoon.com/why-flutter-uses-dart-dd635a054ebf

73. Dynamically adding a component to Angular:

Short and to the point prescription of what to do:

https://medium.com/front-end-hacking/dynamically-add-components-to-the-dom-with-angular-71b0cb535286

In case someone wants to dive to level 1 of the internals

https://medium.com/@caroso1222/angular-pro-tip-how-to-dynamically-create-components-in-body-ba200cc289e6

A journey of discovery:<template>:

https://medium.com/@isaacplmann/if-you-think-you-need-the-angular-2-runtime-jit-compiler-2ed4308f7515

74. Suggestions / Guidelines for completing the design --> development --> iterate loop; without missing to capture any part of the thought process.

General guide:

https://uxdesign.cc/https-medium-com-91bilal-guide-to-successful-design-handoffs-18345f42d5d6

Zeplin specific guide:

https://medium.com/sketch-app-sources/10-things-to-keep-in-mind-working-with-sketch-zeplin-developers-will-thank-you-a80e84c00bc2

75. web workers and threading in Browser + Js environment:

https://itnext.io/achieving-parallelism-in-javascript-using-web-workers-8f921f2d26db

76. The Font-Weight property mess:

http://clagnut.com/blog/2228/

https://stackoverflow.com/questions/3367589/font-weight-is-not-working-properly

77. DOM manipulation techniques:

https://blog.angularindepth.com/exploring-angular-dom-abstractions-80b3ebcfc02

Associated risks:

https://angular.io/guide/security#xss

78. Angular internals (dependancy tree and tree shaking):

https://blog.angularindepth.com/angular-dependency-injection-and-tree-shakeable-tokens-4588a8f70d5d

79. Nice article on Semantic Versioning (semver for shorts)

https://developer.telerik.com/featured/mystical-magical-semver-ranges-used-npm-bower/

80. Interesting Gmail search queries:

https://www.lifewire.com/how-to-search-mail-in-gmail-1172081

81. Not asking your designer to follow bootstrap grid ratios can cause a lot of problems.

82. You know your code is going to work when the diff looks like:

143 <3

:D

83. RISC ideators get Turing Award

RISC and ARM !!

https://www.nytimes.com/2018/03/21/technology/computer-chips-turing-award.html

may be then AVR too stands for what wikipedia says :)

"

Alf and Vegard's RISC

The creators of the AVR give no definitive answer as to what the term "AVR" stands for. However, it is commonly accepted that AVR stands for Alf and Vegard's RISCprocessor. Note that the use of "AVR" in this article generally refers to the 8-bit RISC line of Atmel AVR Microcontrollers.

"

https://en.wikipedia.org/wiki/Atmel_AVR

84. Git interactive add !!!

https://git-scm.com/book/en/v2/Git-Tools-Interactive-Staging

git is too good to be true. Wish that kind of control was available in life :P

85. Template literals javascript:

ver elegant way of solving the typical pintf from c; with the ugly %d, %s for typing variables

86. Tracking on Dropbox Website:

URL1: https://www.dropbox.com/plus

(I clicked on the header button on the plus page)

URL2: https://www.dropbox.com/buy?_tk=plus_header_button

(I clicked on the plans button in the footer)

URL3: https://www.dropbox.com/plans?trigger=homepagefoot

87. This is epic or what ?

https://github.com/localstack/localstack

- still studying it, don't understand it fully.

-

88. Rubber duck debugging :D

https://en.wikipedia.org/wiki/Rubber_duck_debugging

89. Notepad (F5-keybinding) gives out current timestamp !!

https://ask.metafilter.com/267294/How-do-you-guys-keep-a-diary-with-timestamps-automated

can be achieved with custom keybindings for google docs too !

https://webapps.stackexchange.com/questions/51558/add-a-creation-date-value-when-a-new-line-is-edited

90. Slow clap for google !

- is this a migration solution at all ?

- :D copy paste kar lo :D

91. Translation / Localization service for tech products:

https://crowdin.com/

- interesting workflow

92. NPM plugin development:

- interesting strategy:

https://docs.npmjs.com/cli/link

93. wow ! how we are being tracked:

https://spreadprivacy.com/

-

List of events being tracked:

https://clickclickclick.click/#eb35964c5fe445133ecef6635b800692

94. cross domain cookies:

https://medium.com/building-contently/tracking-people-across-multiple-domains-when-cookies-just-arent-enough-b270cc95beb1

-

How Facebook does it:

http://www.nfriedly.com/techblog/2010/08/how-facebook-sets-and-uses-cross-domain-cookies/

-

More general discussion:

https://stackoverflow.com/questions/3342140/cross-domain-cookies

95 Very good blog on how to handle shell script arguments

- Also a very good template: (I am personally thinking of making this my standard)

- Also, I could not find any good gists for this, so may be it would be a good idea to add this as a gist

- Also, I should stop using also to start my statements

http://shelldorado.com/goodcoding/cmdargs.html

96 Position: static, relative, absolute, fixed

- https://www.w3schools.com/css/css_positioning.asp

97 Z-index is not as simple as it sounds:

- https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

98 ::before and ::after in html,css are evil.

- need to know why were they introduced in the first place

99

Using reserved and unsafe characters not recommended:

- Why are the unsafe characters unsafe ?

https://stackoverflow.com/questions/726662/what-characters-are-unsafe-in-query-strings

- This answer in particular quotes an RFC in the w3 org

https://stackoverflow.com/a/726717

- What vulnerebilities may arise:

https://stackoverflow.com/a/727150

100

Fundamentals of micro services architecture:

https://www.nginx.com/blog/microservices-at-netflix-architectural-best-practices/