omega-takai

Design デザイン

• https://www.sketchapp.com/
• http://www.adobe.com/jp/products/experience-design.html
  • AdobeXD
• https://studio.design/ja
  • 2017年1月12日、UIデザインを主に取り扱う株式会社オハコがSTUDIOのβ版事前登録を開始しました。
• https://www.figma.com/
  • 無料プラン
• 最大2人の編集者

omega-takai

CSS Report

I want to create a CSS report and delete any style.

• Simple duplication of styles
• Duplicate selectors
• Specify properties that do not exist

Why do not automatically modify the code ?

omega-takai

Web APP

---

for Design

hatchful

Hatchful — シンプルで簡単なロゴメーカー

omega-takai

Fira Code

• https://pep20.org/
  • https://github.com/nkantar/pep20.org
• https://scastie.scala-lang.org/
  • https://github.com/scalacenter/scastie

Ricty

Noto Sans JP

omega-takai

• https://carbon.now.sh/
  • Create and share beautiful images of your source code.
• https://flotato.com/
• Break free from the browser

omega-takai

{"lastUpload":"2020-05-22T09:26:20.319Z","extensionVersion":"v3.4.3"}

omega-takai

# alias git
alias gst 'git status'
alias gb 'git branch -vv'
alias gba 'git branch -a'
alias gf 'git fetch -p'
alias gc 'git checkout'
alias co 'git checkout'
alias gcp 'git cherry-pick'
alias makepr 'git commit --allow-empty -m "make pull request"'

omega-takai

$rootFontSize: 10; // px

$_ratio: 1 / $rootFontSize; // default 0.1
@function pix2rem($Number) {
  $_computed: round($Number * $_ratio * 1000) / 1000;
  @return #{$_computed}rem;
}

html {
  font: {

omega-takai

//奇数の場合
if( ( Number % 2 ) !== 0 ) {}

//偶数の場合
if( ( Number % 2 ) == 0 ) {}

//3の倍数の場合
if( ( Number % 3 ) == 0 ) {}

//5の倍数の倍数

omega-takai

@mixin truncateStyle($showLine: 3, $bgColor: #EEE, $fontSize: 14px, $lineHeight: 1.4)
  background: $bgColor
  overflow: hidden
  font-size: $fontSize
  max-height: $fontSize * $lineHeight * $showLine
  line-height: $lineHeight
  position: relative

  &:before,
  &:after