5分で簡単にできる！SVGアニメーションの基本
*SVG(Scalable Vector Graphics)*と呼ばれる画像形式が注目を集めています。 PNGやJPG、GIFなどのようなビットマップ形式のデータでは、拡大すると縁がギザギザしてしまいます。 一方、SVGのようなベクター形式のデータは、ピクセルに色を塗るのではなく数式によって画像を表現できるので、拡大してもハッキリと見ることができます。 さらにSVGの使用を加速させている理由が、SVGにはGIFのようにアニメーションを表示できるということです。 アニメーションは動きがある分ユーザーの目を引くことができますが、それだけでなく滑らかで美しいアニメーションになるので、SVGアニメーションを使っているだけで他のサイトに比べて大きな差別化となります。 SVGアニメーションは作るのが難しいと思われがちですが、HTMLに慣れている人であればそれほど難しいものではありません。 なぜなら、S
仮称「Google Posts」がGoogleマイビジネスの「投稿」機能として正式公開
[レベル: 中級] “Google Posts” と呼んで、このブログで紹介していた機能が正式に公開されました。 Google マイビジネスの新機能として、すべてのローカルビジネスオーナーが利用できるようになっています。 ヘルプ記事ができあがっていたので間もだろうと予想していたところ、その通りになりました。 Google Small Business ブログで公式アナウンスが出ており、日本語版の AdWords 公式ブログでは翻訳記事を読むことができます。 Google に「投稿」 Google Posts と勝手に呼んでいましたが、特別な名称は付けられていません。 単純に「投稿」という名前の機能で提供されています。 Google マイビジネスのダッシュボードまたはモバイルアプリ(Android & iOS) で投稿できます。 こちらは、Google マイビジネスに PC からアクセスした
El Capitan からの font-family の指定方法 - Qiita
El Capitan から ヒラギノ角ゴシックが、ヒラギノ角ゴに変更となり、フォントのウェイトがW0-W9まで収録されています。 Yosemite までの font-family font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meryo, "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; font-weight: 300; この設定をしていたのですが、 El Capitan からの font-family El Capitanからは、以下の指定をするとヒラギノ角ゴを使うことができます。 font-weightを使った細かいウェイトの指定をすることができるようになりました。 W0 - W9 まで使えるので、細字から太字まで使うことができます。 font-fami
Webサイトのヘッダー/フッター用アイデア満載！コピペできるHTML/CSSスニペット48個まとめ
ウェブサイトを訪れたとき、まずユーザーが目にする「ヘッダー」部分は、魅力的なデザインコンセプトを取り入れることで、オリジナル性の高い表現が可能になります。 今回は、魅力的なヘッダー/フッターデザインを実装できる、コピペ可能なHTML/CSSスニペット48個をまとめてご紹介します。ブログ記事向けレイアウトやランディングページ向けなど、5つのカテゴリに分けています。用途に応じて最先端のWebデザインテクニックを活用し、デザインの参考にしてみてはいかがでしょう。 2017年大本命！HTML/CSSで表現できる、参考にしたいカード型レイアウト60個まとめ コピペで利用可！思わず押したくなるボタンエフェクト用HTMLスニペット40個まとめ 【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選 コンテンツ目次 1. 記事向けヘッダーデザイン 2. 記事向けフルスクリーン・ヘッダ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
