Сборник SASS миксинов

Решил собрать в одном месте, часто используемые миксины:

Изменение цвета placeholder

@mixin placeholder-color($color) {
 &::-webkit-input-placeholder { /* WebKit browsers */ color: $color; }
 &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: $color; } 
 &::-moz-placeholder { /* Mozilla Firefox 19+ */ color: $color; } 
 &:-ms-input-placeholder { /* Internet Explorer 10+ */ color: $color; } 
} 

взял его здесь
Как то так

Еще момент с затемнением кнопок при наведении.
Можно не подбирать цвета, а изменить тон, для этого в SASS/SCSS уже есть функции darken, lighten

• darken($primary-color, 10%) — затемнение
• lighten($primary-color, 10%) — осветление

взято здесь

Начало верстки - советы и трюки

Решил записывать фишки по верстке, для удобства.

Заметил, что трачу много времени на начало нового проекта - каждый раз настраивая webpack/gulp. Для решения этого, погуглив конечно, понял - нужен базовый шаблон проекта, и использование githab. Это не новость, для многих очевидные вещи, но я долго до этого додумывался, поэтому может пригодится новичкам.

Вкратце - создаем базовый шаблон (или форкаем или используем подходящий, благо их сейчас много) для клонирования. И используем его каждый раз при начале нового проекта.

По шагам (что бы не забыть):

• Сперва создал удобный git boiler template, содержащий wepback sass pug. Точнее форкнул подходящий мне Forked from vedees/webpack-template-pug. Вы можете использовать тот, что подходит вам. 

1. Открываем в терминале папку проектов.

cd c:/projects
Далее, в папке проектов в моем случае Projects

2. Клонируем git webpack template.git
git clone xxxxxx.git
в итоге  в папке Projects будет создана папка (в моем случае) webpack-template

3. Даем новое название данной папке - (например project_name1)

• Далее создаем новый репозиторий для нового проект project_name1 в githab, для дальнейшего указания в качестве удаленного репозитория. (Можно было сделать это сразу.)

4. Переходим в папку с проектом
cd c:/projects/project_name1

5. Удаляем папку .git
rmdir .git

6. Инициализируем новый git, добавляем текущие файлы и коммитим. Затем добавляем удаленный репозиторий, созданный ранее.
git init
git add .
git commit -m "first commit"
git remote add origin project_name1.git

7. Запускаем установку пакетов из package.json
npm install

Все, можно работать над новым проектом.

Теперь над началом нового проекта по верстке, уходит 5-10 минут.

Как запушить в уже созданный репозиторий на Github

Накануне при верстке сайта для портфолио, и повышения навыков в Pug, начал верстку на локалке с фиксацией в git, а затем опомнился и создал новый репозиторий на Github.
При попытке запушить, получил предупреждение, что предварительно неплохо бы запулить изменения - так как в новом репозитории есть файлы (Readme, license).
Ок, пытаюсь сделать

git pull origin master

получаю ошибку

fatal: refusing to merge unrelated histories

решение простое, разрешить запулить незарегистрированную историю (решение нашел тут https://github.community/t5/How-to-use-Git-and-GitHub/How-to-deal-with-quot-refusing-to-merge-unrelated-histories-quot/m-p/16305#M5000 как обычно дублирую, чтобы снова не искать по всему Инету):

git pull origin branchname --allow-unrelated-histories

и все, можно пушить.

Как запушить свой код на БитБакет, с Windows

Заметка про BitBucket на Windows
Как запушить свой код на БитБакет, с Windows

1. Скачиваем git приложение https://git-scm.com/download/win
2. Открываем Git в консоли
3. Переходим в папку с приложением
4. Заходим на сайт BitBucket и копируем путь к репозитарию
5. Запускаем команду с сайта БитБакет, указывающую репозитарий

Как залить код на удаленный репозитарий, без объединения измениний с предыдущего локального репозитория?

Ситуация: Имеем код в первом локальном репозитории, на компьютере, правим код. Затем, берем ноутбук уезжаем на дачу, и скачав код из удаленного репозитория, работаем с ним. Но при попытке запушить код на удаленный репозиторий получаем ошибку: pull fatal refusing to merge unrelated histories ведь наши истории разработки не совпадают.

Решение: крайне глупое, но простое - копируем файлы из скрытой папки .git локального репозитория на компьютере (со старым кодом) -> в скрытую папку локального репозитория на ноутбуке, далее в ноутбуке запускаем коммит, и можем спокойно пушить на удаленный репозитарий.

Время сомнений и перемен...

Давным давно, лет 5 назад, я начал вести этот блог, увлекшись программированием, линуксом и IT, что заметно по названию. Тогда мне хотелось, стать крутым программистом, сделать свой ютуб или что-нибудь покруче.
Прошло время, тяга к программированию спала, но не до конца, иногда я расчехляю IDE и пишу код. Появился свой стиль, и предпочтения к определенным языкам - C# и Ruby.

Сегодня, посмотрев на свой бложик, я понял, что не уделяю ему внимание, в суете будних дней. Эти крысинные бега, под названием жизнь в режиме "дом-работа-дом-пятница-пиво", навязанная нам СМИ и падшей экономикой страны, не дают вздохнуть, оглянутся и понять. Мы бежим, но стоим на месте - больше зарабатываешь, выше цены, меньше времени. Это факт.
Глобальных перемен, за эти года - практический нет. Только интернет стал быстрее, и доллар выше...

Мы ограничены, своим кругом общения, интересами, государственными границами, языковым барьером... Мы живем в огромном океане информации, и обладаем немыслимыми возможностями, но почему то, не можем дотянуться до них...
Кто-то пеняет на государство, другой на лень, третий даже не понимает, о чем все говорят.

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

В нас посеяли сомнения. 

И мы поверили, в свое бессилие.

Кровь и Пот, или Пальцы и Код

Да, прикольное название статьи, навеяло хорошее холодное пиво, и отличная музыка в наушниках - Мияги Эндшпиль - When I Win.

По сабжу, сегодня при установке шаблона, затер данные, которые в будущем могут повлечь проблемы, при настройках... Да, я знаю что такое SVN, GIT и даже Mercurial, но откладывал ее на потом. В итоге, решил переустановить (нет не Виндовс) а движок, и сделать с нуля, с GITом, блэкджеком и шлюхами. Постоянно буду, дополнять статью, шагами, про которые, многие не пишут (чтобы не искать, снова по Инету, т.к память у меня, только оперативная (максимум 2 дня помню))

Итак, самый первый и главный шаг:

• Установка GIT ссылка-https://git-scm.com/download/win

Laravel у меня уже установлен, поэтому создаем новое приложение

• laravel new Название проекта

После установки Шаблона с сайта here скачивал бесплатно

Локализацию (ссылка как это сделать) ошибок в форме для bootstrap в Laravel можно взять тут

https://github.com/caouecs/Laravel-lang

Проблема выбора

Всем привет,
давненько не оставлял посты... Оглядываясь назад, было много чего, хорошего и не очень. Но что бы ни было, все в итоге, превращается в опыт.
Итак, проблема выбора. Что могу сказать, это действительно серьезная проблема, которая нас тормозит.
Недавно, решил начать новый проект (да, да, 100500 тысячный раз) ). Нарисовав модель в MS Visio (и вам советую, предварительно рисовать схемы), и MindMap конечно. Приступил к разработке, точнее задумался 1 - на каком языке писать, 2 - какой функционал реализовать вначале, 3 - какую тестовую выбрать (локальный сервер (xampp, denwer и пр), виртуальную машину с чистым Линуксом, или образ vagrant... просидев около пары часов, шерстя Интернет, читая о преимуществах, плюсах и минусах... Понял, что просто теряю время, которое не вернуть. Поэтому ввел правило, ограничивающее выбор - Выбор должен быть сделан в течении 5 минут!
Ограничив время на поиски и решение, сделал выбор на самые простые и эффективные инструменты.
Да. я понимаю, что возможно выбор был сделан неверно, но начав, я уже буду иметь опыт, который поможет сделать лучший выбор в дальнейшем. Чем потраченное время, за которое, проект не сдвинулся ни на миллиметр.

Совет дня - Ограничивайте время на выбор! 5 минут!