美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
Codaを効率的に使うためのショートカットまとめ - 地中へのはしご
テキストエディタに何を使うか、というのは誰もが抱える課題であり、作業効率に大きく関わる問題だと思います。 僕はデザインもやる関係で、Codaを使うことが多いです。CodaはMacで使えるエディタで、Macらしい美しいインターフェイスを備えています。機能も、SVN連携やFTP、ファイルブラウザ、プレビューをシングルウィンドウで使用でき充実しています。 DreamweaverからCodaに変えました - デザインに関し参考にしまくりのwebクリエイターボックスさんの紹介記事 PanicJapna公式サイト - 公式サイトです。 ※Coda2でましたね！ このCodaで僕がよく使うショートカットをまとめました。 移動編-まずはCoda内をすいすい移動 ⌘+1 : Siteに切り替え ⌘+2 : タブをエディタに切り替え ⌘+3 : タブをプレビューに切り替え ctrl+tab : タブ内のカラム
WordpressをCoda2で快適に編集する方法 | Yuichiro Suzuki Reports
はじめに 本記事は、Coda2でWordPressを編集するための方法を紹介しています。 Coda2とWordPressの連携方法だけでなく、 より快適に作業を行えるようにCoda2の拡張プラグインの紹介もしております。 まずは、WordPressとCoda2の連携方法について公開します。 WordPressとCoda2を連携させる DreamweaverとWordPress連携のときと同様に 作業効率とセキュリティの都合上、ローカル環境で行います。 ローカル環境の設定方法は以下の記事を参考ください。 WordPressをローカル環境で動作させる方法 http://sozoen.com/yuichiro/wordpress-local Worspressでの設定 ローカル環境用に設定したURL(http://localhost:8888/○○○/)をブラウザで開き、 管理画面にログインしま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
