iBird Rose

если хочешь, чтобы красиво - то лучше своего сайта ничего не будет)

sublime text и ставишь какой нить livereload. ну и плагины для sublime text по вкусу.

это скорее не баг, а поведение box-shadow. тобишь эта обводка - это выглядывает background самого блока.

а ты сам package control https://packagecontrol.io/installation поставил?

погугли алгоритмические игры. раньше под dos много было. сначала нужно обучить алгоритмированию. дальше уже как логику поймет (если поймет), можно переходить к какому нить языку и синтаксису. ну и тебе придется все самому разжевывать, чтобы понятно было.
а про 3d - трудно будет для восприятия ребенку в 7 лет. можно начать приучать к рисованию. а когда уже стереометрическое мышление появится - тогда уже начать потихой приучать к 3d моделированию.

<table style="border: 1px solid #999;">
						<tr>
							<td>dfg</td>
							<td>dfg</td>
							<td>dfg</td>
						</tr>
					</table>

нет. там не rgb подцветка. только 3 цвета

$(document).click( function(event){
		if(( $(event.target).closest(".header-action-buttons-wrap").length ))
		return;
		$('.header-action-buttons-wrap').removeClass('active');
		event.stopPropagation();
	});

ну также делаешь как описал "Если бы не это можно было бы накрыть конец блока другим блоком с градиентом прозрачности и цветом равным фону.", но еще этому блоку даешь opacity какое-нить, чтобы он тоже был полупрозрачным и просвечивался фон.

или нормально учишь svg. или гуглишь по запросам типа "svg bezier curve" и находишь либо подобные решения, либо даже конструкторы готовые есть для рисования

ну картинку то ты выровнил. а текст кто будет выравнивать также по middle?
https://jsfiddle.net/9gdL9oum/4/