便利なJavaScriptライブラリが登場！ CSSのプロパティの値の変更を検出できる -CSSStyleObserver
DOMツリーに加えられた変更を検出する機能としてMutationObserverが便利ですが、CSSのプロパティの値は検出できません。 最近ではCSSアニメーションを使用したWebサイトやスマホアプリも増え、プロパティ値の変更に応じてコールバックを実行する必要があるかもしれません。CSSのプロパティの値の変更を検出するための新しいライブラリを紹介します。 Introducing @bramus/style-observer, a MutationObserver for CSS by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ライブラリのデモ ライブラリのインストール ライブラリの使い方 ライブラリの仕組み ライブラリのサポートブラウザ カスタムプロパティのトランジションに関する注意事項 はじめに
Illustratorで画像を埋め込む方法！埋め込み配置とリンク配置の違い | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのカイトです！ 僕はLIGに入社する前、アルバイトでグラフィックデザインを少しだけ作ったことがあるのですが、そのときに入稿データの作成で悩んだことがあります。 印刷会社のサイトからIllustratorデータ（以下Aiデータとします）を入稿しようと思ったところ、注意書きで「リンク切れにご注意ください」とサイトに書かれており、リンク切れのリの字も知らず頭を抱えたことです。 チラシやポスターのように写真の入ったデザインを印刷依頼する場合、画像の配置方法を「埋め込み配置」と「リンク配置」のどちらかで作成しなければなりません。 これらをそれぞれ正しい方法で配置をしないと印刷の際に「リンク切れ」という不具合が発生し、正しく写真が印刷されません。 今回はグラフィックデザインの入稿前に確認しておきたい画像の「埋め込み配置」と「リンク配置」の違いと方法について説明しようと思います。
IFTTT から Blog の更新を自動で画像付きツイートするためにフィードを少し直した件
この Blog が更新された時、IFTTT から自動的に自分の Twitter アカウントに 「画像付きツイート」 を投稿するための IFTTT レシピと、投稿に意図した画像を使ってもらうためにフィード側で行った修正についてまとめました。 この Blog を更新した際、IFTTT から自動的に自分の Twitter アカウントに投稿するっては昔からやっていたんですが、ちょっとそのツイートを画像投稿と合わせた、所謂 「画像付きツイート」 にしようと思って、やってみた件について書いてみたいと思います。 画像付きツイートってのは、Twitter に画像をアップロードして、それへのリンクもついたツイートのことですね。なので記事へのリンクとあわせて、ツイート内に URL が 2つ入ることになります。 具体的には下記みたいなやつ。 Blog更新 -> SVG のフォールバックは結局 Modernizr
Firefox29でリロードボタン・停止ボタンの位置を移動させる方法
Firefox29でリロードボタン・停止ボタンの位置を移動させる方法を紹介します。 １．はじめに Firefox29になってレイアウトが変わりました。 それによりカスタマイズできる内容も変更されたようです。 Firefox29のリロードボタンは、アドレスバーの右側に表示されています（停止ボタンはリロード中に同じ位置に表示）。 Firefox29のリロードボタン Firefox28のリロードボタンもアドレスバーの右側に表示されています。 Firefox28のリロードボタン が、Firefox28までは「ツールバー」→「カスタマイズ」でリロードボタンを移動することができました。 Firefox28：「ツールバー」→「カスタマイズ」でボタンの移動が可能な状態 Firefox28：リロードボタン・停止ボタンを移動したところ が、Firefox29以前ではカスタマイズ画面を表示しても、リロード・停止
[JS]CSSファイルに変更を加えてもリフレッシュ無しで反映させるスクリプト -CSSrefresh
CSSファイルに変更を加えてもページのリフレッシュ無しで変更を反映させるスクリプト（とブックマークレット）を紹介します。 CSSrefresh - automatically refresh CSS files [ad#ad-2] CSSrefreshは制作時に役立つスクリプトで、CSSファイルに変更を加えて保存すると、ページのリフレッシュ無しで変更を反映させます。 CSSrefreshの使い方 使い方は簡単で、2通りあります。 CSSrefreshをインクルードする 使用するページにCSSrefreshを外部スクリプトとして記述します。 <head> <link rel="stylesheet" type="text/css" href="css/site.css" /> <script type="text/javascript" src="js/cssrefresh.js"></sc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
