遮熱・ＵＶカット・見えにくいフリル付レースカーテン エコリエ（Ｒ）＜日本製・遮像・省エネ効果＞＜可愛いカーテン＞ - ベルーナ【公式】レディース レディーストップ トップス ワンピース パンツ スカート コート ジャケット カーディガン ブルゾン ベスト スーツ スポーツウェア・水着 和装・浴衣・和装グッズ インナー・下着 靴・シューズ バッグ ファッション小物 アクセサリー・ジュエリー 大きいサイズ
Twitterのハートマーク機能こと「いいね」のエフェクトがどうなっているのか調べてみた
Twitterハートマークのエフェクト僕はまた、ハートマークのエフェクトは、アイコンフォントなどに何かしらのエフェクトをかけているのかと思っていました。 けれど、調べてみたら、背景に画像を使って、アニメーションをしているだけでした。 画像の場所は以下。 https://abs.twimg.com/a/1457681967/img/t1/web_heart_animation.png 以下がその画像です。 で、上の画像を用いてCSSでアニメーションをしたのが以下になります。（トリガーはマウスオーバーになっています） .heart { width: 100px; height: 100px; background: url(https://nelog.jp/wp-content/uploads/2016/03/heart_animation.png) no-repeat; background
HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS
CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLとCSSのファイルを解析し、未使用のCSS（CSS4までサポート）を掃除してくれるツールを紹介します。 DropCSS -GitHub DropCSSの特徴 DropCSSの使い方 DropCSSのパフォーマンス DropCSSの特徴 DropCSSは未使用のCSSを掃除してくれる、わずか60行のスクリプトです。 HTMLとCSSを入力として受け取り、使用されたCSSのみを出力として返します。 対象となるセレクタはcss-selectのおかげで、実質的に考えられるすべてのセレクタの削除が達成されます。 参考: サポートされているセレクタ CSSTreeを使用すると、特別な処理を行わなくても、メディアクエリを他のすべてのブロックと同じように透過的に処理および削除できます
ClockMaker Labs - Interaction Design × Web Technology
Portfolio website of IKEDA Yasunobu a.k.a ClockMaker / Web Designer and Frontend Engineer from Tokyo, Japan.
試し読み：『今日からはじめる情報設計』｜BNN｜note
2015年10月に刊行した書籍『今日からはじめる情報設計 ―センスメイキングするための7ステップ』をご紹介します。静かに、ゆっくり売れ続け、このたび重版の運びとなりました（※電子版も販売開始しました。2018.11.15）。 デザインプロジェクトを始める際、自分たちが「何をわかっていないかがわからない」といった状態になることがよくありますよね。私も同様です。そんなとき、本書に立ち返り、情報を整理整頓して、心を鎮めます。そうすることで、勇気を持って問題に立ち向かえるようになります。 著者はアビー・コバートさん。米国のインフォメーション・アーキテクトです。原書は出版社から刊行されたものではなく、ご自身でオンデマンド＋電子版を作成して出版されたもの。近年はこういったインディペンデントなやり方で出版される良書が増えています。 今回ここでは、訳者の安藤幸央さんと監訳者の長谷川敦士さんによる「まえがき
LINEアニメスタンプにも利用できる！ APNGやWebPへ変換可能なアプリ「アニメ画像に変換する君」をリリース - ICS MEDIA
LINEアニメスタンプにも利用できる！ APNGやWebPへ変換可能なアプリ 「アニメ画像に変換する君」をリリース GIF画像に変わり得る新世代のアニメーション画像形式として、APNG（エーピング）とWebP（ウェッピー）があります。それらの画像ファイルを簡単に作成できるデスクトップアプリケーション「アニメ画像に変換する君」を弊社が開発し、無償でリリースしています。 ▲ デスクトップアプリケーション「アニメ画像に変換する君」 主な用途としてLINEアニメーションスタンプの制作に利用できます。LINEアニメーションスタンプはAPNG形式が採用されており、Adobe AnimateやPhotoshop等のソフトで制作したアニメーションをAPNG形式に変換する必要があります。 このアプリケーションを使えば、簡単な手順でLINEアニメーションスタンプ用のAPNG形式に変換できます。 ▲「アニメ画像
ダイソーのハンガーがすべらなくておすすめ！コスパ最高で主婦に人気なワケ | Ｚａｋｕｒｉ♪
この記事を簡単にまとめると・・・ ✔ ダイソーのすべらないハンガーは4本セットでコスパ最高 ✔ カラーバリエーションは4色 ✔ シンプル好きは買って間違いなし ダイソーの”スベリ止めハンガー 肩ひも用溝付 4本”がおすすめ ずっとハンガーを揃えたいと思っていました。 結婚してからは、実家から持ってきたどこにでもあるようなプラスチックのハンガーを使っていて、色もバラバラでした。 統一感のトの字もなかったクローゼット(笑) 無駄にスペースをとる幅広のハンガーに、分厚いハンガー、使ってない木製のハンガーまでかかっていました。 そこで、奇跡的に出会ったダイソーのスベリ止めハンガー！ 最初に言いますが、コレ、最高ですよ。 さすが商品名だけあって、ほんとに全くすべりません。 ちょっとオーバーサイズのTシャツがあり、いつもハンガーから落ちてしまってイライラしていたのですがそれもあっさり解消。 冬物の毛羽
MAWAハンガーのそっくりさんもイイ！ ニトリ＆ダイソーの激安「すべり止めハンガー」はレベル高い!!
MAWAハンガーのそっくりさんもイイ！ ニトリ＆ダイソーの激安「すべり止めハンガー」はレベル高い!! 公開日 2016年09月09日 8:00｜ 最終更新日 2023年02月18日 0:00 by 青葉 みお 関連キーワード ダイソー ニトリ 検証 おうちのハンガー、何を使ってますか？ ハンガーの使い勝手がイマイチ悪く、イライラすることよくありますよね。薄手の衣類がすぐ落ちてしまったり、キャミソールがかけられなかったり、幅があるのでたくさんの衣類がかけられなかったり…。 そこで最近人気が集まっているのが、すべり止め付きハンガー。すべりやすいカーディガンも、しっかりキープしてくれる優れものです。『MAWAハンガー』が有名ですが、似た商品がニトリやダイソーからも安価で発売されています。それらの使い勝手をチェックしてみました！ ① MAWAハンガー『MAWAエコノミック36 3P』1,080
LINEのアニメーションスタンプはこう作る！ APNGファイルの作り方を徹底解説 - ICS MEDIA
▲メイン画像（「アニメーションスタンプ制作ガイドライン」より引用） ▲トークルームタブ画像（「アニメーションスタンプ制作ガイドライン」より引用） デザイン カラーモードはRGB 画像サイズは幅320×高さ270px以内（幅、高さのどちらかが270px以上あれば、横長や縦長の画像の制作も可能） 背景は透過 アニメーションのない余白部分は削除 APNGファイルの最初のフレーム画像がLINE STOREまたはスタンプショップの販売時や静止時に表示される 再生時間（1つのAPNGファイルあたり） 最大再生時間は4秒 最大フレーム（コマ）数は5〜20フレーム 1〜4回ループ可能（再生時間4秒を超えない範囲内） データ容量（1つのAPNGファイルあたり） 300KB以下 詳しくは「アニメーションスタンプ制作ガイドライン」をご覧ください。この記事の情報もガイドラインの更新にあわせて随時アップデートしてい
スライドへのアニメーション GIF の追加 - Microsoft サポート
他の画像ファイルの操作と同じように、PowerPoint スライドにアニメーション GIF (またはミーム)を追加することができます。 お使いのコンピューターのハード ディスクまたは OneDrive に保存されている GIF ファイルを挿入することができます。 アニメーション GIF を追加するスライドを選びます。 リボンの [挿入] タブで [画像] をクリックします。 [ 画像の挿入元] ダイアログ ボックスで、追加するアニメーション GIF の場所に移動します。 ファイルを選択し、[ 挿入] をクリックします。 アニメーションを再生するには、リボンの [スライド ショー] タブを選択し、[スライド ショーの開始] グループで [現在のスライドから] を選択します。 Web 上のアニメーション GIF を検索します。 PowerPoint のバージョンに応じて、[オンライン画像の挿入
今風のローディングアニメーション（ローディングエフェクト）の考え方とサンプル例｜ツーブロッカ
こんにちは。 今日は今風のカッコいいローディングアニメーション（ローディングエフェクト）の作り方についての考え方とサンプルをブログに書きたいと思います。 何も言わずにサンプルをコピペすれば即導入できる仕様になっておりますので、とにかくイケてるやつ作って！と言われた可哀想な方は是非ともお役立ていただければ幸いです。そのかわり広告をワンクリックしてね。 最近のローディングアニメーションとちょっと昔のアニメーションスマートなデザイン、カッコイイWebサイトにはカッコいいローディングアニメーションがつきものです。 クリックした途端にスルスルっと動くアニメーションに「このサイトはいいぞ！」と予感したことがある方は多いはずです。 これが面白いことに、そういう派手目な演出のローディングアニメーションって「Webサイト」独自の概念で、アプリでは見かけませんね。諸説、いろんな考えがあると思いますがUIではな
既製カーテン｜KEYUCA(ケユカ)公式通販
お好きな生地を選び、次にサイズをお選びください。 サイズは、巾100cm、125cm、150cm、200cmの4サイズと、丈80cm～260cm（5cmピッチ）をご用意しています。 ※既製カーテンはweb限定商品となります。店頭では生地のお取扱いはございませんので予めご了承ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【#FocusOn】スウェーデンでは避妊は女性が主体的に行うもの「#なんでないの」福田和子さんインタビュー＜第三回＞(2018年12月14日)｜ウーマンエキサイト(1/8)
リダイレクトの警告
Welle Me®
CSSのスニペットに登録！背景にCSSグラデーションが変化するアニメーションを実装するスタイルシート
最近のロゴのデザインに使われている、注目しておきたいデザイントレンドのまとめ -Logo Design Trends 2019
Solid Vs. Outline Icons: Which Are Faster to Recognize?