タグ スタイリング
新着順 10 users 50 users 100 users 500 users 1000 usersスタイリングは乾かし方で変わる!美容師が教える「正しい髪の乾かし方」 - はてなブックマークニュース
洗った後の髪の毛、ドライヤーで適当に乾かしていませんか?実は乾かし方ひとつで、スタイリングの仕上がりや髪の傷み具合が大きく左右されます。スタイリングしやすくなる乾かし方の基本、くせ毛の広がりを防ぐ方法など、上手な髪の乾かし方を美容師さんに教えてもらいましょう。 ■ 乾かす順番がある?美容師さんに学ぶ正しい乾かし方 あなたはいつも、どの部分から髪を乾かしていますか? ▽ 髪の正しい乾かし方 | 銚子... 続きを読む
CSS3を使ってできる画像まわりのエフェクトやスタイリング17 | Webロケッツマガジン
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 目次 1. シャドウ 2. トイカメラ風トンネル効果 3. カラー調整 4. 回転 5. 角丸 6. 楕円のフレーム 7. 円のフレーム 8. 三角形フレーム 9. 重な... 続きを読む
ディズニー社に学ぶ!HTML/CSSで12個のアニメーション基本原則を完全再現! - Photoshop VIP
海外デザインブログCSS Animationで公開された「CSS Animation Trends in Web Design」より許可をもらい日本語抄訳しています。 フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するためにCSS(Cascading Style Sheets、カスケーディング・スタイル・シート)を利用します。しばしばページに変化(... 続きを読む
ユニクロが私たちの中で「ダサくなくなった」のはいつからか(米澤 泉,MB) | 現代ビジネス | 講談社(1/5)
いつのまにか聞かなくなった「ユニバレ」という言葉。いまや、ユニクロを着ていることがバレるのを恥じるどころか、そのアイテムを使ったスタイリングがインスタグラムなどのSNSで日々発信され、ネットメディアの「使えるユニクロ」の記事は高PVを稼ぐ。 ユニクロを着る意味は、ここ数年でどのような変化を遂げたのか。 ... 続きを読む
JavaScript - Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろ - Qiita
Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろJavaScript(3744)dom(11)damele0nが2014/10/24に投稿編集リクエストを作成する もうなんかこの際マジで言わせていただくんですけど、知ってるか知らないか分かりませんが世の中にはすごい頻度で呼ばれうるDOMイベントって言うのがいくつかあるわけですよ 例えば sc... 続きを読む
4月と言えばこれ!ヘアワックス・スタイリングのコツまとめ - いいモノ紹介ブログ
4月と言えばこれ!ヘアワックス・スタイリングのコツまとめTOP>美容・健康>このページ2011年04月06日(0)新年度を迎え、新しい環境で生活をはじめた人も多いことでしょう。この季節は、変えたくてもなかなか変えにくかった、自分のイメージを一新するチャンスですよね。今回は、そんなときに役立ちそうな「ヘアワックス・スタイリング」の情報をまとめてみました。高校や大学に進学した人、学生から社会人になった... 続きを読む
HTML/CSSで実装できる!今どきデザインのホバーエフェクト30個まとめ - PhotoshopVIP
ウェブサイトを魅力的に仕上げるだけでなく、ユーザーの注目を集めることができる、アニメーション・エフェクト。今回は、サイトコンテンツ表示に活用できる、 HTML/CSSのみで実装できるホバーエフェクト をまとめています。 CSS3 を駆使したスタイリングは、コピペで利用することもでき、他と差のつくデザインエフェクトを、手軽に実現することができます。そのままコードを編集し、動作を確認することもできるの... 続きを読む
IDを使わないCSSの設計|Web Design KOJIKA17
CSSのスタイリングではIDを使用しない、という話をよく聞くようになりました。 私も最近は、IDを使わずにコーディングしているので所感を書きます。 CSSでIDを使わない 「IDを使わない」ということをHTMLの変化で示すと、以下のようになります。 <div id="header" class="clearfix"> <h1 id="logo"><a href="">logo</a></h1> <... 続きを読む
たった1行のCSS!よく見かけるWebレイアウトを実現する凄技テクニック10個 - PhotoshopVIP
モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。 この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。 上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここ... 続きを読む
「ワックスのつけ方」ほとんどの男性が間違ってる
なかなか髪型がキマらない、という男性は多いのではないでしょうか? 男性アーティストから絶大な信頼を集める、伝説のヘアメイク荒木尚子さんが、門外不出の男性のメイクやスタイリングテクを公開した『男のロジカル美容75 「見た目」に絶対的な差がつく』。本稿では同書を一部抜粋し再構成のうえ、「髪のスタイリング... 続きを読む
CSS3の広がる可能性!美しいテキストエフェクト用コードスニペット24個まとめ - PhotoshopVIP
Webデザインにおける文字テキストデザインは、これまでにないスタイリッシュなエフェクトが登場しています。新しいCSS3プロパティを利用し、JavaScriptでカスタマイズすることで、より魅力的な作品に仕上げます。 今回は、今後のデザインプロジェクトで活用したい、CSS3を利用した美しいテキストエフェクトをまとめてご紹介します。どのようなスタイリングがされているのか確認することもでき、コピー&ペー... 続きを読む
ディズニー社に学ぶ!HTML/CSSで12個のアニメーション基本原則を完全再現! - CSS Animation
ディズニー社に学ぶ!HTML/CSSで12個のアニメーション基本原則を完全再現! フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するためにCSS(Cascading Style Sheets、カスケーディング・スタイル・シート)を利用します。しばしばページに変化(英: Transition)やアニメーション(英: Animation)を加えるために... 続きを読む
料理研究家・ジョーさん。が教える、鶏むね肉がめちゃくちゃ柔らかくなる4つのステップ「重大な伝令を受電した」
ジョーさん。(料理研究家) @syokojiro 料理研究家丨「。」までが名前丨食の企画会社にて3年の勤務を経て独立丨レシピ本を5冊出版丨 ●レシピ→調理→スタイリング→撮影を1人でワンストップでやります。丨レシピ動画の撮影/編集も実績多数丨DMは追いきれない為、お仕事は syokojiro@gmail.com へ。出版したレシピ本→amzn.to/... 続きを読む
jQueryへの別れ:現代的な開発のための必須JavaScriptメソッド - Qiita
jQueryは依然として有用ですが、制約もあります。2015年にリリースされたES6のブラウザサポートは、96%以上という高いレベルに達しており、要素の選択、スタイリング、アニメーション、データの取得といった基本的なタスクにおいて、jQueryからの移行を考える時期となっています。 以下は、バニラJavaScriptにおけるいく... 続きを読む
テキスト周りのスタイリングに使えるCSSプロパティやスニペット | NxWorld
ã¹ã¿ã¤ãªã³ã°ã¨ãã£ã¦ãè¦æ ãã大ããå¤ããã¨ãã§ã¯ãªããã»ã¨ãã©ããã ã®ããããã£èª¬æã¿ãããªæãã«ãªã£ã¦ãã¾ããããµã¤ãå¶ä½æã«è¦ã... 続きを読む
「インクがいらないペン」をピニンファリーナが発売 « WIRED.jp
イタリアのデザイン会社ピニンファリーナ社と言えば、フェラーリの「365GTB/4」(別名フェラーリ・デイトナ)や「F40」のスタイリングで有名だが、同社はこのたび、自動車デザインでの審美眼を、最高級の筆記具へと活かした。 「4.EVER・ピニンファリーナ・カンビアーノ」は、ピニンファリーナ社と、イタリアの文具メーカー、ナプキン社との共同開発で生まれた。木とアルミニウムでできたペンだが、名前も見た目... 続きを読む
CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」:phpspot開発日誌
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3の擬似クラスがIEでも使えて効率的なスタイリングが可能になります。 jQuery, prototype, mootools等と同時に使うことができ、 使えるプロパティはライ... 続きを読む
Hüg Müg(ハグマグ)
Hüg Müg(ハグマグ)は8月29日に創刊するキッズファッションメディアです。コドモが着る服だって やっぱり可愛くなくちゃ。 こんなコーディネートなら ふたりで街を歩くだけで いつもより笑顔が増えるハズ♪ Hüg Müg(ハグマグ)は マネしたくなるスタイリングといっしょに ママ目線で選んだコドモ服を たっぷりとお届け。 おしゃれママの毎日を もっともっとハッピーにしたい。 そんな想いで生まれた... 続きを読む
薄毛もポッチャリも心配なし!デキる男がやっているスーツの着こなし - リクナビNEXTジャーナル
2014-07-17 薄毛もポッチャリも心配なし!デキる男がやっているスーツの着こなし スキル・ノウハウ ピックアップ ツイート 汗がべたつくこの季節。クローゼットを開けてみたところで、何を着ていけばよいのか分からない。クールビズでよいというけれど、自分で選ぶとどうもあか抜けない雰囲気になってしまう。そんな経験はないだろうか? 今回は、600人以上の一般人のスタイリングを手掛け、多くの経営者やビ... 続きを読む
名脇役・近藤芳正が仕事着の衣装に無頓着な理由 | editeur エディトゥール
俳優・近藤芳正さんは実にオシャレである。今回の撮影のスタイリングも、もちろん全て私物。仕事着である“衣装”に関してもさぞうるさいのかと思いきや、「ほとんど無頓着」らしい。いったいなぜなのか? そこには第一線で活躍してきたプロらしい“こだわり”があった。 演じるのは一流の腕を持つブ男。その衣装は… 一流の腕があるのに顔のせいで売れない中年サックス奏者が、“ブレイク”のために整形手術を受け、入院中に出... 続きを読む
まとまったCSSを別のコンポーネントに分けないでほしい話 - uhyo/blog
この記事は、ReactでCSSを書くときに関連したCSSを別々のコンポーネントに分けるのをやめようという記事です。主な理由は、スタイリングという機能が複数コンポーネントに分散するのを防ぐためです。これには修正時に複数コンポーネントにまたがって修正が必要になるのを防ぐという意味もあります。 Flexboxの例関連した... 続きを読む
白人モデルの芸者姿が物議 米VOGUEにみる根深い問題
白人モデルのカーリーは「神隠し」と題された6ページにわたる写真特集に、芸者風のスタイリングで登場。力士の隣に立ったり、手水場で手を洗ったりしている。 カーリーの写真を強く非難する人たちは、ハリウッドを賑わせる白人化(whitewashing)の現象を引き合いに出す。「 Aloha 」「 ゴースト・イン・ザ・シェル 」「 ドクター・ストレンジ 」などの映画で、エマ・ストーン、スカーレット・ヨハンソン... 続きを読む
ソニー、35mmフルサイズセンサー搭載コンパクト「サイバーショットDSC-RX1」 - デジカメWatch
ソニーは、35mm判フルサイズセンサーを搭載したレンズ一体型デジタルカメラ「サイバーショットDSC-RX1」を11月16日に発売する。価格はオープン。店頭予想価格は25万円前後の見込み。 1型CMOSセンサーなど、高スペックなデバイスを採用するハイアマチュア向けモデル「サイバーショットDSC-RX100」の上位モデル。コンパクトカメラ然としたスタイリングながら、35mm判相当サイズ(35.8×23... 続きを読む
CSS・TypeScriptの相性が抜群。vanilla-extractが最高のCSS開発体験をくれた
私はこれまで、 React ・ Next.js でのスタイリングには、CSS Modules + Sass を使っていましたが、最近は vanilla-extract を使うようになりました。TypeScript との相性が良く、長い間求めていたCSS開発体験が実現できるためです。 vanilla-extract とは、CSS を TypeScript で型安全に書ける CSS in JS です。 State ... 続きを読む
2021年現在Vueを選択すべきでないと思う理由 感想
Vueに対する熱いメッセージを頂いたので感想を述べてみる(ここが解決されればVueを率先して使ってくれるという意味と受け取った) コンポーネントのローカルスコープでコンポーネントを定義しようとするとJSXが必要 わかる 主にTailwindCSSのようなユーティリティファーストとの相性の悪さ スタイリングはテンプレート... 続きを読む