タグ

2018年4月24日のブックマーク (5件)

  • プロの厨房機器をトータルサポート|ホシザキ株式会社

    関連サイト HOSHIZAKI DESIGN そこにベストな機能美を。ホシザキのデザインとグッドデザイン賞受賞歴のご紹介。 お客様サポート 日常のお手入れ動画やお近くの営業所の検索、災害時の機器の対応方法などをご紹介します。 きっちんぷらす スチコンレシピを多数掲載。基の使い方から活用方法などを広くご紹介します。 HACCP HACCPの解説やホシザキがサポートできることをご紹介します。 Tea Time Plus 給茶機の導入をご検討の方へメリットやレンタル・キャンペーン情報などをご紹介します。 ホシザキ公式YouTubeチャンネル お手入れ方法や操作方法など、すぐにお役に立つ情報満載のホシザキ公式チャンネルです。 ハッピーペンギンアイランド ペンギンたちと一緒に、べもののことや環境のことを楽しみながら考えるサイトです。 ホシザキなっとくラボ のあんしんと効率化に向け、さまざまな分

  • Google Mapのレスポンシブ ウェブ デザイン対策

    Googleではレスポンシブ ウェブ デザインの推奨していますので、Google Mapも画面サイズ(PC Tablet smartphone)によって表示サイズが変わると便利だと思います。 そこで今回はGoogle Mapのレスポンシブ ウェブ デザイン対策を紹介します。対策はとっても簡単で単純なことです。 Google Mapよりウェブサイトへの地図埋め込み用 HTML コードを取得すると<iframe width=”425″ height=”350″ frameborder=”0″・・・みたいなコードを取得することが出来ます。この取得したコードのwidth=”425″をwidth=”100%”に書き換えるでけです。 これでGoogle Mapが画面サイズ(PC Tablet smartphone)によって表示サイズが変わります。 次はアメブロの記事のサイズに合わせてGoogle Ma

    Google Mapのレスポンシブ ウェブ デザイン対策
  • hover時に素敵な動きを加えてくれるcss3アニメーション10選

    今回は素敵なCSS3アニメーションを用意してくださっているサイトをご紹介します。 2016年1月にIE8のサポートが切れる…とのことなのでいつかバンバンつかえる日が来たらいいなと思います。 Hover.css サイト・デモ 主にボタンにカーソルを当てた時に使えそうなCSSライブラリです。 綺麗にまとめてくださっているので使いたいものがすぐに見つかりそうですね。 CSSのみで実装するボタンデザインやホバーエフェクト 20+α 目次 サイト・デモ 使い勝手のよさそうなエフェクトが用意されています。 CSSのみで実装できる、画像と相性が良さそうなホバーエフェクト 15 サイト・デモ 画像にカーソルを当てた時の動きに使えそうなCSSをまとめてくださっています。 CSSのみで実装するキャプションエフェクト 20 サイト・デモ カーソルを当てた時にキャプションを表示する際の動きについてまとめてくださっ

    hover時に素敵な動きを加えてくれるcss3アニメーション10選
  • CSSのみで実装するキャプションエフェクト 20 - NxWorld

    自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。 画像ホバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。 キャプションとはしていますが、例えばブログであればリンク付きのアイキャッチに実装してマウスオーバー時に「もっと見る」のような文言を表示させたりといった用途にも使えます。 共通のHTMLCSS 一部をのぞき、今回はサンプルとして基的に下記のようなHTMLを使用しています。 <figure> <img src="image.jpg" /> <figcaption> <h3>Caption Title</h3> <p>caption text here ...</p> </figcaption> </figure> CSSに関してはそれぞれ動きに関係する部分のみ記述しており、figcaption内にあるh3とpの見栄えに関するフォント

    CSSのみで実装するキャプションエフェクト 20 - NxWorld
    canna_koritan
    canna_koritan 2018/04/24
    “opacity: 1;”
  • 【2022年版】一緒にGoogleアナリティクスの登録と設定をやってみよう

    Googleアナリティクスとは? 「登録/設定」が難しそう…… Googleアナリティクスは、Googleが無料で提供するアクセス解析用のサービスです。 「アクセス解析?」と聞き慣れない用語に首をかしげてはいませんか? アクセス解析とは、サイトへのアクセスを分析することです。 Googleアナリティクスを使えば、単にアクセスを数えるだけでなく、サイトを訪れた人の様々な行動を分析できます。 分析結果からはサイトを改善するためのたくさんのヒントが得られるので、Googleアナリティクスはサイトオーナーにとって欠かせません。 でも、ちょっと登録から最初の設定がめんどくさいんですよね。 聞き慣れない用語を理解するところから始めなければいけないので、苦手意識が先に出てしまう初心者さんもいるでしょう。 そこで今回の記事が役立ちます。 今回の記事では、Googleアナリティクスの設定手順と基的な使い方

    【2022年版】一緒にGoogleアナリティクスの登録と設定をやってみよう