次のプロジェクトでちょっと使ってみたくなる実用的なものから実験的なものまで、CodePenで多くのユーザーをうならせたスタイルシートのテクニックを紹介します。 まずはアニメーションが楽しいデモから。 ※上から10個くらいはアニメーションgifです。
次のプロジェクトでちょっと使ってみたくなる実用的なものから実験的なものまで、CodePenで多くのユーザーをうならせたスタイルシートのテクニックを紹介します。 まずはアニメーションが楽しいデモから。 ※上から10個くらいはアニメーションgifです。
6ヶ月の超新米ライターにもできる!文章を1番シンプルに書く方法 2014年09月16日 by マメ子 こんにちは、マメ子です。 社会に出てから文章を書く機会が増えました。 それも、ただ書けばいいというものではなく「質」を求められていると感じます。 私は6ヶ月の新米ライターで、時々こうして文章を書くことがあります。 私の文章の問題点を挙げればキリがないのですが、 そもそも、今まで自分の文章力をそれほど意識したこともなかった・・・ ということに気づきました。 そこで、この本を読みました。 この本には、文章を書くための細かいテクニックはありません。 自分の考えや思いをどう構成し、どのように文章にしていくか、ということが書かれています。 今までなんとなく書き続けてきた自分の文章を見つめ直すきっかけになりました。 文章を書くには準備が必要 文章力とは、「段取り力」と言い換えてもいいと私は思っていま
社内恋愛の教科書 【本の概要】◆今日ご紹介するのは、恋愛のシーンの中でも、特に「社内恋愛」だけにフォーカスした1冊。 著者の片瀬萩乃さんは、商社勤務後、恋愛というテーマを中心に作家として活動し、All Aboutガイド、マイナビコラムなどウェブでの活動の他、雑誌やテレビなどでも幅広く活躍されている方です。 アマゾンの内容紹介から一部引用。ドキドキして、ウキウキして、ムフフとなるけど、慎重に動かなければ深い傷を負う、社内恋愛。 本書は、この社内恋愛の“戦略"をマジメに追求し、「彼女」との距離を縮めるテクニックをまとめた唯一無二のテキストブックです。 社内にターゲットのいる方なら、一読の価値アリかと。 なお、今回も書名が短いので、「ホッテントリメーカー」のお世話になりました! HA0521-036 / Highways Agency 【ポイント】■1.社内恋愛は持久力で勝負する 合コンが100
心のバランスを長期的に保つことに関しては、さまざまなヒントや考えが無限にあります。しかし、そういった場合にアドバイスされている「運動をする」「優先順位を付ける」「正しい考え方をする」といった解決法では足りないこともあるでしょう。特に非常にストレスになることが起きたり、心臓がバクバクしたり、手のひらが汗で一杯になるような状況では尚更です。パニックになろうとしているのは、まさしく「今」なのです。 あなたにとって必要なのは、ストレスを即座にしずめる薬のようなものです。すぐにパニック状態をしずめ、この先どうすべきかを冷静に考えられるところまで戻してくれるようなものです。ありがたいことに、そのようなすぐに効果の出るテクニックが存在するのです。しかも薬局に出かける必要もありません。 シンシナティ大学の研究者であり、ストレスマネジメントテクニックのエキスパートであるKeith King氏は最近、パニック
仕事で新しく与えられたタスクや責任。本来ならありがたく引き受けて、自分のポテンシャルを示すべきなのかもしれません。でも、それらが必ずしも、あなたのキャリアにとって役に立つわけではありません。そんなとき、ノーサンキューをうまく言うための4つテクニックを紹介します。 ポテンシャルを示す方法は「背のび」すること 多くの社会人が経験するように、働いていればいつかは、特別な経験を積まない限りこれ以上の出世は望めないという状況が訪れるはずです。それも、たくさんの経験を。 いま与えられている役割以上のポテンシャルを示す1つの方法が、「背のびが必要な課題」(自分の能力を少しだけ超える課題)に取り組むこと。「Catalyst」が2003年に実施した調査によれば、企業でリーダシップをとっている女性のなんと40%が、「困難かつ成果が見えやすい仕事を見つけることが成長において非常に重要である」と答えています。これ
情報を捨てるセンス 選ぶ技術 【本の概要】◆今日ご紹介するのは、私たちが意思決定する際に起こりうるさまざまな問題について掘り下げた1冊。 さすが翻訳本だけあって、実験や研究結果でしっかり裏付けされた内容でした。 アマゾンの内容紹介から一部引用。2008年に私たちが消費した情報量は1960年代の3倍。それが、2020年には現在の44倍になる見通し。 あふれる情報の海の中で、いかに正しい決断を下すべきか? 英国の、気鋭の経済学者が、エビデンスをもとに書き下ろした話題作! 思わず付箋も貼りまくり!? なお、記事タイトルは久しぶりに「ホッテントリメーカー」のお世話になっておりますので、テクニックは10個も(ry。 【ポイント】■1.職場の「雑音」が生産性を低くする マイクロソフトリサーチが従業員のパソコンを使った活動状況を2000時間以上追跡調査した結果、一度メールの受信音で作業を中断されると、や
ブラウザいっぱいの背景や小さいサイズのパネルにも使える、CSSグラデーションを使った背景テクニックを紹介します。画像の使用はもちろん一切無しです。 ヴィンテージのディスプレイみたいで、面白い演出ができそうですね。 Cool Gradient 実装は非常にシンプル、コピペで簡単に利用できます。 HTML デモではdivとspanの二つを使用していますが、背景用にはdiv一つのみでOKです。 <div><span>Cool Background</span></div> CSS まずは、美しいグラデーションのスタイルシートから。 グラデーションの設定は楕円(ellipse)状でボックスの一番遠い角に合わせて(farthest-corner)います。 div { position: fixed; width: 100%; height: 100%; background-image: -webk
サービスを運営していると、最適な文章を書く事も多いです。分かりやすい文章を書く事でユーザーに対する理解が深まり、結果的にグロースに繋がります。 今回は、この記事だけを読んでおけば必ず文章力が向上する記事をまとめました。 文章力がどんどん向上する5つの書き方・トレーニング方法 ライティング力が向上する書き方と、文章力を向上させるためのトレーニング方法が書かれた記事。 第2回:わかりやすい文章の10大原則 理解される文章の10個の原則について書かれている記事。 文章のプロ直伝!素人でもプロ並に書けるようになる5つのテクニック プロのように書くための5つのテクニックについて解説されている記事。 有名小説家が伝授する、ショートストーリーを書くための8つの法則 文章を書くプロである小説家の文章を書くコツがまとめられている記事。 読みやすい文章を書くための技法 読んだ人が、しっかりと理解をしてもらう
自分でも驚くけど、できなくなっていってる。 ふと思うことありませんか? 集中力が落ちてきている、または、我慢ができなくなっているって。何かしててもすぐスマートフォンいじったり、ちょっと動画や画像のローディングに時間がかかると次にいったり。インターネットという大きな世界をポケットにいれて持ち歩けるようになる前は、そんなこともなかったように思うのですが…。 例えば、このたった3分の動画、これを集中して他のことに邪魔されることなく見ることができますか? TwitterもInstagramもチェックせずに、ただただこの動画を最後まで見ることできますか? いや、この動画がつまらないから集中できないんだ! だとしたら、「〇〇の本読んでる」「こういう展開か…」なんてツイートなんてせずに、ニュース系アプリを意味なく開いたりせずに、最後に集中して本を読んだのって、録画したテレビを見たのっていつの話か覚えてま
Web制作会社の一つの基準はいいサイトを作っているかどうか、クリエイティビティに溢れる日本のWeb制作会社・Webクリエイター集団はたくさんありますが、その中から特に注目している集団を厳選して紹介します。 制作者としてよい刺激を受けるだけでなく、一緒に作ってみたいと思ったり、クライアントとして声をかけたくなるような魅力的な集団ばかりです。 株式会社バケモノ LETTERS, INC. 乾設計事務所 quip Design 株式会社ディスカバリー号 mount inc. 株式会社バケモノ 株式会社バケモノ 名前のインパクトだけでなく、クリエイティブのインパクトも圧倒的な株式会社バケモノ。 この春設立したばかりなので初耳の人も多いかと思いますが、クオルトグラフのメンバーが立ち上げた新会社です。 「なんだかわかりやすい、どこか使いやすい」をキーワードにさまざまなWebサイトをプロデュース・作成し
By Michael Shaheen スティーブン・キングは「ショーシャンクの空に」「スタンド・バイ・ミー」「グリーンマイル」といった数々のベストセラー小説を世に送り出していますが、世界中で認められるストーリーを書くには、人を引きつける文章力や秀逸なストーリー展開を練るという類いまれな才能が必要とされます。ベストセラー小説を書くにはどのようなテクニックが使われているのか?どのようなストーリー展開がベストセラー小説になり得るのか?ということを研究した数学作家のクリフ・ピックオーバー氏が「簡単にベストセラー小説が書ける方法」を公開しています。 How to Create an Instant Bestselling Novel http://sprott.physics.wisc.edu/pickover/bestseller.html ◆ベストセラーが書ける文章テクニック14選 By Oli
蒸し暑い夜や残業帰りの深夜、お風呂に入ったあとはなるべく早く髪を乾かしたいもの。姉妹サイト「グリッティ」では、髪の毛の速乾テクニックがいくつか紹介されています。 そのうちの1つが、「タオルを巻いたままドライヤーをあてる」という方法。 頭にフェイスタオルを巻き、その上からドライヤーをあてれば、普段の半分の時間で髪の毛を乾かすことができます。 これは、タオルの上から熱風をあてることで、髪の毛の水分が蒸発してタオルに吸収されやすくなるため。時々指の腹で地肌をもむ程度で、かなりのスピードアップが可能! 「タオルの内側まで風が届く風量の強いドライヤーを選ぶこと」も大切なのだそうです。ロングヘアの人ならドライヤー時間を5分程度は短縮できるとか。 「グリッティ」には他にも髪を早く乾かす方法が紹介されていましたので、ご興味のある方は下記リンク先からどうぞ。 ロングでもショート並の乾燥時間! 髪の毛速乾テク
Webコーダーとなって2年ちょい、最近ではデザイン業務もやらせていただいております@OZPA でございます。 本日は、私がコーディング等のネタ帳として使用しているEvernoteのノートブックについて簡単にご紹介。 Evernoteにクリップしている情報 私が「業務に役立ちそうだな」とEvernoteに放り込んでいるのは jQueryプラグイン、テクニック CSSのテクニック アイコン・背景などの素材を紹介しているWebサイト といったところでございます。 それを全て1つのノート、「3001_ネタ帳(CSS,jQuery etc)」にまとめておるわけです。 Evernoteの名付け方に関してはこちらの記事をどうぞ こんな風にいつか業務で使えそうだな、と思ったスライダーなどのjQueryプラグインをメモったり… form周りで使えそうなjQueryに関する記事を取っておいたり… CSSのテク
hn, pなどの要素を使ったテキストの左右に、水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。 HTMLは非常にシンプル、カラーやサイズの調整も簡単、背景画像も問題ありません。 実装のポイントは5つ。 画像は使用しない。 spanなど、余分なHTMLは使用しない。 フォントのサイズを大きくしても自動で調整される。 可変。 背景が画像でも水平ラインが綺麗に描かれる。 実際の動作は、下記ページで確認できます。 デモは全てのモダンブラウザ、IE9+でご覧ください。 Heading Side Lines HTML HTMLは非常にシンプルで、hnやp要素のみで実装できます。 classを使用すれば水平ライン有り・無しの共存も可能です。 <body> <h2>テキストの左右に</h2> <h3 class="lines-on-sides">水平のラインを描く</h3> </bo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く