【WordPressで「前の記事」「次の記事」にサムネイルを付けたり、記事が存在しない時の空欄を有効活用しよう】 以前まで、下のような感じでWordPressの個別記事には同じカテゴリのにある「前に書いた記事」と、「次に書いた記事」を表示していました。 前の記事、次の記事を表示 こちらは、次の記事がない状態 上の2つの画像のように、関数「previous_post_link」や「next_post_link」を使って表示していたのですが、この表示ってもっとかっこよくできないかなぁと思いました。例えば、 記事にサムネイルつけられたらいいなぁ「前の記事」「次の記事」が存在しないときの空欄を有効活用したいなどです。そう思ってネットを調べますと、よい方法がありました。もし、「もうちょっとこの辺、かっこよくカスタマイズできないのかな～」みたいに思われている方がいらっしゃいましたら、参考程度にご覧くだ

マイクロインタラクションは、ボタンのタップやポップアップの表示、フォーム入力時のアテンションなど、ユーザーの行動やトリガーによって起こるアクションです。単なるアニメーションではなく、ユーザビリティを向上させ、またユーザーに楽しい体験を与えることでWebサイトやサービスの利用を手助けします。 たとえば、FacebookやTwitterの「いいね」ボタンや、タイムラインの更新、新しい通知がある場合のアラートの表示など、さまざまなケースで使用されています。しかし、多様なマイクロインタラクションを一から自作するのは大変手間がかかるものです。 本記事ではコピー&ペーストで導入でき、改変もしやすいCSSで表現したマイクロインタラクションを紹介します。こちらは筆者が制作したもので、商用・個人問わず無償利用できるMITライセンスで公開していますので、Webサイトやコンテンツ制作にご活用ください。 「メニュ

↑これです！ 「早送りレシピ動画」はアメリカ発、料理の手順を40秒から1分にまとめたシンプルな動画です。 そのお手軽でわかりやすい形式はスマホ時代にぴったりで、スマホアプリ「Instagram」などのSNSを中心に大きなブームを巻き起こしました。 いやしかし、レシピ動画ってホントカッコ良いですよね〜〜！ 超うまそう！ そもそも撮影方法がかっこいいんですよ。 シンプルでスマートで、もうどんな料理でもかっこよくなっちゃいそうなあの感じ……。 あれ？ ひょっとして…… レシピ動画風に撮影したら、 どんなことでも絶対にカッコ良くなるのでは！？ これは早速、いろいろ撮影して試してみたいと思います！

2018年4月5日 CSS 画像の一覧を表示する時などは、画像のサイズが統一されていると並べて表示させてもすっきりキレイに整って見えますが、必ずしもサイズが同じとは限りません。かといってPhotoshopを使ってすべての画像をリサイズできない…ということもあるでしょう。そんな時はCSSでトリミングすると楽です！今回は「object-fit」というプロパティーを使って、画像の縦横比を保ちつつトリミングする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ 画像を中央の位置でトリミングする まずはこの縦長の画像、横長の画像を並べ、縦横250pxの正方形の形で表示させてみましょう。 img { width: 250px; height: 250px; } CSSでこのように画像に対してサイズを指定すると… こんな感じでグチャッとつぶれて表示されちゃいます…。 そこで画像に対して obj

今年の春夏はデニムジャケットが気分。 というわけで春前にお気に入りを購入し、早速色々と着回しています。 デニムジャケットはまだ寒さの残る時期にはミドラー（アウターの下に着る羽織り）として、また春めく気温になってきたらアウターとしてとマルチに活躍できる万能アイテム。 この記事ではそんなデニムジャケットについて、ぼくの着こなしを6通りまとめました。 パーカーからニット、シャツまで、デニムジャケットの着こなしの幅広さをご紹介できればと思います。 ぜひ春夏のファッションの参考にしてみてください！ ・Denim Jacket：BLUE WORK ・T-shirt：United Athle ・Pants：UNIQLO ・Shoes：J.M.WESTON ・Glasses：Cutler and Gross まずは最もシンプルかつオーソドックスな、黒のスラックスに白Tという着こなし。 「結局デニムパンツに

awarenafubijin.com 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

［速報］Google、動画になにが映っているかを自動的に判断する「Video Intelligence API」発表。Google Cloud Next'17 Googleは米サンフランシスコでイベント「Google Cloud Next'17」を開催。1日目の基調講演で、動画を分析して、いつ、なにが映っているかを判断する「Video Intelligence API」を発表しました。 動画になにが映っているかをコンピュータが自動的に判断する Googleのチーフサイエンティスト Fei-Fei Li博士によると、動画をコンピュータに理解させることはこれまで何年ものあいだ大きな課題で、実際、画像研究者にとって動画はデジタルな世界のダークマター（暗黒物質）だとされてきた、と。 そうしたなかで、Googleは機械学習による新しいAPI「Video Intelligence API」を発表しまし

[レベル: 中級] 日本の Yahoo! が AMP をサポートすることになりました。 Yahoo! 検索の AMP 対応を発表 Google は、AMP をテーマにした AMP Conf 2017 を3月7〜8日に米ニュヨークで主催しています。 1日目の基調講演で、David Besbris （デイビッド・ベスブリス）氏が、日本の Yahoo! 検索が AMP に対応することを明らかにしました。 ヤフージャパンがAMP を対応することが発表されました！#ampconf pic.twitter.com/QPt4h56SqV — Duncan Wright (@dunc_Can) 2017年3月7日 同時に、AMP Project の公式ブログでもアナウンスが出ています。 ……Yahoo! Japan which said it will connect to AMP pages from

3月4日に「Chikirinの日記」で公開されたエントリー「実は面倒な電子書籍」について、「この言説をそのまま放置できない！」と匿名でのタレコミがありましたので代理公開します。 ちきりん氏の電子書籍論がウソだらけな件 ちきりんという評論家だかコンサルだか、匿名だか有名だかわからん人が、「実は面倒な電子書籍」（魚拓）というエントリーで、ウソ八百並べてる。 まあ、紙の媒体は言うにおよばず、ネットにおいてもいわゆる「評論家」のものする「電子書籍論」というのはデタラメ、というのは業界の常識なので、今回もスルーしようかと思ってたけど、今回はほっとくと実害が及びそうなのでここで釘を刺しとくことにしますね。 で、全体は３部構成になっているが、そのどの部分もおかしい。なんというか、実際に手を動かさないで（ってこの人、セルフで電子書籍出してるはずなんだけど？　誰かにやってもらったのか）、ものすごい遠いぶどう

Perfumeのオリジナル香水「PERFUME OF PERFUME」が、3月21日よりイセタン ミラー14店舗および一部三越伊勢丹グループで販売されることが決定した。 ◆「PERFUME OF PERFUME」画像 この香水は、2002年3月21日に広島限定 1stシングル「OMAJINAI☆ペロリ」を発売してから15年を迎えることを記念して販売されるもの。Perfumeのメンバーがいつもライブ直前につけるアロマオイルの香りをモチーフにしたオリジナル調合で、甘さのあるイランイランとさわやかなグレープフルーツの香りが先にたち、ラベンダーやローズを経て、最後はスパイシーな中にも甘さがあるクローブへと変化する華やかで奥行きのある香りに仕上がっている。 三越伊勢丹グループの販売店舗ではオリジナルムエットも配布予定（無くなり次第終了）。「PERFUME OF PERFUME」の香りを実際にチェック

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

整骨院・整体院 pCAT 課金金額の変更や取消、返金機能がとっても便利！教室運営と相性のいい決済サービスです。 わいわい整骨院・整体院 様

4～8歳を対象にしたプログラミングの本「○○ for Babies」シリーズがTwitterで話題になっている。写真に映っているのは「CSS for Babies」や「HTML for Babies」、「JavaScript for Babies」など……これはなんぞ？ このシリーズは、Webベースのプログラミング言語を学ぶというもの。子どもたちが慣れ親しみやすいよう、色と形を工夫しているという。本はプログラミング言語ごとに分かれており、例えば「JavaScript for Babies」では、JavaScriptを使った機能追加の方法や「変数」「イベント」について書かれている。価格はそれぞれ10ドル程度。公式ページやAmazonなどから購入できる。 関連記事 “松の木と恋する”恋愛ゲームも!?　盛り上がる「自作ゲーム」文化、投稿サイトで人気後押し　ドワンゴ「RPGアツマール」公開 近年、

miyahaya.com 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

マリオカートしたいよなぁ、と思うけども、任天堂の新型の例のアレこと Switch を予約しなかったし、発売日に買わなかった私です。 なによりまあ、時間がない。家でマリオカートをする時間がないんです。そして、マリオカートをする友達もいない。すくなくとも誰かが家に遊びに来て一緒にマリオカートをするとは思えない。 気になるタイトルはあるんですよ、マリオカートか、ボンバーマンとか。 じゃあ家族と、妻となら遊ぶ可能性はあるけども、娘も息子もまだまだ小さいしなぁ。 一緒にする人いないけど、パーティーゲームやりてーよ！　やりてーよ！！ じゃあ、なに、通信対戦的な、離れた場所でも一緒にゲームできるの？できちゃうのNintendo Switch！ という層に届け、この記事。 Nintendo Switch｜Nintendo Nintendo Switch の基本的なスペック僕が気になったところだけ。 映像系

HTMLファイ部ののびーです。12月ぶりです。 さて今回は、以前にとあるアイドルさんのWebサイトを制作した際に使った、 インライン動画再生 という技術について、その仕組みや使い所を解説していこうと思います。 今回のために作ったデモサイトがこちらになります。ぜひこちらのページもスマホで開きつつ、記事をご覧ください。 https://fnobi.github.io/plays-inline-demo/demo/ インライン動画再生とは 動画を再生するWebサイトを作ったことがある方ならわかると思いますが、これまでiOS Safariでは、動画を再生する際は必ず全画面再生になってしまう、という制約がありました。 この制約により、たとえば動画をサイトの背景に使ったり、動画と連動する演出を出したりといった表現が、iOSのシェア率を考えると断念せざる終えない…という状況が続いていました。 ところが、