プレーンテキストにタグをつけて、機械（コンピュータ）にも情報を理解出来るようにすること。変な形の場合は、「不思議マークアップ」と呼ばれる（ことがある）。
以前、iPhoneでマークアップした写真を、Macの写真アプリで取り込む際、うまく取り込めないという記事を書きました⬇︎ www.kimi-blog.com (adsbygoogle = window.adsbygoogle || []).push({}); それからしばらく経ち、iPhoneでマークアップした写真（HEIC形式）を取り込めるか試してみました。 すると、問題なく取り込むことができました！！ これで、HEIC形式からJPEGに変換する作業が不要になりました。 ところが、取り込めない写真もありました。 それは、RICOH GRⅢで撮影した写真です（JPEG）。 なぜだろう。何回か試…
最近、仕事用のiPadを新しくしました...iPad Pro 結論から言うと...Apple pencilを使うときには、服の静電気に気をつけて...です^^ 基本的には、メモなどの手書き仕事と、レクチャーや説明などのプレゼン的な仕事で使っています...機能が強化された新しいApple pencilにもだいぶ違和感は無くなってきた気がします^^、 ですが...今日は、 描き（書き）心地...ペンの挙動が少し変...だったせいで、しばらく悩まされました...orz どんな症状なのかというと... ペンで書いているのに、それを持つ手が反応してしまう（反応しやすい）...だったり、ペンで文字を書いて…
Macの写真アプリで、ライブラリに写真や動画が数枚だけ取り込めない原因が判明しました！ www.kimi-blog.com 使っていた古いポータブルHDDが原因かと思い、SanDiskの外付けHDD（4TB）を購入しました。 www.kimi-blog.com (adsbygoogle = window.adsbygoogle || []).push({}); しかし、残念ながらSSDを使っても、数枚だけ取り込めない写真がありました。 原因は何なのか。今回、原因が判りましたので、紹介します。 マークアップした写真が取り込めないと判明！ マークアップした写真をMacの写真アプリのライブラリに取り…
HTML学習、 本格的に、わからなくなってきた・・・ 課題で、マークアップしろと言われても、 タイトルと段落しかできない。 全く情けない。 聞いてる時はわかるけど、実際始まると、頭真っ白。 これ、できるようになるの？？
マークアップってご存じですか？ ここで述べているマークアップは、FXブローカーが提供している配信レートにIBさんが希望する追加スプレッドを付与することを言います。つまり、ブローカーは、ブローカーのオリジナルのスプレッド（BidとAskの差）にIBさんが希望するスプレッド分を上乗せして、そのIBさんが集客したお客様に対して、上乗せされたスプレッドの配信レートを提供します。 お客様からすると、スプレッドが拡がるわけですから、その分トレードコストがアップしてしまいます。では、なぜこのようなことをするのでしょうか？ マークアップするIBさんのほとんどが、お客様に対して、EA（自動売買ソフト）を無償提供…
Webページを作るために開発された特別な言語がHTML(HyperText Markup Languageハイパーテキスト・マークアップランゲッジのイニシャルを取ったもの)です。 HTMLには、ハイパーリンクを通じて別々のウェブページを行き来できるという特徴があります。 Webページは様々な要素で構成されています。例えば、見出し、箇条書きリスト、段落、リンク、画像などです。テキストにHTMLのタグで目印をつけることで、コンピューターに「ここからここまでが〇〇という要素です」という情報をつたえることが出来ます。マークアップしておくと ブラウザ側でそれぞれの要素がどこにあるのかを読み取り、見出しは…
flexコンテナの子要素の高さをそろえることはcssのflexレイアウトでデフォルトで可能すが、テキストエリアなどの孫要素の高さは対応をしなければ以下の様にバラバラになってしまいます。 .flex-card_bara .flex-img .flex-text texttext .flex-btn .flex-card_bara .flex-img .flex-text texttexttext .flex-btn .flex-card_bara .flex-img .flex-text text .flex-btn height.jsなどjsを使用することで対応できますが動作が重くなりパフォー…
SVGモーフィングとはベクターデータで作成された複数の図形を流動的に変化させるアニメーションです。 webデザインで使用すると背景アニメーションやローディングアニメーション、内容強調などで効果的に表現できます。 しかも実装はcssやjsを使用せずタグ内でアニメーションの設定をするだけです。 アニメーションするSVG画像を作成するSVGを動かしてみるサンプル アニメーションするSVG画像を作成する まずアニメーションするベクターデータを作成します。今回はわかりやすくSVG1とSVG2として流体シェイプ を2種類作って2点間をモーフィングさせます。 ※流体シェイプはillustratorで正円のア…
こんにちは、こんにちは。フロントエンドとWebの可能性を信じる@yamanokuです。 最近気になっている W3C Working Draft はCSS Nesting Moduleです。*1 現在クラウドワークスのプロダクトで導入されているフロントエンドのlintツールはeslint、stylelintで、これらの規約に違反しているコードはCIによるチェックを通じて指摘されるようになってます。 今回このlintツールの中に新たに「markuplint」を追加した話をしようと思います。 *1:継続的ドキュメンテーション: Github DiscussionsとADRのすすめ - LIFULL …
CSSで文字の上に強調のドットを付与したかったので、それを設定した時のメモ。 ゴール 特定の文字の上にのみドットを付与して強調する 文言はiZooのテーマソングから。 環境 Windows Chrome iPhone Chrome 対応 次のCSSを設定すると、文字の上にドットを付与できます。 padding-top: .7em; // 文字とドットの距離 background-position: top left -2px; // ドットの位置微調整 background-repeat: repeat-x; // ドットをどの方向に設定するか background-size: 1em 1em…
design.kayac.com
coliss.com
design.kayac.com
atmarkit.itmedia.co.jp
techblog.yahoo.co.jp
ascii.jp
kachibito.net
ohp.jp
codezine.jp
