私が教わった「相手の話をうまく整理する技術」とは。
「相談があるのだけど……」と知人友人から持ち掛けられて、親切心から「アドバイス」をしてあげた。 でも、全く相手に響かず、「なんで言うとおりにやらないの」と、逆に相手を責めてしまい、何の解決にもならなかった。 そんな経験のある人はいないでしょうか。 私は死ぬほどあります。 そんな失敗から、徐々に私は「人からの相談」について、考えを改めざるを得ませんでした。 実際、「アドバイスの欲しい人」は本当に少ないのです。 多くの人が求めているのは、「黙って話を聞いてくれる人」であって、あれこれと改善案を考えてくれる人ではありません。 しかも、もっと悪いことに親切心からの「改善策」「アドバイス」はむしろ、「なんでこんなこともやってないの？」という批判だと受け止める相談者も少なくありません。 「◯◯してください」や「◯◯すべきです」といった直接表現はまず、誤解されて伝わるのです。 そして、非難されている、と
Webクリエイターボックス
WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック！まだフォローしてない人はお気軽にフォローしてみてくださいね！ 続きを読む オンラインスクールでWebデザインを教えているのですが、よく担当している生徒から良い案件や求人情報の見分け方を質問されます。経験が増えると「これなんとなく胡散臭いなー」というのが見えてくるのですが、最初のうちは難しいですよね。ブラック案件やブラック企業にあたらないように、チェックしたいポイントをまとめました。 続きを読む WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報
30分で出来る！WordPress簡単カスタマイズ方法 Part.1（全5回）～整理と準備編～ | さくらのナレッジ
こんにちは。 さくらインターネットの元秘書です。 前回寄稿させていただいた さくらのレンタルサーバでWordPress簡単インストールする方法 にご好評を頂きまして、ありがとうございます！ 本日はWordPressの簡単なカスタマイズ方法をご案内したいと思いますので、 最後までお付き合い頂ければ幸いです！！ STEP1 サイトの目的とデザインを考えよう！ いきなりハードルがグッとあがりますが・・・ どんなWebサイトでも、日記であったり ビジネスであったり、立ち上げの目的がありますよね？ 「何のために、どのような方に向けて、どんな情報を発信するのか？」 それによってWordPressの仕様やデザインも大きく変わってくるかと思います。 「一般的なブログを作りたい」とか「ギャラリーサイトを作りたい」などで 十二分ですので、まずはざっくりとした目的を決めちゃいましょう。 目的が決まったら、他のサ
わずかなコードで実装する、CSSスタイリングの小技テクニック28個まとめ
海外デザインブログDesign Your Wayで公開された「39 CSS Code Snippets To Make You A Better Coder」より許可をもらい、日本語抄訳しています。 ほんの少しのコードのみで実装できる、かゆい所に手の届くCSSスタイリングの小技テクニックを、サンプルデモと一緒にご紹介します。 「これってどうやってスタイリングするの？」そんな�頭を抱えそうな問題点を中心に集めています。今後のデザイン制作に活用してみてはいかがでしょう。 詳細は以下から。 わずかなコードで実装できる、CSSスタイリングの小技テクニック ソースコードはHTML/CSSより確認することができます。 01. グラデーションをホバーアニメーションする See the Pen Animated Gradient Background by PhotoshopVIP (@vipcrew)
パララックス効果が秀逸なWebサイト＆作り方まとめ
今更感がこの上ないですが「パララックス」をうまく取り入れたWebサイトをまとめて紹介します。パララックスは、5年くらい前からWebデザインのトレンドとしてなんだかんだで取り上げられ続けていますね。2017 Design Trendsでもピックアップされています。 この記事の後半では作り方も解説しています。参考にしてみてくださいませ。 1. パララックスとは？ パララックス（parallax）は英語で「視差」という意味があります。ざっくりというと「部分ごとに動くスピードや、動く方向に差をつける」というイメージです。Webデザインでは、スクロール効果としてパララックスがよく取り入れられます。 緑の部分と、背後の黒の部分で動くスピードが違うことが分かるかと思います。このように差をつけることで、奥行き感を出したり、目を引くようなデザインにすることができる…というわけです。 パララックスの例 実際に
この上なく便利！すごい「jQuery」の小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web技術指南書 | Web制作を少しでも便利に出来れば良いのですが。
Output48 - 新しく知ったことは、48時間以内にアウトプットしよう
コリス
コムテブログ
Web Design Trends
Photoshop VIP