タグ

ブックマーク / cappee.net (3)

  • [Sass]泣くほど早い…コピペで今すぐ使える便利なmixinまとめ | Cappee Design

    あとで読みたい人は… こんにちは、@cappeeです。 格的にSass(SCSS)を仕事で使うようになってから早半年。 色々と試行錯誤しながら効率的にコーディングできるように工夫してきましたが、やっとこさある程度カタチになってきました。 これからSassを導入するというデザイナーさんもいるかと思うので、コピペで今すぐ使える便利なmixinをまとめて公開したいと思います。 泣くほどコーディングが早くなりますよ。 目次1. フォントサイズ2. テキストシャドウ2.1. 文字に1pxの黒いシャドウ2.2. 文字に1pxの白いシャドウ3. ポジション4. グラデーション4.1. 上下に明→暗4.2. 上下に暗→明4.3. IE8~9に対応する4.4. IE9に対応する5. 背景画像5.1. CSS Spriteの設定5.1.1. 文字の背景に入れる画像と文字を置換する画像5.1.2. アイコンな

    [Sass]泣くほど早い…コピペで今すぐ使える便利なmixinまとめ | Cappee Design
  • [WordPress]簡単にコミュニティサイトやSNSがつくれるプラグイン「BuddyPress」の設定方法 | Cappee Design

    こんにちは、@cappeeです。 最近コミュニティ系のサイト制作を依頼されることが多くなってきました。プラスSNSにあるような友達機能も今では必須ですよね。 そんなわがままをWordpressで簡単に叶えてくれるのが「BuddyPress」というプラグインです。とにかく使える機能がすごいです。 今「BuddyPress」を使ってコミュニティサイトを構築中なのですが、インストールの手順や使い方を探していると結構情報が古くなっていて色んな記事を横断したり自分で四苦八苦したので、「BuddyPress」の使い方をメモしておきたいと思います。 WordPressのインストールに関してはこちらを参考にしてください。 【初心者向け】WordPressを使ってゼロから1時間でブログを公開する方法 BuddyPressとは BuddyPressとは、SNS(ソーシャルネットワーキングサービス)やコミュニ

  • [バージョン管理]WebデザイナーでもできるBitbucketとSourceTreeを使って簡単バージョン管理 | Cappee Design

    梅雨入りしたのに快晴が続いてますね、@cappeeです。 コーディング中にちょっとしたミスをしてしまったり、クライアントさんにやっぱり元に戻してと言われたり、「ソースコードを前の状態に戻したい…」ってことはWebデザイナーでも少なくないと思います。 バージョン管理はエンジニアさんのためだけではありません:) 「バージョン管理導入したいけど、Gitとか難しそうだし」というWebデザイナー(非エンジニア)でも簡単に導入できるツールがあるので、設定方法などをご紹介したいと思います。 バージョン管理とは ソースコードの差分などファイルの更新履歴を管理してくれるシステムです。 プロジェクト内のファイルをバージョン管理することで、編集日や編集箇所などを記録しておくことができるので、過去のソースコードを容易に探すことができます。 複数人でひとつのプロジェクトに参加している場合は、同じソースコードを複数で

  • 1