毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。 今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScriptを100+αまとめました。 KUTE.js クロスブラウザ対応のさまざまなアニメーション、2Dと3Dの変形、SVGの変形、CSSのプロパティ値の変化、SVGのモーフィング、SVGの描画などネイティブのJavaScriptでアニメーションを実現する軽量スクリプト。 デモページ Choreographer-js 「choreographer」は振り付けという意味、CSSアニメーションのさまざまな動き・振る舞いを簡単に設定できます。 デモページ Barba.js 通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更にエフェクトを加え

今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。

小技を制してラクしよう。 タスク管理ツールTodoistは、直感的に利用できるシンプルさが魅力のひとつ。WEBでもアプリでも、誰でも無料ですぐに使い始めることができるので、細かーい部分まで網羅した説明書もありません。でも […] The post 【小技特集】もっと使いこなす！おすすめタスク管理ツールTodoistの活用法12連発 first appeared on Requ.log | レクログ.

ほとんどのモダンブラウザがCSS3対応となったことで、これまではPhotoshopなどのデザインアプリで再現していたようなデザインスタイルも、HMTL/CSSで表現できるようになってきており、その進化はますます加速しています。 今回は HTML と CSS、わずかな JavaScript で実装できる、表現力の高いテキストエフェクト用コードスニペットをまとめてご紹介します。コードニペットは各エフェクト別にカテゴリ分けしているので、ウェブサイト制作に活用したいエフェクトを見つけてみましょう。 ナビメニュー100連発！CSSで表現できるコピペ可能なHTMLスニペットまとめ CSS3の広がる可能性！美しいテキストエフェクト用コードスニペット24個まとめ CSSスタイリングで表現できる！すごいテキストエフェクト33個まとめ コンテンツ目次 1. アニメーション・テキストエフェクト 2. グリッチ・

インターネットを通じて商品やサービスを提供するWebサービスは、ユーザーも企業側もお互いが直接向かい合わせることはほぼできません。 実店舗のようにお客様と対面し、直接話をしながら接客できない分、お客様の心理をできるだけ想像し、その心理に沿ったホームページ作りを行う必要があります。 今回は、ユーザー心理を理解するうえで役に立つ心理学用語を36語を解説付きで紹介します。 第一印象が肝心 1.アンカリング効果 人は一番最初に見た数字やデータをよく記憶しており、何かしらの意思決定を行う際、最初に見たデータを重要視する傾向にあります。これを「アンカリング効果」といいます。 アンカリング効果を応用し、ユーザーに対し「この商品はお得だ」「良い買い物ができた」と思わせるようにするための仕掛けを作ることもできます。（「数量限定」「期間限定」というふうにプレミア感をアピールする等） 2.ハロー効果 ある1つの

ブログの魅力を最大限に引き出す！ ワードプレスのTCDテーマ【MAG】。インストールするだけで、デザイン性の高いブログサイトに変身させてくれるキラーテンプレートです。キラーと言ってもスゴいスゴぉいのほうです。 【MAG】 […] The post 魅力的なブログで収益化。ワードプレステーマTCD【MAG】の有効的な活用方法とカスタマイズまとめ first appeared on Requ.log | レクログ.

Photoshopには写真を補正するだけではなく、デザインに必要とされるさまざまな便利な機能があります。しかし、機能の使い方だけを覚えてもなかなか実践に活用することはできません。 なので、ここでは「デザインの現場では、どの機能をどのように使っているのか？」がイメージできる、Photoshopの実践的な使い方が学べる日本語解説付き動画をまとめました。 見ているだけでもスキルアップにつながるので、実践に役立ててください。 「特訓Photoshopプロのテクニック教えます！」というすごいタイトルのフォトショップの本について：スリームデザイン著 部分的に色を変えたいときの【色の置き換え】の使い方 画像や素材の一部分だけ色を変えたいときには、Photoshopの【色の置き換え】がとても便利！ この動画では、同系色をいっぺんに変える方法だけではなく、一部分だけ色を変える方法と、一部分を残してモノクロに

チュートリアル集チュートリアル編では1つの制作物に仕上がるまでの工程をまとめてあります。 基本機能をまんべんなく、手を動かしながら覚えるのに最適だと思います。

もう会社での仕事にやりがいを感じられない… 独立さえしたら、もっとクリエイティブに時間を使えるはずだ！ ・・・どうやって始めよう…？ やってみたかったことはあるんだけど、強みなんてないし… まぁ、副業から始めるのが無難かなぁ… 私の周りからもよく聞く話。「思っていたような仕事ができていない」「一生この仕事を続けられるのか不安」。そんな話を聞いていると、【なにかアクションを起こしたい。】そんな強い気持ちが伝わってきます。 でも最終的には、「自分にはズバ抜けた強みなんてないし、やっぱ難しーよね・・・」 なんてトコに落ち着く気持ちもとってもよく分かります。 それでも！実際、一回しかない自分の人生で、一歩を踏み出してみることは貴重な経験。それは私自身も実践し続けていることですし、示し続けていきたいと思っていることでもあります。 勢いにまかせて、いきなり独立して起業することだけが「やり方」じゃない。

「ブログが続かないのはどーして・・？」挫折しない具体的なコツと目的、そして○○な都市伝説について2013.10.25 ブログを続けてるけどぶっちゃけしんどい、これから始めようと思っているけど何を書けばいいかわからない、ブログはやったことあるけど挫折した。 この記事を読んでいるあなたは上記のいずれかにあてはまると思いますが、《ブログをはじめた当初の勢いに反してだんだんと更新頻度が落ちていき、しまいには挫折してしまう》といったことが多いのがブログの特徴でもあり、その理由もさまざま・・ ちゃんとした文章が書けない記事のネタが切れてしまうそもそも書く時間がないアクセスが無から反応もないので悲しい利益が出ない（儲からない）ネガティブコメントに萎える眠い。。ブログを挫折せずに続けていくためには明確な動機付け、いわゆる目的が必要です。逆にちゃんとした目的を持つことで挫折してしまう理由のほとんどは解決して

人の行動を変えなければいけない時、ただ単に口で注意するのと、粋なアイデアで行動を変えさせるのとでは大きく違います。 そこで、今回はデザイン1つで人々の行動を変えた事例を9つほどご紹介します。 プロダクトデザイン編 フェンスを外す人 「フェンスを外す人」という文章をご紹介します。 ここに登場する事例。高級なクラブなどに行くと、灰皿が極端に小さいのはなぜか？ us.christofle.com 小さな灰皿は、一本でもたばこを吸えばいっぱいになってしまう。そうすると、スタッフが灰皿を新しいものに替える。そうするとことで、客への細やかなサービスを演出できるし、スタッフに自然と客へ細かく注目させることを可能にしている。 従業員に「客がタバコを1本吸ったら灰皿を取り替えろ」と言ったり、マニュアルをつくって叩き込めば、問題は一時的には解決されるかもしれません。しかし、灰皿を小さくすることによって、その手

あ、でも”初心者お断り”系のカスタマイズはちょっと… 画面が真っ白になるよーなアブナイことはしたくない ここはひとつ、プラグインとかでサクッといっちゃいたいんすけど OKです。みなさんお入りください。 必要とされていく、高解像度ディスプレイ対策 MacのRetinaディスプレイをはじめ、モニター環境はどんどん高解像度化し、画面も大きくなっています。普段Windows環境で更新している中でふと、MacやiPadで自分のサイトを覗いてみると・・・ いや、それは歳のせいなんかじゃあないんです。Windowsで閲覧する分には全く問題ない。でもMacで見るとやっぱり画像がボヤケて見える。ディスプレイの解像度の違いですね。そして今や、モバイルやタブレットさえも解像度が高く、画面も大きくなってきている… 画像をRetina対応させたい！可愛い我が子のようなサイトを思うと、人様の前でキレイでいてほしい…そ

街角のクリエイティブは、ただいまリニューアル準備中です

知らなきゃもったいない。 先日、とある交差点で信号待ちをしていた時のこと。見たこともない小太りなおっちゃんが横にピタッと並び、顔を近づけていきなりまくし立ててきたのです。 おらァな、こー見えてWEBマーケティング担当者じゃねんだ。”ぶろぅがぁ”。いわゆるブロガーってやつだ。よく勘違いするやつがいるがまーったく失礼なハナシだ。あんたならわかるだろぉ？コムズカシイもんはいらねぇ、おらァな、”ブログ記事をつくるのに本当に使えるツール”を知りてぇんだ。それも無料で使えるとびっきりのシロモンだ！ ワガママな頼みだって？いーや、んなこたァない。考えてみろってばよ、みんなそう思ってるハズだろぉ？今のご時世、そんな需要にゃあ世の中の誰かが応えてくれるもんだ。みんなナンダカンダ言うけどよぉ、世知辛くもいい時代だと思ってる。おらァそー思ってる。そー思うだろぉ？するってーとあれだ、そんなこったから、まぁ今回はウ

Webサイトを運営している方であれば、さまざまなメディア・ブログなどからの情報収集を欠かかすことはできません。 ferretも同様であり、常日頃から大手メディアから個人ブログに至るまで幅広く情報収集を行っています。 今回は、ferretがRSSに登録して毎日チェックしている選りすぐりのメディア・ブログ44選をご紹介しますので、ぜひ情報収集にお役立てください。 このニュースを読んだあなたにオススメ プライバシーポリシーを記載しよう 情報収集には欠かせない！便利なFeedlyのイロハを解説 効率的に情報収集できるGoogleアラートの使い方 Google／Yahoo! 1.Google Japan Blog http://googlejapan.blogspot.jp/ Google Japanが発信している、主にGoogleに関する情報が日本語で書かれているブログです。 Googleの公式サ

さらに便利に。タスク管理の母艦へ。 Todoistはそれ自体の持つ機能でじゅうぶん実用的なタスク管理ツールですが、ここではさらに便利に活用できるようになる、選りすぐりの無料拡張機能たちを紹介します。 使い方 インストールするとアドレスバーの横にアイコンが表示されるので、Todoistアカウントでログイン。すると小窓が開き、小さいながらもWEB版と全く同じような操作が可能になります。 タスク追加、予定変更、プロジェクト移動など、主要な機能はほとんど出来てしまいます。 キーボードの「q」または「＋」をクリックするとタスク登録が可能。 見栄えもWEB版と同じで直感的に操作できます！WEB上のどのサイトにいてもアイコンから素早くアクセス出来るので、思いついた時にすぐにタスク登録出来るようになりとても便利です。 そしてさらに便利なのは、この状態で「ウェブサイトをタスクとして追加」をクリックすると・・

なごり惜しくも、”早急に処理セヨ”。 【 Saying Goodbye 】。 ある早朝に開発チームから届いたメールの、文頭に並んだ文字です。 もはや手放せなくなっていたメール管理アプリ『Mailbox』。 衝撃の走った方も多いでしょう。私もその一人でした。 メールには2016年2月26日をもってサービスを終了するとの記載が。 オイ。目と鼻の先じゃないですか。 早速Mailboxのウェブサイトに行くと… コラ。まだこっちは終わった気になれてないです。切り替え早すぎ。 （まあそのセンスも好きだけど） Mailboxは、スワイプ操作でメールをアーカイブ・スヌーズ・リスト移動する概念を世に与えた、革命的なアプリでした。デザインも上品で、メール整理も捗って….（遠い目） と、感傷にひたっている場合じゃありません。 サービスが終了するに伴い、いくつか懸念点が出てきます。 面倒そうだとは思いつつも、知っ

忙しい毎日だから、必要なこと。 予定がいっぱい。やりたいことがいっぱい。やらなきゃならないことがいっぱい。覚えておかなきゃならないことがいっぱい！誰にでもそんな状況はあるでしょう。 仕事だけでもタスクは山積み。さらに生活していく上で必要な手続きだったり、身につけたい習慣があったり・・・ 生活していく上で、誰もがあらゆることを同時進行しています。スケジュールのまわし方、情報の整理、この辺がうまく管理出来ている人は何事にも、どこか余裕を感じますよね。マネージャーや秘書がいればいいんですけど、、、なかなかそんなわけにもいきません。 でも、それらの代わりになってくれるようなツールはたくさんあります。 自分に合った便利ツールを上手に取り入れて忙しい生活を効率化できれば、イライラや失敗も、きっと少なくなると思いませんか？ 実際、頭の中だけで覚えておくべきことなんて、意外と少ないものです。頭の中がごっち

いえ、すみません。あなたの体のことではなく、あなたの運営サイトの話です。 でも、もしかすると本当にダイエットが必要かもしれません。 いえ、すみません。あなたの体のことではなく、、、 スルーできない、WEBサイトの高速表示対策 ページを閲覧する側に立ってみましょう。経験したことがあると思いますが、もっさりとページが表示されるのを待つのって、けっこう嫌なものです。何かをいち早く調べたくて検索している状況なら、ストレスに感じてしまうこともあるでしょう。 改めてユーザー目線で自分のサイトを開いてみて、「重っ、、」とか「遅っ、、」なんて感じたならば、絶賛”黄色信号点滅”状態です。 そしてGoogleやYahooが検索順位を決定する基準においても、ページの表示速度は大きな指標とされている。”もっさりサイト”はユーザビリティーが低い。つまりSEOの面でもあまりよろしくない。ということは頭に入れておきたい

紹介画像の一部はクリックで拡大されます。 添えてあるコメントはRequ.log独自の見解です。 新テーマのリリースごとに随時更新していきます。 【Bloom】デモサイト ”欲しくなる機能”が詰まったブログテンプレート【Bloom】。 記事が並んでいくだけの一般的なブログと違い、レイアウトが特徴的。トップページでは目を引くスライダーやタブ、バーガーメニューなど、記事への導線がたくさん用意されているため、読者の興味が尽きません。 ヘッダーメニュー（クリックで拡大） バーガーメニュー（クリックで拡大） 記事だけでなく、どのページも落ち着いた雰囲気。うるさくない、ちょうどいいエフェクトも相まって次々とページを開いてしまいます。 クリックで拡大 申し込みボタンやメルマガ会員登録に活用できる、パララックス仕様の「フリーコンテンツ機能」や・・ クリックで拡大 自然に溶け込む「ネイティブ広告機能」、会員限