ebityanのブックマーク / 2015年1月11日

ebityan id:ebityan

2015年1月11日のブックマーク (3件)

Magnific Popup を使ってみた
画像単体ギャラリー表示 iframe YouTube動画 Webページ ※ローカルだと動画が開かないので注意！インラインで画像とテキスト Open 画像とテキストを表示キャプションを付けたい時なんかに便利です。閉じる Retinaディスプレイ対応 Open Ajax Open
ebityan 2015/01/11
jQuery
リンク
超便利！CSSグラデーション基礎と簡単に作れるジェネレーターまとめ | CodeCampus
超便利！CSSグラデーション基礎と簡単に作れるジェネレーターまとめ更新日: 2018年10月11日公開日: 2015年1月6日ホームページデザインに彩りを添えてくれるグラデーションは、たくさんのホームページで使われていますよね。しかし、いざコードを書くとなると長くて面倒なのがこのCSSグラデーション。何種類もグラデーション用のコードを書かないといけない謎な仕様だったり、長いコードの意味がよくわからなかったり…。そこで今回はこのグラデーション技術の基礎をご紹介していきます。簡単にグラデーション用のコードが作れるジェネレーターもご紹介するのでお見逃しなく！グラデーションコードの基礎色の移り変わりがとても綺麗なグラデーションですが、CSSでグラデーションを表現するには、linear-gradient()関数を使います。linear-gradient()関数は線型のグラデーションを表現して
ebityan 2015/01/11
css
リンク
HTMLを効率よく書く！Emmetの書き方・使い方まとめ
コードエディターにはHTML・CSSを効率良く編集する方法でも書いたように、コードの自動補完などの機能が備わっています。これらの機能を使うことで効率良くコードを記述することができるのですが、ここではさらに効率アップできるEmmetを使ってみます。 Emmetを使うとHTMLタグを記述する際に必要な< >などを省略したり、長いHTMK構造をたった数行で書くことができるようになります。慣れるとこれ以外で書くのがめんどくさくなるというデメリットがありますが、とにかく効率良く記述できるのでまだ使ってない人は是非使ってみて下さい。 EmmetにはHTMLとCSSがありますが、ここではHTMLの記述方法を紹介します。 CSS編はこちら -> CSSを効率良く書く！Emmetの書き方・使い方まとめ Emmetのインストール方法コードエディターにEmmetをインストールする Emmetはコードエディター
ebityan 2015/01/11
webdesign

html

css
リンク
- 2015年1月12日
- 2015年1月11日
- 2015年1月8日