対人ストレスから解放されたフリーランスの末路（体験談）｜ゎ｜note

2019/04/09 1084 users 末路 Note フリーランス 筆者 フルコミット

精神疾患や生きづらい性格を抱える人の中には、会社で働くことが苦痛で、フリーランスになることを夢見ている人がいるかもしれない。 筆者は、境界性パーソナリティー障害（ボーダー）であり、集団の中で穏便になじむのが困難であるためフリーランスを選んでいる。過去3年間は会社にフルコミットをしたが、2018年度は、... 続きを読む

大自然がキャンバス――スノボ界の開拓者 國母和宏の美学 - Yahoo!ニュース

2017/07/14 540 users 美学 キャンパス スノボ界 Yahoo 開拓者

スノーボーダー・國母和宏について、7年前のバンクーバー五輪での騒動で記憶が止まっていたとしたら、あまりにももったいない。彼はいまや欧米でスターとして扱われているのだから。闘う相手は他のボーダーではない、自然の野山だ。雪山の山頂からノーヘルメットで一気に滑り降りる。バックカントリー、フリーライディングと呼ばれる世界である。オフシーズンに家族とともにくつろぐ國母が哲学を語った。 （ライター・中村計／Y... 続きを読む

[CSS]次のプロジェクトで使える！スタイルシートの極上テクニックのまとめ | コリス

2014/04/25 540 users div コリス エレメント font-size指定 CSS

CSSの進化が止まりません。 ページ上部の打ち出し画像をレスポンシブ対応でうまく配置するテクニック、エレメントにちょっとしたアクセントを加えたい、レスポンシブ用のfont-size指定のうまい方法など、スタイルシートの極上テクニックを紹介します。 Zig Zag Border Created CSS 最近見かけるようなったジグザグのボーダー。画像の使用はなし、divの三角形をたくさん並べるでもなく... 続きを読む

CSSの擬似要素を使った見出しデザイン｜Webpark

2013/01/27 633 users before After Webpark 見出し 都度

このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「... 続きを読む

CSS3の制作をぐっと楽にする厳選20のオンラインツール | コリス

2012/07/10 718 users コリス セレクタ グリッド シャドウ グラデーション

CSS3アニメーションをはじめ、グラデーションやシャドウやボーダー、テキストやボックスをかっこよくしたり、レスポンシブデザイン用のグリッド、セレクタの使い方など、スタイルシートの制作時に役立つオンラインツールを紹介します。 Animate.css classを付与するだけで、さまざまなCSS3アニメーションが実装できます。 初っ端からオンラインツールじゃないですが、簡単にCSS3アニメーションが利... 続きを読む

配色決めにも利用できる！色について詳しく調べられるサイト「Color Hexa」*二十歳街道まっしぐら

2012/02/01 526 users 配色決め 反対 二十歳街道まっしぐら フォント 見た目

Color Hexa 色のことがよく分かるサイト Color Hexaは色に関する情報をたくさん教えてくれるサービスです。 色の構成から似た色、反対の色などなど。 Webサイトの配色決めなどにも利用できそうですよ。 フォントや背景色、ボーダーにその色を使ったときの見た目も教えてくれます。 以下に使ってみた様子を載せておきます。 色について調べる 続きを読む 続きを読む

素人っぽいデザインから脱却するための12のデザインチップス | webox blog

2011/08/30 1234 users webox blog 素人っぽいデザイン クオリティ 1px

クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。... 続きを読む

見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式

2010/06/13 1225 users CSS 日刊ウェブログ式 見出しデザイン hタグ サンプル集

ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 見出し(Headline)のサンプル集 色やボーダーのサイズ等の装飾部分をお好みで編集してください。 見出しサンプル01 .selector01 { border-left:... 続きを読む

女の子たちが考える女の子の褒め方 - 銀色のホットカルピス

2009/08/22 1025 users 銀色 メイク 協議 褒め方 結果

女の子数人で話していて興味深かったのでUPします。「彼氏以外の男性から褒められて嬉しいところ」と「彼氏以外の男性から褒められて気持ち悪いところ」。そのボーダーについて*1。協議の結果→「女の子がさりげなく気をつかっている、かつ、“見せたい”と思っているところを褒める」のがベスト。で、「メイクとか、細かいことについて言われると引いてしまう」。＋「ある程度アバウトに褒められるのがいい。具体的に指摘され... 続きを読む

サムネイルをCOOLにポップアップ表示 - Highslide JS | caramel*vanilla

2006/10/14 2634 users lightbox caramel*vanilla Cool

Lightbox風ポップアップ表示ライブラリ サムネイルをポップアップ表示といったらLightbox JSが有名で、2やらPlusやら様々なバリエーションも生まれました。 今日みつけたHighslide JSはLightboxのようにサムネイルをポップアップで表示してくれるのですが、ボーダーや角丸デザインのバリエーションがあり、写真をよりいっそうCOOLに見せてくれるライブラリです。 *非商用サイ... 続きを読む