2枚の画像を比較するのに便利な『比較用スライドショー』を超簡単に設置する方法を紹介！ - ゲマステ！- 新作ゲームレビュー, マイクラ, ゲームMOD情報まとめ
以前の記事で、ホームページに普通のスライドショーを設置する方法について紹介しました。 [blogcard url="https://fukafuka295.jp/homepage-slideshow-kantan/"] しかし今回紹介するスライドショーは、2枚の画像を比較したい時に非常に便利な『比較用スライドショー』です！（通称：Cocoen） 例えば以下のような2枚の画像を比べて見せたいとします。 ここで『比較用スライドショー』を導入すると、以下のように、カーソル操作で2枚の画像を見比べることができるスライドショーが設置できます。
Illustrator CC 2018メモ｜DTP Transit
Illustrator CC 2018がリリースされました。気付いた点をまとめてみましたので共有します。 目立つ新機能は「パペットワープ」ですが、派手な新機能はさておき、地味ながら、より現場に近いレビューをお届けします。 ファーストインプレッション 起動が速い！ Illustrator CC 2017が遅めだったこともあり、激速です。 ［プロパティ］パネル 一番、びっくりしたのが、［プロパティ］パネル。いやいや、［プロパティ］パネルって!!! 従来のコントロールパネルがなくなったわけではなく、共存も可能です。 XDのUIとの共通化ということでしょうか… 環境設定のアクセスをスピーディに行う 「選択なし」（オブジェクトを選択していない状態）だと、環境設定の［一般］の項目などが表示されます。 特に［キー入力］の変更に便利です。ただし、項目名をクリックしてハイライトすることができません…（うーん
民泊事業の知っておきたい７つの基礎知識と民泊と旅館業法の関と
不動産投資に興味があるけど何から始めていいか分からない…営業マンのいうことを鵜呑みにして失敗したくない…しっかりと基礎から学び、できる限りリスクを避けたい… １、民泊と旅館業法の知識①旅館業法ってどんな法律？ 旅館業法とは、最初の制定が昭和23年という、比較的古い法律です。 旅館業法の目的は宿泊サービスを提供する側（旅館業といいます）の施設やサービスの品質をある程度以上に維持するため、ホテルや旅館など宿泊施設に対する許可制を取っています。 基準を満たしていないところには許可を発行しないので、そういった施設は無許可営業ということになります。 後述しますが、無許可営業をすると罰則もあります。 宿泊サービスを事業として提供する場合は必ず関わりが生じる法律が旅館業法であり、民泊もその例外ではないということです。 【参考】 旅館業法の条文 ２、民泊と旅館業法の知識②旅館業法と民泊の関係 （１）旅館業
信用タレントの時代 : キングコング 西野 公式ブログ
つまり、かれこれ17年ほど「集客」というものと向き合っているのですが、これだけ向き合っていると、さすがに、「認知度」と「有料客の集客」が比例しないことが分かってきます。
「旅行のしおり」をめっちゃ簡単につくるサービス「行程さん」が便利 - LOGzeudon
たまたまTwitterで見かけたら便利だったので紹介したい。 行程さん | 旅行のしおり作成・共有 行程さんについて 一言で表せば、「旅のしおり」をつくるツールだ。 実際どんな旅のしおりをつくれるのかは、サンプルページを見るとわかる。 使い方 カンタンすぎて書くほどでもないが、試すのも億劫な方のためにスクリーンショットなどと併せて載せておく。 青い「しおりを作る」ボタンを押すと、すぐに登録画面に移る。ちなみにこのサービス、会員登録不要だ。 タイトル 概要 行程 共同編集の合言葉 この４つの項目を入力するだけで完了する。スマホの方が楽。 概要には、予算とか持ち物など大事な情報を載せておける。 行程は、行く場所ややりたいことなど書いていく。「日本との時差」という欄があり、海外旅行にも対応している。 共有編集の合言葉を登録していない場合、ブラウザ（閲覧環境）が変わってしまうと再編集ができなくなる
WordPressをhttpからhttpsにSSL化した全手順まとめ（エックスサーバー環境）
事前にデータベースのバックアップをとる まずは、事前にデータベースのバックアップをとっておきます。 これは、何かしら作業に手違いがあった場合でも、作業前の状態に復元できるようにしておく保険的なものです。 データベースのバックアップには、WordpressプラグインのBackWPupを利用します。 データベースのバックアップを手っ取り早く行うには、プラグインのインストール・有効化後、Wordpress管理メニューの「BackWPup → Dashboard（ダッシュボード）」メニューを選択します。 ダッシュボード画面が表示されたら、「One click backup」項目の「Download database backup」をクリックしてSQLファイルを取得してください。 すると、サイト名とデータベース名から名前が付けられた以下のようなSQLファイルがダウンロードされます。 ちなみに、これに
パーマリンクの編集ボタンがない！？原因と対策 ｜ ニューストレンド
症状 上の画像のように、投稿記事の編集画面で、 パーマリンクの横に本来表示されるはずの「編集」ボタンが無いので、 パーマリンクを記事ごとに設定することができない。 しかし、上の画像のように、なぜか固定ページの編集画面では、 「編集」ボタンがちゃんと表示されている。 このようになっていれば記事別にパーマリンクを設定できるのですが・・・。 実は、過去に同じようなことがありました。 その時は、 プラグインを最新のものに更新していなかったから、 というのが原因でした。 でも、今回はWP本体やプラグインをすべて最新のものにしても 症状は改善されず。 いろいろ調べてみてもなぜかこの症状について書いているページは 少なかったのですが、 どうやらパーマリンク設定のカスタム構造に「%postname%」を 入れていないと「編集」ボタンは表示されない模様。 ↑のようになっているとダメ。
【保存版】ガチで使えるWordPressのおすすめプラグイン一覧
これまでにWordPress（ワードプレス）で100以上のサイトを作ってきましたが、今回はその中でも利用頻度が多い価値あるプラグインをまとめてご紹介します。 使い方を解説したサイトへのリンクも掲載していますので、参考にしてみて下さい。 投稿画面カスタマイズ TinyMCE Advanced 投稿画面のビジュアルエディタを強化できるプラグイン。特にテーブル（表）を作成する時に便利です。 ダウンロード 使い方 AddQuicktag こちらは投稿画面のテキストエディタを強化できるプラグイン。見出しタグやショートコードなどのよく使うタグを登録しておくと便利です。 ダウンロード 使い方 Duplicate Post 既存の投稿を複製してくれるプラグイン。カテゴリやタグまで複製してくれるので便利です。 ダウンロード 使い方 ユーザービリティー向上 Table of Contents Plus ページ
1行追加でOK！CSSだけで画像をトリミングできる「object-fit」プロパティー
2018年4月5日 CSS 画像の一覧を表示する時などは、画像のサイズが統一されていると並べて表示させてもすっきりキレイに整って見えますが、必ずしもサイズが同じとは限りません。かといってPhotoshopを使ってすべての画像をリサイズできない…ということもあるでしょう。そんな時はCSSでトリミングすると楽です！今回は「object-fit」というプロパティーを使って、画像の縦横比を保ちつつトリミングする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ 画像を中央の位置でトリミングする まずはこの縦長の画像、横長の画像を並べ、縦横250pxの正方形の形で表示させてみましょう。 img { width: 250px; height: 250px; } CSSでこのように画像に対してサイズを指定すると… こんな感じでグチャッとつぶれて表示されちゃいます…。 そこで画像に対して obj
レスポンシブ対応でjQuery不要の高機能スライダー「Swiper」 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、デザイナーの奥田です。 最近フロントエンドでは「脱jQuery」なんて言われていますね。 まだまだjQueryバリバリ書いてますって方もちょっとずつ「脱jQuery」していくとこの先もスキルが活かせると思います。 さて、今回は「もう最近の案件はこれしか使っていないんじゃないか？」というぐらい高機能で便利なスライダーをご紹介いたします。 Table of contentsSwiperの使い方カルーセル表示にするレスポンシブに対応するPC時はグリッド表示、スマホ時にスライドにするサムネイル付きカルーセル表示その他オプションまとめSwiperの使い方まずは普通に使ってみましょう。下記よりファイルをダウンロードするかCDNでの使用でも実装できます。 SwiperCDN CSSとJSを読み込みます。 <html> <head> <link rel="stylesheet" href="h
ホームページにアニメーションを実装するライブラリ＆プラグイン12選
アニメーションは、もはやホームページを作る上で必須の要素と言えます。 単調な動きをする静的なページは、ユーザーの興味がなくなった瞬間に離脱率が劇的に高まります。 一方、少しでもアニメーションを取り入れるだけで、親しみや好感を持つことができるので、ユーザーのホームページに対するエンゲージメントが高まりやすいと言われています。 今回は、眼球を捉えるようなユニークな動きをするアニメーションを簡単に実装することができるCSSやJavaScriptのライブラリをご紹介します。 10年前にはAdobe Flashを使わないと表現できなかったリッチな動きをするアニメーションも、短いコードで実装することが可能です。 ぜひ使いやすいライブラリを見つけてみてください。 ホームページにアニメーションを実装するライブラリ＆プラグイン12選 1. Animate.css https://daneden.github
R-SIM 10+ SIMロック解除 アダプタ設定方法 : APNショップ
APNショップ simロック解除アダプタ シムフリー ファクトリーアンロック GPPLTE Gevey heicard r-sim APN設定をする アクティベートSIMカード APNショップ 楽天市場店 APNショップ Yahoo! 店 スリープ着信可！ 安定性抜群！圏外病にならない！ Ｒ-ＳＩＭ10+について 注意： *本商品を使用したことによる端末の不具合、損傷、またその他一切の問題につきましては、当社では責任を負いかねます。 *全てお客様の自己責任にて作業を行っていただくこととなりますことを充分にご理解ください。 *全てのキャリアのSIMカードの動作保障はできかねます ３Ｇまで対応、４Ｇ-LTEは非対応。（softbankのSIMカード、AUのSIMカード、ワイモバイルのSIMカードは非対応！！ ※docomoの音声ＳＩＭでは着信できない場合がございます（未着信メッセージはありま
レスポンシブ対応！縦に半分割しているWebサイトの作り方
2017年1月16日 CSS, Webデザイン, スマートフォン 画面を大胆に縦に割ったレイアウトのWebサイトが流行中。複数のセクションで分割しているサイトもありますが、中でも多く取り入れられているのが真っ二つに分けている半分割のレイアウト。インパクトがあって注目を集められる上、スクロールをせずに複数の情報を表示できます。今回はそんな縦半分割のレイアウトを使ったWebサイトの作り方と、実例をいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ 縦に半分割しているWebサイトを作ってみよう！ Dropboxのガイドラインページでは、ユーザーガイドと管理者ガイドが同レベルの重要度としており、ふたつのコンテンツを横並びにして表示しています。このように複数のコンテンツを同じ重要度で見せたい時に縦分割のレイアウトが活かせます。 幅の狭いデバイスで見るとカラムが縦並びに変更されます。 今回
JavaScriptコードは1行のみ！超手軽にWebサイトでパララックス効果を実現できる「Rellax.js」使ってみた - paiza開発日誌
どうも、まさとらん（@0310lan）です。 みなさんは、自分のWebサイトに「パララックス効果」を取り入れたいと考えたことはありませんか？ 「なんだか難しそう…」とか、「実装が面倒くさい…」のようなイメージをもし持っているのであれば、今回ご紹介するJavaScriptライブラリが一発解消してくれますよ！ 【 Rellax.js 】 今回のテーマである「パララックス（視差効果）」がどんなモノであるかは、「Rellax.js」の公式サイトを見ると分かりやすいです。 このように画面を上下に動かす際に、複数のHTML要素が異なるスピードでアニメーションすることで、Webページが立体的になって印象に残りやすいサイトになります。 「Rellax.js」は、このような「パララックス効果」を可能な限り簡単に書けるようにしてくれるJavaScriptライブラリというわけです！（ちなみに、「ver1.0」か
【商用可・無料】日本語対応のおすすめシンプルフリーフォント20選 - びぼうろぐ
僕はシンプルなフォントを集めるのが好きです。フォントコレクター。 一応… フォントとは、同じ特徴、様式で一揃いの文字の形状をデザインしたもの。また、コンピュータなどで文字を表示・印刷できるように、文字形状をデータとして表したもの。 出典元：フォントとは｜font｜書体 − 意味 / 定義 / 解説 / 説明 ： IT用語辞典 そう。「ゴシック体」とか「明朝体」とか、そのフォントのこと。 ブログをはじめてからは、手に入れたフォントで記事の下書きとかを書いてみたりして、ひそかにフォントライフを堪能しています。（根暗ではない。） 意外と楽しいですよ？…おすすめです。 今回は、ひらがな・カタカナ・漢字対応のおすすめシンプルフォント（無料かつ商用可）を紹介しますので、是非ご活用してみてください。 あ、ちなみに 個人的にデフォルメが過ぎたフォントだったり、ロゴロゴしいフォントは好みではないので、今回は
顔写真を無理やり笑顔にできる『FaceApp』アプリが面白い | PLUS1WORLD
人工知能を使って、どんな顔の写真も笑顔にする「FaceApp」というアプリが人気です。 ディープラーニングを使った画像修正によって、無表情な顔写真でも無理やり笑顔に変更できます。 今回は、アプリ「FaceApp」によって無理やり笑顔に変えられた顔写真をまとめてみました。 『FaceApp』で笑顔にさせられた顔写真まとめ 幸せに丸く収まりそうな シビルウォー。#faceapp pic.twitter.com/un8TDYYVyP — ホットケノービ (@hotkenobi) February 1, 2017 我が三成スマイルを見るといい！！！！！！#faceapp pic.twitter.com/HehHmelRpV — 石田三成@ZIBU (@zibumitunari) February 1, 2017 笑顔にするアプリすごい#faceapp pic.twitter.com/4gDZ5P1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
沛县烦季金融服务有限公司
最近よく聞く直葬！後で困らないための８つの必要な知識を徹底解説！
たった3行で実現できるCSSの上下中央揃え（Flexbox） - Qiita
applian.jp
