TipsAtomエディタをWebデザイン用にカスタムしてみる
前回はAtomについての簡単な説明とインストール方法を説明いたしました。 今回は僕が実際にWebデザインする際に使っているAtomのカスタムをご紹介します。 いままではAdobeのDreamweaverを使っていました。 ...
Tips
TipsTipsすぐ手に馴染む高性能エディタ『Atom』インストールから日本語化まで
自分好みにカスタマイズ可能な、高性能エディタAtomのインストール方法から日本語化までをご紹介いたします。
TipsCSS｜レスポンシブデザインで使える改行〈br/〉の作成
リキッドデザインを採用しているサイトにて、変なところで改行してしまうことありますよね。細かいことですが、その辺りを精査するとプロっぽいデザインになります。 そんなときに使える改行のHTML＋CSSをご紹介します。 HTML ...
TipsCSS｜ページ内リンクの上下位置を調整する方法
TipsCSS｜画像の上に網点を乗せるシンプルな方法
最近流行りのアレです。画質の悪い画像でも、網を乗せればそれなりにきれいに見せれます。応用が効きそうなコードにしました。動画にも使えると思います。応用編は後日紹介したいです。 divで囲う方法 前回紹介したC...
TipsCSS｜ブレンドモードで背景の上に画像を重ねる方法
CSS３からの新機能「background-blend-mode」を使用すれば、PhotoshopやIllustratorで使用できる「透明効果」と同じ様な画像処理ができます。 使用例 元画像 掛け合わせる画...