shirotorabyakkoのブックマーク / 2020年1月23日

shirotorabyakko id:shirotorabyakko

2020年1月23日のブックマーク (4件)

CSSの便利なプロパティmin-widthとmax-width、min-heightとmax-heightの効果的な使い方のまとめ
Webページやスマホアプリのレイアウトをはじめ、画像、ボタン、ナビゲーションなどを親要素に応じてそれらの幅や高さを適したサイズにしたい時がありませんか？そんな時には、min-widthとmax-width、min-heightとmax-heightを効果的に使用すると、非常に便利です。 widthとheightプロパティにおけるminとmaxの効果的な使い方を紹介します。 Min and Max Width/Height in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめに widthプロパティにおけるminとmax heightプロパティにおけるminとmax minとmaxプロパティの効果的な使い方メモリソースはじめに要素の幅をその親に対して相対的にすると同時に、
shirotorabyakko 2020/01/23
CSS
リンク
CSSとJavaScriptでWebページにローディングアニメーションを表示させる方法
2022年9月24日 CSS, JavaScript ページやコンテンツの読込中、何も表示されない真っ白な画面が延々と続くと、なんだか不安になりますよね。本当にこのページであってるのか…今何を待ってたんだっけ…なんて。ユーザーを不安にさせないためにも、読込中だと認識できるローディングアニメーションを取り入れてみるといいですね。 ↑私が10年以上利用している会計ソフト！ローディングアニメーションの設置手順こんな感じで、最初にローディングアニメーションを表示させ、ページを読み込んだらコンテンツを表示させるページを作ってみましょう。よく「CSSだけで実装できる！」なんてうたわれている場面もありますが、多くの場合アニメーション部分のみのおはなしで、実際にページの読み込みを認識させるには簡単なJavaScriptも必要です。 1. ローディング画面の用意まずはコンテンツを用意しましょう。上部に
shirotorabyakko 2020/01/23
javascript

animation

CSS
リンク
[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 | 東京のホームページ制作 / WEB制作会社 BRISK
[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説更新日：2024/05/24 Webデザイナーにとって、自分のデザインがコーディングしやすいのかどうかは意外と気になるもの。コーダー側は受け取ったデザインを粛々とコーディングするだけなので、あまり「こうしてほしい」と声を上げることはありませんが、デザイナーの観点だけでは気付きにくい問題が埋もれてしまっているかもしれません。ということで今回は、日々のコーディング作業で気になった覚えのあることをどどんとまとめてみました。このデザインだとどんな風に困ってしまうのか、そしてどう変えれば改善できるのか、なるべく具体例を挙げて説明していきます。どのデザインツールでも共通の内容が多いと思いますが、基本的にはPhotoshopでの作業を想定しています。常識的な内容も多いので、そのレベルは当然できてますという方
shirotorabyakko 2020/01/23
web制作
リンク
お互いのAirPodsの片方を交換し、翻訳機を通した会話を行う方法 | アクセサリ | Mac OTAKARA
お互いのAirPodsの片方を交換し、翻訳機を通した会話を行う方法を紹介します。用意するものは、お互いのiPhone/iPad上に翻訳アプリ「Google 翻訳」をインストールします。お互いのAirPodsの左右どちらかを交換して装着します。 Google 翻訳アプリで「会話」を選択します。自分が話した場合、翻訳結果として、自分のAirPodsと相手に装着しているもう一方のAirPodsに翻訳結果として音声で返ってきます。相手が話した場合、翻訳結果として、相手と交換して装着しているAirPodsに翻訳結果として音声で返ってきます。完全ワイヤレスイヤフォンだからこそ出来るテクニックだと思います。 The way of communication through the translator for exchanging an other side of AirPods each o
shirotorabyakko 2020/01/23
iPhone

AirPods

Google
リンク
- 2020年1月24日
- 2020年1月23日
- 2020年1月22日