タグ「スタイリング」

タグスタイリング

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 94件)

乾燥と静電気の季節がやってきた……冬の髪の毛にまつわる悩みを解決してくれるアイテム5選 - ソレドコ

2024/11/25 5 users ソレドコ静電気バサツヤ髪乾燥

冬になると、乾燥や静電気によって髪の毛が傷みがち……。そのせいで広がったりパサついたり、朝のスタイリングにも手こずるんですよね。今回は、そんな髪の悩みを解決してくれる頼れるアイテムたちをご紹介します。しっとりまとまりのあるツヤ髪を目指したい人や、日々のケアをもっと簡単にしたい人にピッタリな商品ばか... 続きを読む

UIコンポーネントの大きさは外から制御しよう - Qiita

2024/07/03 50 users Qiita prop UIコンポーネントコンポーネント昨今

昨今のフロントエンド向けUIライブラリでは、コンポーネントの設計が重要です。この記事では、コンポーネントのスタイリング、その中でもとくにコンポーネントの大きさに関わるコンポーネント設計について考えます。私の考える結論は、むやみに大きさを指定できるpropを生やさずに、CSSで外から大きさを制御できるよう... 続きを読む

デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。デジタル庁のミッションである「誰一人取り残されない、... 続きを読む

CSS・TypeScriptの相性が抜群。vanilla-extractが最高のCSS開発体験をくれた

2023/07/13 116 users vanilla-extract Sass React CSS

私はこれまで、 React ・ Next.js でのスタイリングには、CSS Modules + Sass を使っていましたが、最近は vanilla-extract を使うようになりました。TypeScript との相性が良く、長い間求めていたCSS開発体験が実現できるためです。 vanilla-extract とは、CSS を TypeScript で型安全に書ける CSS in JS です。 State ... 続きを読む

jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita

2023/06/21 328 users jQuery Qiita タスク制約アニメーション

jQueryは依然として有用ですが、制約もあります。2015年にリリースされたES6のブラウザサポートは、96%以上という高いレベルに達しており、要素の選択、スタイリング、アニメーション、データの取得といった基本的なタスクにおいて、jQueryからの移行を考える時期となっています。以下は、バニラJavaScriptにおけるいく... 続きを読む

｢ワックスのつけ方｣ほとんどの男性が間違ってる

2023/01/06 433 users ワックス門外不出男性本稿つけ方

なかなか髪型がキマらない、という男性は多いのではないでしょうか？男性アーティストから絶大な信頼を集める、伝説のヘアメイク荒木尚子さんが、門外不出の男性のメイクやスタイリングテクを公開した『男のロジカル美容75 「見た目」に絶対的な差がつく』。本稿では同書を一部抜粋し再構成のうえ、「髪のスタイリング... 続きを読む

なぜプリウスは“大変身”したのか　トヨタが狙う世界市場での逆転策

2022/11/24 10 users プリウストヨタ大変身世界市場新型プリウス

トヨタが新型プリウスを発表した。まだ発売は先のことであり、車両の詳細な仕様やスペックは発表になっていないものの、その変貌ぶりが話題となっている。特徴としてはスタイリングからも走りの性能を重視している点だろう。発表されたばかりの新型プリウス（画像はPHVモデル）。ワンモーションフォルムと呼ばれるノー... 続きを読む

前髪のきれいな流し方は？イラストで学ぶ流し前髪の作り方とお手本スタイル｜ホットペッパービューティーマガジン

2022/09/14 10 users ホットペッパービューティーマガジン定番コツヘアスタイル

前髪のスタイリングとして定番の流し前髪。自分でやってみようと思うとうまくいかないことも多いのでは？そこでこの記事では、前髪をきれいに、おしゃれに流すコツから、流すときに使うアイテムごとに、前髪の流し方をイラストで解説していきます。お手本となるヘアスタイルも紹介しているので、髪全体のスタイリングの... 続きを読む

前髪を薄くする3つの方法。カットやスタイリングで透け感前髪に近づこう♡｜ホットペッパービューティーマガジン

2022/04/13 13 users ホットペッパービューティーマガジン前髪アレンジトレンド

年々移り変わる前髪のトレンド。ここ数年は、前髪を薄めに作る「シースルーバング」が大人気◎人気の理由は、前髪を薄くすることで透け感たっぷりに仕上がるところ。この記事では、そんな透け感のある前髪に近づける、「カット」「スタイリング」「アレンジ」の３つの方法についてお伝えします！続きを読む

料理研究家・ジョーさん。が教える、鶏むね肉がめちゃくちゃ柔らかくなる4つのステップ「重大な伝令を受電した」

2022/01/28 359 users 伝令 amzn.to 調理レシピ勤務

ジョーさん。(料理研究家) @syokojiro 料理研究家丨「。」までが名前丨食の企画会社にて3年の勤務を経て独立丨レシピ本を5冊出版丨 ●レシピ→調理→スタイリング→撮影を1人でワンストップでやります。丨レシピ動画の撮影/編集も実績多数丨DMは追いきれない為、お仕事は syokojiro@gmail.com へ。出版したレシピ本→amzn.to/... 続きを読む

【CSS】box-shadowでリアルな影を作成できる便利ツールまとめ - PhotoshopVIP

2021/11/17 9 users box-shadow ドロップシャドウ CSS ウェブサイト

ほんのり影がついたようなドロップシャドウは、「浮いている」ような立体感を演出できる、ウェブサイトでは欠かせないデザイン要素のひとつです。ドロップシャドウの使い方によって、デザインでユーザーを魅了するUIテクニックで、CSSによる手軽で、柔軟なスタイリングができるのも人気の理由でしょう。しかし、いざCS... 続きを読む

2021年現在Vueを選択すべきでないと思う理由感想

2021/09/23 93 users 感想理由ローカルスコープ jsx tailwindcss

Vueに対する熱いメッセージを頂いたので感想を述べてみる（ここが解決されればVueを率先して使ってくれるという意味と受け取った）コンポーネントのローカルスコープでコンポーネントを定義しようとするとJSXが必要わかる主にTailwindCSSのようなユーティリティファーストとの相性の悪さスタイリングはテンプレート... 続きを読む

そのパワー400馬力。スポーツカー｢フェアレディZ｣の最新ジェネレーションが発表！ | ギズモード・ジャパン

2021/08/18 13 users フェアレディＺ武者良太ギズモードプロトタイプ初代

そのパワー400馬力。スポーツカー｢フェアレディZ｣の最新ジェネレーションが発表！2021.08.18 11:30 武者良太このスタイリングは優雅かつダイナミックだ。ついに来ましたこの日がきました。2020年9月にプロトタイプが公開された7世代目のフェアレディZ。その量産型が8月18日に発表されました。初代のフェアレディZ（S3... 続きを読む

大好評！！ネオウルフボブマンネリ化したスタイルに変化を。 | ボブとショートのお店 eld

2021/05/16 6 users eLd ボブマンネリ化ショートウルフ

ネオウルフくびれがかわいいネオウルフ。このスタイルの一番の良さは『スタイリングが楽』な事。乾かしただけでこの形になるので毎朝の時短にもってこいのウルフボブ。そもそもウルフボブ『ウルフ』とは？ウルフヘアとは？ウ... The post 大好評！！ネオウルフボブ　マンネリ化したスタイルに変化を。 first appea... 続きを読む

データ可視化に貢献するチャートCSSフレームワーク・「Charts.css」 | かちびと.net

2021/02/26 7 users パーセンテージ net データビジュアライズデータ可視化

Charts.css Charts.cssはデータ可視化のためのチャートCSSフレームワークです。HTMLによるデータビジュアライズの際にスタイリングをサポートするクラスを提供してくれます。面や棒、折れ線、円やドーナツなどよく見かける一般的なチャートやこれらのマルチデータ、パーセンテージや積み上げ式、3Dなど様々なビジュアラ... 続きを読む

Reactの余白上手にスタイリング

2021/02/18 27 users React padding 余白 Flexbox stack

最近余白の実装について見直す機会があったので、考えをまとめてみました。 TL;DR Grid なら grid-gap flexbox なら flex-gap にしたい(が、safari が対応してないので記事執筆時点では使えない) 適切な padding を指定する複数の同一のマージンには Stack、それ以外には Spacer コンポーネント前提: 子コンポーネント... 続きを読む

まとまったCSSを別のコンポーネントに分けないでほしい話 - uhyo/blog

2020/10/15 139 users Flexbox React uhyo コンポーネント CSS

この記事は、ReactでCSSを書くときに関連したCSSを別々のコンポーネントに分けるのをやめようという記事です。主な理由は、スタイリングという機能が複数コンポーネントに分散するのを防ぐためです。これには修正時に複数コンポーネントにまたがって修正が必要になるのを防ぐという意味もあります。 Flexboxの例関連した... 続きを読む

たった1行のCSS！よく見かけるWebレイアウトを実現する凄技テクニック10個 - PhotoshopVIP

2020/08/18 445 users center PhotoshopVIP CSS 上下中央 1行

モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここ... 続きを読む

styled-components（CSS in JS）をやめた理由と、不完全なCSS Modulesを愛する方法 - Qiita

2020/03/11 19 users styled-components Problem CSS

Help us understand the problem. What is going on with this article? styled-components 画像は styled-components ツライっていう顔です。 Angularのようにスタイリングまで面倒を見てくれるUIフレームワークならまだしも、Reactの場合はコンポーネントのスタイリング方法も自身で選択しなければいけません。CSSのス... 続きを読む

Google、ハウツー動画特化の60秒動画共有アプリ「Tangi」をリリース - Engadget 日本版

2020/01/30 14 users byte TikTok area ハウツーリリース

Googleは1月29日（現地時間）、実験プロジェクトラボであるArea 120で生まれた動画共有サービス「Tangi」をリリースしました。このサービスは、料理やメイク、スタイリング、各種DIYなど、クリエイティブな内容のハウツーを共有する目的のもの。最大で60秒の動画を投稿できます。短い動画の共有といえば、TikTokやByte... 続きを読む

CSS-in-JSパフォーマンスコスト - 緩和戦略

2020/01/15 8 users コンテキスト原文 CSS-in-JS コスト一部

原文(投稿日：2020/01/09)へのリンク CSS-in-JSは、コンポーネントロジックをスタイリングにリンクする方法として、一部のコンテキストで人気になった。Aggelos Arvanitakis氏はCSS-in-JSのコストがもはや無視できない場合について開発者に注意を促し、緩和戦略を提供した。 Arvanitakis氏は記事において、CSS-in-JSがも... 続きを読む

ユニクロが私たちの中で「ダサくなくなった」のはいつからか（米澤泉,MB） | 現代ビジネス | 講談社（1/5）

2019/09/17 745 users 米澤ユニクロ講談社ユニバレ現代ビジネス

いつのまにか聞かなくなった「ユニバレ」という言葉。いまや、ユニクロを着ていることがバレるのを恥じるどころか、そのアイテムを使ったスタイリングがインスタグラムなどのSNSで日々発信され、ネットメディアの「使えるユニクロ」の記事は高PVを稼ぐ。ユニクロを着る意味は、ここ数年でどのような変化を遂げたのか。 ... 続きを読む

【男子中学生の髪型】学校も部活もOK！スタイリングも簡単なおしゃれ＆さわやか髪型カタログ - ホットペッパービューティーマガジン

2019/04/04 44 users ホットペッパービューティーマガジン校則部活体育授業

クラスで授業を受けているときも、体育や部活中に汗を流しているときも、いつだってカッコよくありたい！そんな男子中学生のためにおすすめのヘアスタイルをピックアップ。校則にひっかからないようにするためのポイントや休日のスタイリング方法についても解説します。スタイリングも簡単なシンプル＆さわやかな髪型特... 続きを読む

(1 - 25 / 94件)

次の25件 »