Webデザイン

Tips

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

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

WordPress|メニューのリンク先を新しいタブ(target=”_blank”)で開く方法

解説 備忘録として載せておきます。Wordpressのメニューのリンク先を新しいタブで開く(target="_blank" にする)方法です。 「外観」→「メニュー」→「表示オプション」→「リンクターゲット」をチェック...
2018.09.13
Tips

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

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

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

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