はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ スタイリング

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 89件)

スタイリングは乾かし方で変わる!美容師が教える「正しい髪の乾かし方」 - はてなブックマークニュース

2011/05/31 このエントリーをはてなブックマークに追加 1688 users Instapaper Pocket Tweet Facebook Share Evernote Clip 乾かし方 銚子 ドライヤー 正しい髪 美容師

洗った後の髪の毛、ドライヤーで適当に乾かしていませんか?実は乾かし方ひとつで、スタイリングの仕上がりや髪の傷み具合が大きく左右されます。スタイリングしやすくなる乾かし方の基本、くせ毛の広がりを防ぐ方法など、上手な髪の乾かし方を美容師さんに教えてもらいましょう。 ■ 乾かす順番がある?美容師さんに学ぶ正しい乾かし方 あなたはいつも、どの部分から髪を乾かしていますか? ▽ 髪の正しい乾かし方 | 銚子... 続きを読む

CSS3を使ってできる画像まわりのエフェクトやスタイリング17 | Webロケッツマガジン

2012/02/24 このエントリーをはてなブックマークに追加 933 users Instapaper Pocket Tweet Facebook Share Evernote Clip エフェクト シャドウ CSS Webロケッツマガジン 目次

CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 目次 1. シャドウ   2. トイカメラ風トンネル効果   3. カラー調整   4. 回転   5. 角丸   6. 楕円のフレーム   7. 円のフレーム   8. 三角形フレーム   9. 重な... 続きを読む

ディズニー社に学ぶ!HTML/CSSで12個のアニメーション基本原則を完全再現! - Photoshop VIP

2015/03/30 このエントリーをはてなブックマークに追加 912 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS HTML Photoshop Vip ディズニー社

海外デザインブログCSS Animationで公開された「CSS Animation Trends in Web Design」より許可をもらい日本語抄訳しています。 フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するためにCSS(Cascading Style Sheets、カスケーディング・スタイル・シート)を利用します。しばしばページに変化(... 続きを読む

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

2019/09/17 このエントリーをはてなブックマークに追加 745 users Instapaper Pocket Tweet Facebook Share Evernote Clip 米澤 ユニクロ 講談社 ユニバレ 現代ビジネス

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

JavaScript - Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろ - Qiita

2014/10/24 このエントリーをはてなブックマークに追加 720 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita DOM レイアウト Webフロントエンド お前ら

Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろJavaScript(3744)dom(11)damele0nが2014/10/24に投稿編集リクエストを作成する もうなんかこの際マジで言わせていただくんですけど、知ってるか知らないか分かりませんが世の中にはすごい頻度で呼ばれうるDOMイベントって言うのがいくつかあるわけですよ 例えば sc... 続きを読む

4月と言えばこれ!ヘアワックス・スタイリングのコツまとめ - いいモノ紹介ブログ

2011/04/06 このエントリーをはてなブックマークに追加 671 users Instapaper Pocket Tweet Facebook Share Evernote Clip ヘアワックス チャンス 学生 高校 季節

4月と言えばこれ!ヘアワックス・スタイリングのコツまとめTOP>美容・健康>このページ2011年04月06日(0)新年度を迎え、新しい環境で生活をはじめた人も多いことでしょう。この季節は、変えたくてもなかなか変えにくかった、自分のイメージを一新するチャンスですよね。今回は、そんなときに役立ちそうな「ヘアワックス・スタイリング」の情報をまとめてみました。高校や大学に進学した人、学生から社会人になった... 続きを読む

HTML/CSSで実装できる!今どきデザインのホバーエフェクト30個まとめ - PhotoshopVIP

2016/03/15 このエントリーをはてなブックマークに追加 541 users Instapaper Pocket Tweet Facebook Share Evernote Clip ホバーエフェクト PhotoshopVIP コピペ CSS

ウェブサイトを魅力的に仕上げるだけでなく、ユーザーの注目を集めることができる、アニメーション・エフェクト。今回は、サイトコンテンツ表示に活用できる、 HTML/CSSのみで実装できるホバーエフェクト をまとめています。 CSS3 を駆使したスタイリングは、コピペで利用することもでき、他と差のつくデザインエフェクトを、手軽に実現することができます。そのままコードを編集し、動作を確認することもできるの... 続きを読む

IDを使わないCSSの設計|Web Design KOJIKA17

2013/09/10 このエントリーをはてなブックマークに追加 524 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS header 設計 clearfix Logo

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

2020/08/18 このエントリーをはてなブックマークに追加 445 users Instapaper Pocket Tweet Facebook Share Evernote Clip center PhotoshopVIP CSS 上下中央 1行

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

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

2023/01/06 このエントリーをはてなブックマークに追加 433 users Instapaper Pocket Tweet Facebook Share Evernote Clip ワックス 門外不出 男性 本稿 つけ方

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

CSS3の広がる可能性!美しいテキストエフェクト用コードスニペット24個まとめ - PhotoshopVIP

2015/08/19 このエントリーをはてなブックマークに追加 407 users Instapaper Pocket Tweet Facebook Share Evernote Clip エフェクト PhotoshopVIP JavaScript

Webデザインにおける文字テキストデザインは、これまでにないスタイリッシュなエフェクトが登場しています。新しいCSS3プロパティを利用し、JavaScriptでカスタマイズすることで、より魅力的な作品に仕上げます。 今回は、今後のデザインプロジェクトで活用したい、CSS3を利用した美しいテキストエフェクトをまとめてご紹介します。どのようなスタイリングがされているのか確認することもでき、コピー&ペー... 続きを読む

ディズニー社に学ぶ!HTML/CSSで12個のアニメーション基本原則を完全再現! - CSS Animation

2015/04/12 このエントリーをはてなブックマークに追加 405 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS HTML css animation ディズニー社

ディズニー社に学ぶ!HTML/CSSで12個のアニメーション基本原則を完全再現! フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するためにCSS(Cascading Style Sheets、カスケーディング・スタイル・シート)を利用します。しばしばページに変化(英: Transition)やアニメーション(英: Animation)を加えるために... 続きを読む

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

2022/01/28 このエントリーをはてなブックマークに追加 359 users Instapaper Pocket Tweet Facebook Share Evernote Clip 伝令 amzn.to 調理 レシピ 勤務

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

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

2023/06/21 このエントリーをはてなブックマークに追加 328 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery Qiita タスク 制約 アニメーション

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

テキスト周りのスタイリングに使えるCSSプロパティやスニペット | NxWorld

2015/11/25 このエントリーをはてなブックマークに追加 309 users Instapaper Pocket Tweet Facebook Share Evernote Clip NxWorld CSSプロパティ スニペット テキスト周り

スタイリングといっても見栄えを大きく変えるとかではなく、ほとんどがただのプロパティ説明みたいな感じになっていますが、サイト制作時に覚ã... 続きを読む

「インクがいらないペン」をピニンファリーナが発売 « WIRED.jp

2014/09/05 このエントリーをはてなブックマークに追加 218 users Instapaper Pocket Tweet Facebook Share Evernote Clip 審美眼 デイトナ アルミニウム フェラーリ ピニンファリーナ

イタリアのデザイン会社ピニンファリーナ社と言えば、フェラーリの「365GTB/4」(別名フェラーリ・デイトナ)や「F40」のスタイリングで有名だが、同社はこのたび、自動車デザインでの審美眼を、最高級の筆記具へと活かした。 「4.EVER・ピニンファリーナ・カンビアーノ」は、ピニンファリーナ社と、イタリアの文具メーカー、ナプキン社との共同開発で生まれた。木とアルミニウムでできたペンだが、名前も見た目... 続きを読む

CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」:phpspot開発日誌

2010/09/06 このエントリーをはてなブックマークに追加 198 users Instapaper Pocket Tweet Facebook Share Evernote Clip prototype jQuery mootools ライ

Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3の擬似クラスがIEでも使えて効率的なスタイリングが可能になります。 jQuery, prototype, mootools等と同時に使うことができ、 使えるプロパティはライ... 続きを読む

Hüg Müg(ハグマグ)

2011/08/04 このエントリーをはてなブックマークに追加 172 users Instapaper Pocket Tweet Facebook Share Evernote Clip Hüg Müg こども バス コドモ服

Hüg Müg(ハグマグ)は8月29日に創刊するキッズファッションメディアです。コドモが着る服だって やっぱり可愛くなくちゃ。 こんなコーディネートなら ふたりで街を歩くだけで いつもより笑顔が増えるハズ♪ Hüg Müg(ハグマグ)は マネしたくなるスタイリングといっしょに ママ目線で選んだコドモ服を たっぷりとお届け。 おしゃれママの毎日を もっともっとハッピーにしたい。 そんな想いで生まれた... 続きを読む

薄毛もポッチャリも心配なし!デキる男がやっているスーツの着こなし - リクナビNEXTジャーナル

2014/07/17 このエントリーをはてなブックマークに追加 151 users Instapaper Pocket Tweet Facebook Share Evernote Clip ポッチャリ リクナビNEXTジャーナル クローゼット スーツ

2014-07-17 薄毛もポッチャリも心配なし!デキる男がやっているスーツの着こなし スキル・ノウハウ ピックアップ ツイート 汗がべたつくこの季節。クローゼットを開けてみたところで、何を着ていけばよいのか分からない。クールビズでよいというけれど、自分で選ぶとどうもあか抜けない雰囲気になってしまう。そんな経験はないだろうか?  今回は、600人以上の一般人のスタイリングを手掛け、多くの経営者やビ... 続きを読む

名脇役・近藤芳正が仕事着の衣装に無頓着な理由 | editeur エディトゥール

2015/05/19 このエントリーをはてなブックマークに追加 146 users Instapaper Pocket Tweet Facebook Share Evernote Clip 第一線 ブレイク editeur 一流 整形手術

俳優・近藤芳正さんは実にオシャレである。今回の撮影のスタイリングも、もちろん全て私物。仕事着である“衣装”に関してもさぞうるさいのかと思いきや、「ほとんど無頓着」らしい。いったいなぜなのか? そこには第一線で活躍してきたプロらしい“こだわり”があった。 演じるのは一流の腕を持つブ男。その衣装は… 一流の腕があるのに顔のせいで売れない中年サックス奏者が、“ブレイク”のために整形手術を受け、入院中に出... 続きを読む

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

2020/10/15 このエントリーをはてなブックマークに追加 139 users Instapaper Pocket Tweet Facebook Share Evernote Clip Flexbox React uhyo コンポーネント CSS

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

白人モデルの芸者姿が物議 米VOGUEにみる根深い問題

2017/02/17 このエントリーをはてなブックマークに追加 128 users Instapaper Pocket Tweet Facebook Share Evernote Clip 物議 根深い問題 Aloha 白人モデル ガーリー

白人モデルのカーリーは「神隠し」と題された6ページにわたる写真特集に、芸者風のスタイリングで登場。力士の隣に立ったり、手水場で手を洗ったりしている。 カーリーの写真を強く非難する人たちは、ハリウッドを賑わせる白人化(whitewashing)の現象を引き合いに出す。「 Aloha 」「 ゴースト・イン・ザ・シェル 」「 ドクター・ストレンジ 」などの映画で、エマ・ストーン、スカーレット・ヨハンソン... 続きを読む

ソニー、35mmフルサイズセンサー搭載コンパクト「サイバーショットDSC-RX1」 - デジカメWatch

2012/09/12 このエントリーをはてなブックマークに追加 118 users Instapaper Pocket Tweet Facebook Share Evernote Clip デジカメWatch サイバーショットDSC-RX 見込み

ソニーは、35mm判フルサイズセンサーを搭載したレンズ一体型デジタルカメラ「サイバーショットDSC-RX1」を11月16日に発売する。価格はオープン。店頭予想価格は25万円前後の見込み。 1型CMOSセンサーなど、高スペックなデバイスを採用するハイアマチュア向けモデル「サイバーショットDSC-RX100」の上位モデル。コンパクトカメラ然としたスタイリングながら、35mm判相当サイズ(35.8×23... 続きを読む

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

2023/07/13 このエントリーをはてなブックマークに追加 116 users Instapaper Pocket Tweet Facebook Share Evernote Clip vanilla-extract Sass React CSS

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

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

2021/09/23 このエントリーをはてなブックマークに追加 93 users Instapaper Pocket Tweet Facebook Share Evernote Clip 感想 理由 ローカルスコープ jsx tailwindcss

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

 
(1 - 25 / 89件)