Александр Решетняк

octobercms.ru

Быстро и качественно никогда не бывает) либо кучу монет стоит)
..выделите для себя приоритет вам надо быстро или качественно, но и размер деталей будет меньше и дольше делать

для себя выделил flexbox сетку https://blueprintcss.io раньше называлась core-flex-grid кажется
из отличий, от подобных меньший размер и реализация не на классах) а..

<div bp-layout="row">
  <div bp-layout="col">
      <div class="demo">6 columns</div>
   </div>
   <div bp-layout="col">
      <div class="demo">6 columns</div>
   </div>
</div>

Изучайте CSS)

Всё зависит от ситуации. Если идёт разработка, то порой лучше много гибких и понятных классов, что то вроде .bg_blue .c_red .pad_2 .rad_4, которые понятны с первого взгляда, дабы не вспоминать чем именно мы наградили .icon_header

А уже после того как всё устаканится, укорачивать стили до описывающих элемент

Если не часто меняете фон, то лучше заранее её загрузить уже менее контрастной или размытой

codepen.io/suez/pen/ogVqYW
codepen.io/MilanMilosev/pen/JdgRpB
codepen.io/912lab/pen/LsplC
codepen.io/CBeghin/pen/HeuiF

misc.nybergh.net/pub/fonts/terminus/ttf/Terminus.ttf
misc.nybergh.net/pub/fonts/terminus/ttf/TerminusBo...

Многие почему то забывают упомянуть jssor.com хотя его история начинается с незапамятных времён)
..и в отличие от других имеет мега удобный конструктор монтажа анимаций, кто занимается видео монтажом в нём разобраться с пол пинка)

velosityJS более производителен чем чистый css codepen.io/collection/DjbJRV

по факту bootstrap, zurb foundation, ui kit и тп больше предоставляют базовые элементы и скелет.

Semantic-ui пошёл чуть дальше, предлагая уже законченные блоки с более продуманной стилистикой дизайна, но.. в мире нет ничего идеального) размер в 10 раз больше

для первой серии надо, что то будет прибавлять)
для Semantic, же что то наоборот убавлять)

набрёл на давно знакомый video.js и один из его плагинов очень крут https://sunnyli.github.io/videojs-ass/example.html только вот как его научить выводить ссылки ( . .)

возможно кого то ещё заинтересует плагин 360 панорамы^ ^ https://sunnyli.github.io/videojs-ass/example.html
..яндекс панорамы наверно в дебрях своих уже тестят)

SpaceGray (base16-ocean dark) - самая нормальная тёмная Тема)
BracketHightlighter - подсветка начальных скобок и заключительных)
Sublimerge - для сравнения файлов
CSSComb - для правильной сортировки стилей
CSSFormat - для удобного форматирования стилей и минификации
Animate.css - снипеты стилей анимаций
JSFormat - для форматирования js
MarkdownHTML preview - для просмотра .md файлов в браузере
SideBarEnhancements - расширенные функции для сайдбара
SyncedSideBar - синхронизация с сайдбаром файла который редактируется
SyncedSideBarBG - синхронизация фона сайдбара с темой оформления
HTML Minifer - для минификации HTML, CSS и JS

без живого примера сложного вникнуть в тему)
возможно, что то вроде этого codepen.io/Vampireos/pen/EyOBYg

Важно не где, а качество. Поэтому лучше выбрать такое место куда будет удобнее добавлять новые работы.
Даже фото альбом с ссылками Вконтакте подойдёт)
Так же вашим плюсом станет если разместите на гитхаб локальную копию портфолио которое обновляете через деплой на сайт, дабы все видели вашу деятельность в удобном виде^ ^

csscomb.com

если используете SublimeText то
для причёсывания csscomb https://github.com/csscomb/sublime-csscomb
для форматирования cssformat https://packagecontrol.io/packages/CSS%20Format

Слинки вам в помощь) alizahid.github.io/slinky
https://github.com/alizahid/slinky/
сам как то задался такой задачей чтоб удобно было и на десктопе и на мобиле

для отлова свайпов hammerjs.github.io
легендарное свайп меню которого другие никак не превзойдут по производительности) jakiestfu.github.io/Snap.js/demo/apps/toggles.html
ещё одно свайп меню, реализованное как раз с помощью hammerjs ericktatsui.github.io/Touch-Menu-Like-Android