Tips

Tips

AtomエディタをWebデザイン用にカスタムしてみる

前回はAtomについての簡単な説明とインストール方法を説明いたしました。 今回は僕が実際にWebデザインする際に使っているAtomのカスタムをご紹介します。 いままではAdobeのDreamweaverを使っていました。 ...
2018.10.01
Tips

すぐ手に馴染む高性能エディタ『Atom』インストールから日本語化まで

自分好みにカスタマイズ可能な、高性能エディタAtomのインストール方法から日本語化までをご紹介いたします。
2018.09.30
Tips

CSS|レスポンシブデザインで使える改行〈br/〉の作成

リキッドデザインを採用しているサイトにて、変なところで改行してしまうことありますよね。細かいことですが、その辺りを精査するとプロっぽいデザインになります。 そんなときに使える改行のHTML+CSSをご紹介します。 HTML ...
2018.09.13
Tips

CSS|ページ内リンクの上下位置を調整する方法


2018.10.04
Tips

CSS|画像の上に網点を乗せるシンプルな方法

最近流行りのアレです。画質の悪い画像でも、網を乗せればそれなりにきれいに見せれます。応用が効きそうなコードにしました。動画にも使えると思います。応用編は後日紹介したいです。  divで囲う方法 前回紹介したC...
2018.09.14
Tips

CSS|ブレンドモードで背景の上に画像を重ねる方法

CSS3からの新機能「background-blend-mode」を使用すれば、PhotoshopやIllustratorで使用できる「透明効果」と同じ様な画像処理ができます。 使用例 元画像 掛け合わせる画...
2018.09.13