lotus_tribalのブックマーク - はてなブックマーク

line-heightの不要な上下の余白を打ち消して、デザインデータに沿ったコーディングを効率化する方法 | Yuya Kinoshita

line-heightの不要な上下の余白を打ち消して、デザインデータに沿ったコーディングを効率化する方法 Webサイトのコーディング︵実装︶では、デザインデータ通りの数値を反映しているにも関わらず、ブラウザ上の表示がデザインデータと比べてずれる︵余白が大きくなりすぎる︶場合があります。これはブラウザのline-heightの仕様によるものですが、line-height制御の難しさがデザインデータとコーディング後︵ブラウザ表示︶の余白のずれにつながっていると考えています。この問題を解決するため、line-heightの不要な上下の余白を打ち消すCSSを試したところ効果を実感できたので、この方法のメリット・デメリットや活用についてまとめました。チームで進めている実際のプロジェクトでこの方法を試してから、2020年1月の時点で9ヶ月ほど経ちますが、メリットとデメリットを比較してメリットが完

lotus_tribal 2020/04/22

リンク

The ultimate guide to proper use of animation in UX

Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention. While exploring the articles about animation, I found out that almost all of them describe only specific use cases or general facts about animation, but I haven’t come across any article where all rules concerni

lotus_tribal 2019/09/18

アニメーションの適切なスピードや動きの理論φ(・ω・ )ﾒﾓﾒﾓ

リンク

簡単過ぎる！GoogleスプレッドシートからPWAアプリを開発できる「Glide」を使ってみた！ - paiza times

どうも、まさとらん︵@0310lan︶です！今回は、Googleのスプレッドシートを利用して誰でも手軽にPWAアプリを開発して公開することができるサービスをご紹介します！スプレッドシートにデータを準備するだけなので、エンジニア以外の方でも簡単にアプリ開発を楽しむことができます。多彩な機能をグラフィカルなGUIで追加していくことも可能なので、ご興味のある方はぜひ参考にしてみてください！︻ Glide ︼ ■﹁Glide﹂の使い方それでは、まず最初にGlideをどのように使っていけばよいのかを見ていきましょう！サイトにアクセスしたら︻Sign Up︼ボタンをクリックして無償のユーザー登録を済ませておきます。 GlideはGoogleのスプレッドシートを利用するので、自分のGoogleアカウントから簡単にログインできるようになっています。ログインが完了すると自分専用のダッシュボードが

lotus_tribal 2019/04/11

神じゃん

リンク

【2023年】キムチのおすすめランキング15選。市販のものを料理家とLDKが徹底比較

【2023年】キムチのおすすめランキング15選。市販のものを料理家とLDKが徹底比較ご飯のおともやおかずに大活躍する「キムチ」。本場韓国の味を再現したものから日本人の舌に合う和風系まで種類が多く、口コミだけでは迷ってしまいますよね。そこで、雑誌『LDK』がスーパーなどで人気の市販の白菜キムチを徹底比較。国産や韓国産など全35製品を料理家と一緒に食べ比べ、高評価だったおすすめ15製品を紹介します。

lotus_tribal 2019/03/17

ありがとうございました😭🙌

リンク

激烈な腰痛がたった半日で治った話｜さとなお（佐藤尚之）

そこそこ長く、腰痛と闘ってきたボクではあるが、今回の経験は実に印象的だった。そうか、腰痛の原因は﹁筋膜の癒着︵トリガーポイント︶﹂だったのか。。。もう︵個人的には︶原因をそう決めつけちゃいたくなるくらい、今回は劇的によくなった。激烈な急性腰痛が1時間でほぼ改善し、半日後に痛みがゼロになった。今回はそのお話。最後の方に、NHK﹁ためしてガッテン﹂での﹁筋膜特集﹂にもリンクしているので、そこも読んでみてほしい。注‥ ちなみに﹁ボクは症状が劇的に改善した﹂というだけなので、そこはご注意ください。個人差もあるし、すべての腰痛や、肩や首の痛みなどが改善するわけでもないと思います。特に、慢性の痛みは、一度の鍼で治るのは難しいと思いますので、ご注意ください。また、友人の西洋医学の先生によると、腰部の痛みは、解離性大動脈瘤、急性膵炎、尿管結石、病的腰椎骨折︵悪性腫瘍、結核など︶、腰部急性硬膜外

lotus_tribal 2019/02/13

リンク

どんどん簡単になっていく！最近見かけるアニメーションを伴ったさまざまなUIが実装できるスクリプト -LayerJS

アイコンをクリック・タップすると横からスライドして表示されるナビゲーション、サムネイルをタップするとズームして次のコンテンツを表示、今までとは異なるうるさくないパララックスエフェクト、ほかにもスライダーやアコーディオンやモーダルなど。最近のWebページやスマホアプリでよく見かけるアニメーションを伴ったさまざまなUIが簡単に実装できる超軽量スクリプトを紹介します。他のスクリプトやスタイルシートに依存はなく、React、VueJS、Angular、jQueryなどと一緒に利用することもできます。ユニバーサルスライダー、ポップアップ、アコーディオン、メニュー、パララックス、ジャスチャーなど、さまざまなUIパターンを簡単に実装できます。ピュアHTML HTMLのdata属性を使用して、インターフェイスをレイアウトし、インタラクションを定義します。互換性 React、VueJS、Angu

lotus_tribal 2019/02/13

リンク

TikTok広告を早くも活用する企業たちの全貌。2019年は｢TikTok広告｣元年になる

1年前、TikTokと言えば一部の中高生が遊んでいるだけの単なるお遊びアプリだった。しかし、スマホ時代の秀逸なアプリ設計により、2018年、急速にユーザー数が拡大。多くの企業がTikTokを活用した広告に参入し始めている。 2019年に入ってから、TikTokの広告に関するニュースが増えた。1月中旬、TikTokを提供するByteDanceが広告配信プラットフォーム﹁TikTok Ads﹂を全面リニューアルしたと発表した。精度の高いユーザー属性のターゲティングや、ユーザーの試聴コンテンツに合わせた広告の配信を可能とし、効果的に潜在顧客にリーチする手段を広告主に提供する体制を整備した。同じく1月、ネット広告企業のセプテーニがTikTok広告の研究やノウハウ蓄積を行うTikTok LABの設立を発表、ネット広告企業のオプトもTikTok広告動画を制作する事業を開始する旨を発表した。マーケテ

lotus_tribal 2019/02/06

リンク

admin_headを特定のページでのみ使用するにはhook_suffixを知るべし | Firegoby

WordPressのプラグインで管理画面を追加した際に、そのページにだけ外部CSSやJavaScriptを適用させたい場合があります。そんな場合に、admin_headフックを使用すると全ての管理画面で動作してしまうため条件分岐が必要となりますが、admin_headの後ろに以下のようにhook_suffixをつけてやることで特定のページに限定して関数を実行させることができます。 // wp-admin以下の全てのページでmy_func()が実行される add_action('admin_head', 'my_func'); // hook_suffixが一致するページのみでmy_func()が実行される add_action('admin_head-hook_suffix', 'my_func'); これに関しては以前にも書いたのですが、今日の作業でようやくコツがわかったので、補足しま

lotus_tribal 2018/10/25

リンク

PhotoshopからXD、さらにSketchへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩 | スペースマーケットブログ

PhotoshopからXD、さらにSketchへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩デザイナーの横井です。こんにちは！猫飼いなのですが猫に顔をうずめるのが難しい季節になってまいりました︵毛まみれ︶久しぶりのデザイン記事となりましたが、今日は弊社デザインチームが行ったAtomic Designのシステム化の紹介と失敗体験、そしてその道のりを、赤裸々にご紹介しちゃいたいと思います。既に完成したデザインのコンポーネント化に悩んでいる方々の参考に、少しでもなれば幸いです。初期のスペースマーケットデザインゴリゴリのPhotoshopデザインだった時代弊社のメインサービスである、スペースマーケットのデザインは約3年前にリニューアルリリースされました。当時は全てPhotoshopでデザインされ、1ページにつき1ファイル、スマートフォンもPCも別フ

lotus_tribal 2018/07/13

リンク

Apple PayでSuicaのオートチャージ設定をする（VISAもいけた） | URAMAYU

10月25日より、iOS10.1のアップデート提供開始、iPhone7などでApple Payが使えるようになって、Suicaも使えるようになりました。﹁でもVISAはだめなんだよね、オートチャージってできるんだっけ？Suicaが読み込めない...、Suicaアプリを使えばいけるらしい！﹂と、ちゃんと使えるようにするまでかなりハマりましたが、無事Suicaアプリを使って、既存のオートチャージ設定されているViewカードを用いてオートチャージ設定できるApple Payに対応したSuicaが出来たので、その方法をまとめます。 ※個人の体験でできた一例です。他の条件はよく存じ上げないのであしからず。その1, WalletアプリからSuica読み込めない私が持っているオートチャージ設定されているクレジットカード一体型のSuicaは何度やっても読み込めない。どうやら、以下のカードはWal

lotus_tribal 2018/06/22

リンク

豚ロースの★にんにく味噌ダレ焼き by MyDining [クックパッド] 簡単おいしいみんなのレシピが40万品

2022/1/13をもってお客様がご利用中のブラウザ (Internet Explorer) のサポートを終了いたしました。（詳細はこちら）クックパッドが推奨する環境ではないため、正しく表示されないことがあります。 Microsoft Edge や Google Chrome をご利用ください。（Microsoft Edgeでクックパッドにログインできない場合はこちら）

lotus_tribal 2018/06/08

リンク

PHOTOSHOP/もうボカさない！絶対に肌の質感を壊さないで綺麗に修正する人物レタッチテクニック。｜レタッチャー / 大谷キミト｜note

こんにちは。札幌を拠点とし活動中のレタッチャーNORD WORKSの大谷キミトです。今回のレタッチテクニックはレタッチャーが広告制作で使うぼかさず絶対に肌の質感を壊さないで綺麗にレタッチすることができる人物修正テクニックです。 1000個以上売れているテクニックで一番人気です。動画解説編もできました。このテクニックは書籍﹁Photoshopレタッチ[伝わる]写真補正&加工を学ぶ現場の教本﹂にも同じようなテクニックが書かれています。書籍とは使用している素材が違いますが、まずは書籍をチェックすると良いかもしれません。このテクニックを含む、人気人物レタッチを4つまとめるとお得なマガジンもあります。まずはbefore,afterをごらんください。レタッチはやりすぎてしまうとレタッチ感が出てしまいます。肌の表面をぼかすやり方もありますが今回ぼかしは使用しません！この方法は肌を自

lotus_tribal 2018/05/05

リンク

山本ゆり（syunkon）さんのツイート: "①折ったパスタ1束と水220ml、塩、にんにくみじん切り、ベーコンをいれ、ラップ無しで6分チン ②生クリーム100ml、顆粒コンソメ小さじ半分をいれてラップ無しで1分チン(その間に卵1個、粉チーズ大さじ1、塩胡椒を混ぜておく) ③麺を数回混ぜてから卵液を混ぜ、とろみがついたら器に盛る。黒胡椒を！… https://t.co/DTsgZzOjJg"

①折ったパスタ1束と水220ml、塩、にんにくみじん切り、ベーコンをいれ、ラップ無しで6分チン ②生クリーム100ml、顆粒コンソメ小さじ半分をいれてラップ無しで1分チン(その間に卵1個、粉チーズ大さじ1、塩胡椒を混ぜておく) ③… https://t.co/DTsgZzOjJg

lotus_tribal 2018/04/20

リンク

簡単に☆柔らか豚の角煮☆ by にゃんちょびママ☆

2022/1/13をもってお客様がご利用中のブラウザ (Internet Explorer) のサポートを終了いたしました。（詳細はこちら）クックパッドが推奨する環境ではないため、正しく表示されないことがあります。 Microsoft Edge や Google Chrome をご利用ください。（Microsoft Edgeでクックパッドにログインできない場合はこちら）

lotus_tribal 2018/04/20

リンク

ブランド休止のお知らせ NOTICE OF BRAND CESSATION | MAISON DE REEFUR

平素はMAISON DE REEFURへ格別のお引き立てを賜りまして、厚く御礼申し上げます。この度ブランド休止に伴い、 2020年1月14日︵火︶をもちましてすべてのショップの営業を終了する運びとなりました。お客さまにはご不便ご迷惑をおかけしますこと心よりお詫び申し上げます。 2012年4月にライフスタイルショップ﹁MAISON DE REEFUR 代官山本店﹂をオープン以来、皆さまとともに、素敵な時間を過ごさせていただくことができました。スタッフ一同、心から感謝申し上げます。7年間にわたりご愛顧いただきまして、誠にありがとうございました。MAISON DE REEFUR We certainly appreciate your continued patronage to MAISON DE REEFUR. With our brand cessation thi

lotus_tribal 2018/03/28

リンク

DBeaver Community | Free Universal Database Tool

Basic support for relational databases: MySQL, SQL Server, PostgreSQL and others Data Editor SQL Editor Database schema editor DDL Basic ER Diagrams Basic charts Data export/import Task management Database maintenance tools All DBeaver Community featuresAdvanced securityAdvanced support for relational databasesConnection through ODBC driversNoSQL databases support: Mongo DB, Cassandra, Redis, Couch

lotus_tribal 2018/03/27

フリーのデータベース用GUIφ(・ω・ )ﾒﾓﾒﾓ

リンク

position: sticky;を使った時にa要素のタップの位置がズレる - Qiita

stickyは、特定の位置から要素を固定し、要素の指定位置まで達すると相対位置に配置される便利なCSSです。 iOS 6.0、Android 5以上とスマートフォンサイトで使える場が増えていますが、バグに遭遇したのでご紹介します。 iOS 11でa要素のタップの位置がズレる iOS 10では問題なかったのですが、iOS 11で発生しました。 viewportを固定した状態で、stickyを使った要素の子にa要素があると、相対位置に配置されるまでスクロールした時に、そのa要素のタップの位置がズレます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=320"> <title>Document</title> </head> <body> <d

lotus_tribal 2018/03/22

リンク

Jetpack Search - The Best WordPress Plugin for Site Search

lotus_tribal 2018/03/20

有料だけどJetPackにElasticsearchついとるやんけ神！！！！！！

リンク

TYCO | Typography and Hanco

材質は緻密で重く堅く、耐久性に非常に優れています。使えば使うほどに味が出てくる印材です ※付属簡易ケース付き ※カートボタンを押してから「備考欄」に刻印する苗字（漢字）を必ずご入力ください。 ※ご注文前に必ず「ご購入に関しての確認事項」をお読みくださいご購入に関しての確認事項［ご注文について］ ※カートボタンを押してから「備考欄」に刻印するご希望の漢字を必ずご入力ください。備考欄に記載が無い場合、ご購入者の苗字でお作りいたします。 ※当商品は基本的に漢字の苗字・名前のみの受付となります。フルネームでのご注文、ひらがな・カタカナでのご注文はお受け出来ませんのでご了承願います。 ※画数の多い漢字や、複雑な漢字の場合、MODERNタイプだと可読性が下がる場合があります。可読性を求めるのであればCIRCLEタイプでのご購入をおすすめ致します。 ※特殊漢字（異体字）の場合は、備考欄に

lotus_tribal 2018/03/11

印鑑

リンク

冷え症･風邪に豆腐の大根トロトロ☆ by ☆めぐぅー☆

2022/1/13をもってお客様がご利用中のブラウザ (Internet Explorer) のサポートを終了いたしました。（詳細はこちら）クックパッドが推奨する環境ではないため、正しく表示されないことがあります。 Microsoft Edge や Google Chrome をご利用ください。（Microsoft Edgeでクックパッドにログインできない場合はこちら）

lotus_tribal 2018/03/10

美味しかった

リンク

はてなブックマーク

タグ

lotus_tribalのブックマーク (3,469)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

今週のはてなブックマーク数ランキング（2024年6月第5週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス