タグ

2019年2月7日のブックマーク (3件)

  • WordPressに使えるレンタルサーバー「カラフルボックス」が安くて高機能でオススメ!

    レンタルサーバーにも、エックスサーバー やロリポップ! 、さくらのレンタルサーバなど、いろいろあります。 私はエックスサーバーを愛用しているのですが、他のレンタルサーバーにも興味があって、最近、話題になっているColorfulBox(カラフルボックス) を使い始めてみたら、高機能かつ使いやすかったので、WEBマスターの手帳でも紹介しようと思います。 ColorfulBox(カラフルボックス)の6つのオススメポイント カラフルボックス は、当に高性能、高機能で紹介したいところが沢山あるのですが、特に魅力的なところを6つピックアップして紹介します。 1)高速化に力を入れている カラフルボックスで、まず注目したいのは「高速化」です。サーバーで使用されている保存ディスクはSSDで、データの読み込み速度、書き込み速度が断然の速さです。 とはいえ、エックスサーバーなど、他のレンタルサーバーでもSSD

    WordPressに使えるレンタルサーバー「カラフルボックス」が安くて高機能でオススメ!
  • Adobe XDでアニメーションのあるプロトタイプをデザインしよう

    2022年4月27日 Webデザイン, XD Webサイトのデザインカンプを画像として作成…というのはもう昔の話。最近ではアニメーションの伴ったWebサイトやアプリばかりで、それを画像で説明するのはなかなか困難です。Adobe XDを使えばアニメーションを含めたプロトタイプが作成できますよ! ↑私が10年以上利用している会計ソフト! 作成するもの 今回はAdobe XDを使って、ローディングバーが動き、画面が推移し、スワイプで画像が切り替わる、というアプリのプロトタイプを作ってみようと思います。 Adobe XDの基的な使い方は過去記事を参考にしてみてください: Adobe XDでWebデザインをしよう!画面作成からページ推移までの手順を紹介 Adobe Experience Design(XD)を使ってアプリのプロトタイプを作ってみた ローディングバーの作成 まずはベースとなる画面とロ

    Adobe XDでアニメーションのあるプロトタイプをデザインしよう
  • position: sticky;の仕組みや実際の使い方をやさしく解説

    position: sticky;とは、ヘッダやナビゲーション、サイドバーなど指定した要素をスクロールした際にぴたっと指定した位置に貼り付ける(スティッキー)便利なプロパティです。 position: sticky;の基礎知識、機能の仕組み、そして実際にどのようなコードで機能し、機能しないのか、便利な使い方などを紹介します。 CSS Position Sticky - How It Really Works! by Elad Shechter 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに position: sticky;はじめの一歩 position: sticky;の仕様 position: sticky;の便利な使い方 ブラウザのサポート 終わりに -参考記事 はじめに CSSのposition: sticky

    position: sticky;の仕組みや実際の使い方をやさしく解説