Web制作者や、Web業界新入社員のためのベストエントリ48個 2013総まとめ
というわけで、今年も色々と読んでおくべきエントリーをまとめておきます。 正直読み返した上でリンクをぺたぺた貼っていったので、すんごい時間かかりましたけど、どいつもこいつも良記事でございます。読まずにいるとむしろ損する勢いでございます。 デザイン WEBデザインが短期間に上達した方法 | FEVDES BLOG 『これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。上手くデザインができない！上手くなるにはどうすればいいの？など、どうすればデザインが上達するのかわかならい人の参考になれば幸いです。』 たった1枚に込められたクリエイティブすぎる17個の広告 この記事の2億円、2人っていう広告がほんとうに色々な意味で印象的。 2013年の4大人気Webデザインのトレンド | Flips Blog Web担の小技 2013年のトレンド、今年のうちに。 50万件の投稿分析でわかっ
デスクトップやブラウザ等の画面を撮影してGifアニメにしてくれるLICEcap
いくつか使っているうちに、最終的に一番優れているものが見えてくるものです。 今回ご紹介する「LICEcap」は、デスクトップ上のものであればなんでも撮影可能であり、それをGifアニメに変換してくれるというものです。こうしたフリーソフトは数多くあるものの、お気に入りのポイントは極限までシンプルであるという点です。 使いどころは様々ありまして、Web上にアップすればその動作を延々とループしてくれるため、ちょっとしたチュートリアルには最適というわけですね。 使い方 枠がぽよんと出てきます。 この枠内でおきたことを撮影します。 ちなみに今回の動作としてご紹介するのはこちらの動作の一部を撮影しています。 このjQueryプラグイン、地味にすっごい人気のプラグインなので、興味のある人はひと通り動作確認してみてください。結構色んな場面で使えるプラグインです。 さて、話しを戻します。 このソフトは、FPS
大人の子供化が酷い
元桐生市議庭山由紀さんがまた炎上しているわけでして、これについてはいつもの事なのでまぁいいやと思っているんですが、今回登場した女子高生（※1 本当かどうかは別にして）との対話が余りにも酷すぎてびっくり仰天。 詳しい内容は以下のリンクを見ていただくとしてある程度抜粋してみていきます。 元桐生市議庭山由紀さん、桐生の女子高生に論破される - Togetter 事の発端はこれ。 庭山氏 なんかさー。もう、いちいち注意するのも疲れてきた。夏休みには桐生市の育成会は、フクイチから高濃度に放射性物質を含んだ排水をダラダラ流している近くの茨木の海に子供たちを海水浴に連れて行った。今度は、秋の収穫シーズンでわざわざ桐生より汚染されている沼田にリンゴ狩りだそうだ。 女子高生 @庭山 茨城への臨海を楽しみにしている子供たちと行ってきました。強制参加ではないですよ。それに、育成者の方々は海水浴場へ何度も行き、検
私の仕事の生産性を劇的に向上させたルールと環境整備のコツ
仕事中に一度でもFacebookを開くと、著しく生産性が低下するという話なんだけど、実際これは当たってるなぁと。 ただし、これはFacebookに限ったことではなくて、個人的に思うことは １）自分でルールが作れない ２）自分で作ったルールが守れない というこの2点に集約されるんじゃないだろうか。 仕事を阻害する物を遠ざけるのは無理 以下の研究によって明らかになったことです。 気の散るものがあると仕事に悪影響があることはご承知の通りです。しかし、新しい研究によると、仕事中に「何回気を散らしたか」は問題ではなく、たった1回気を散らしただけでも、生産性が著しく低下することがわかったそうです。 成績の悪い学生達は毎日たくさんのメディアを消費しており、同時に複数のタスクを行ったり来たりしていることがわかりました。この研究結果の中で私たちを驚かせたのは、15分間のテスト中に一度でもFacebookをチ
何個知ってた？聞いた時驚くけど実はどうでもいい事まとめ【雑学・トリビア】
まぁほら、ほんとにどーでもいいことってあるじゃないですか。 それを初めて知った時は「おおおおすげー」ってなるんだけど、知ってるからといっても何の役にもたたず、次の日には忘れるやつ。数年おきにくらいに話題になっては、「あーこれ3年前から知ってるわー」というミサワみたいなことしか言えない情報。 そんなものを集めてみようかと思います。 どうでもいい雑学、トリビアとまとめ １）ジャンプのロゴを横にすると少女漫画の横顔になる 意図したものか偶然か・・・それは知りません。 ２）セブンイレブンの意味 今は24時間営業ですが、昔は朝7時から夜11時までの営業だった為。 ３）セブンイレブンのELEVENのNだけなぜか小文字 もっとも有力な説としては、SEVEN（7）とELEVEN（11）だけでは、単なる一般名詞であり商標登録出来なかったというのが有力です。Nをnとすることで、独自のデザインになるという事らし
Twitterで印象に残る人と残らない人の決定的な差
TwitterやFacebookなどのSNSにおいて、その人がどのように印象に残るのかを考えてみた。 どうしてこの人の印象は強くて、どうしてあの人の事は印象に残っていないのかという点。 これをじっくり考えてみると、実は印象に残りやすい人の傾向と対策が見えてくるのでは無いかということで、今回はこれを5つのカテゴリーに分けて考えて見ることにした。 人からどう見られるかを気にするのは面倒という方もいますし、単に友達とのコミュニティの形成が目的な人もいると思います。そういう方はあんまり気にする必要は無いですが、例えばもう少しSNSで突っ込んだ会話がしたい、色んな情報を引き出したいというケースや、企業としてのSNS運営につまづいている場合に読んでいただければと思います。 １）好きなものをはっきりと、そして定期的に表現している ジャンルが様々あります。 例えばPC、食べ物、車、家電といった「物」を対象
様々なモバイルユーザーインターフェイスが確認出来る「MobileTuxedo」が熱い
発見して記事書き始めて、もしや他でも紹介されているのかと思ったらコリスさんとかでも紹介されてた。なので書くの一度やめてたのですが、やっぱりこのサイトは、もっと広く知られるべきかと思ってご紹介。 なんというか、きっちり絞ってまとめるっていうのはそれだけで価値があるんだなと感じさせられるWebサイトでもありますよね。 素材、デザインなんでもあり 特に注力したいのがインターフェイスデザインの豊富さ。 UI Patterns | Mobile Tuxedo とにかく豊富なリソース。 モバイルインターフェイスの中でもカテゴリがたくさんあります。 ナビゲーション コメントインターフェイス ログインインターフェイス 写真ギャラリーインターフェイス この他、マップやサインアップインターフェイス、設定画面、電卓など色々ありますので、モバイル開発者なら一度は目を通しておくといいかもしれませんね。 またインター
デザインが優れている人には愛情と思いやりがあるという話｜資料やメールも全てがデザイン
Word資料など、10年前にはよく作っていた時に、先輩から教わった話。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君」から会話がスタートした。 は？なんで文章なのにデザイン関係あるの？ デザインはレイアウト、見た目、イラストと言ったものだけではない 最近、Webデザイナーの初心者さんからの質問で 「デザインのセンスはやっぱりデザインの基礎から学ばなければいけませんよね。綺麗なWebデザインを作るためにはレイアウトとか配色とか比率とか、あと絵ももっと勉強を・・・」 これを聞いた時、どこかに違和感を覚えた。 うーん？ しばらくして思い出した。そういえば昔先輩に教わった覚えがあるなと。 当時私は新聞の折込広告などの作成を行なっていました。その時の企画提案書を先輩に確認してもらった時の事。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君。デザインとは相手を思い
2012年は面白いブログより面白いブロガー。面白いブロガーより鋭い視点や考えが人を集める
ちょうど2011年は転換期だったかなと。 一時期はブログ離れが起きて、Twitterやfacebookがほんと「神」となり、ブログは古いなんて言われたのが2010年。 だけど結局は「ブログ」のほうがソーシャルメディアよりもオープンな情報の伝達ができるということと、たかだか数文字のテキストに人の心を奪うことなどできるわけもなく、「ああ、やっぱブログか」というのが2011年。 そして2012年。 すでに2010年から流れは完成してきていますが「面白いブログ」を定期的に読む人より、はるかに「面白い人、考え、視点の記事」のほうが注目をあびるようになって来ている。ブログ単位ではなく、記事単位での評価が大きい。 アクセス流入がもう明らかに違う 2ちゃんねるまとめ系のブログははてぶからのアクセス大幅に増え、Twitterも完全に味方につけた感じ。情報系ブログは相変わらず検索エンジンとRSSリーダーからの
5分で分かる初心者のためのTwitterおさらい
なんていうか、そう。 色々と裏で馬鹿にする人もいるわけですよ。ただたんに知らないっていうだけで。 そんなわけで最近Twitterを始めた友人にでも紹介するソースがあればと思い書き上げて見ます。 「全世界発信」ツールという事 ここ間違いなくテスト出ます。あとで鍵つきについて説明もしますが、鍵をつけない限り油断は出来ないと言うことです。どんなにフォローフォロワーが少なくても、突然爆発的に広がる可能性があります。 ついログを使えばいとも簡単に記録がさかのぼれます。 暴言や、他人を馬鹿にした発言もしっかり後世に残ります。 DMとリプライは違います。DMは他の人に見られませんが、リプライは誰でも見れる公の会話です。 同様に暴言、誹謗、中傷がのちのち自分に悪影響を及ぼす危険もあるのです。 別にだからどうしたという事が言いたいのではありません。 ただ、それを知っているだけでかまわないのです。 鍵付にする
デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）
webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること
読者がまず先に求めている情報を提供すると記事は最後まで読まれやすくなる
ブログに限らず、ラインディングをされる人なら当然のように文章を結構書くと思いますが、こうした『相手に伝えるための技術』と言うものには様々なものがあります。 いくつかある中から、今回は読者に、あなたのブログの記事を最後まで読んでもらうためにするべき事について考えて見ましょう。 どういうことかというと、ネタ帳ならこんな情報が多いとか、他のブログはこういう情報が多いとか、要するにブログの特徴が強ければ強いほど、ユーザーは事前に「こんな情報を提供してくれる」というイメージを持ちます。 文章を読んでもらうには、まず、どのような情報を得られるのかと言う事が読者に明確に伝わっている事がポイントなのです。 公開するジャンルに特徴を持たせても良いですし、自分の考えのみをひたすら書き殴っても良いです。 読者はこうした情報から、そのブログやブロガーのイメージを作り、興味のある人はその人のブログをまた見たくなりま
5記事連続で1000ブクマを目指した結果とその方法
密かに私が進めていた計画があります。 それが、5記事連続1000ブクマ達成と言う目標。 ブログを開始してから1年くらいたってから、一度でいいからやってみたいなぁと考えてはや3年。 1000ブクマいったらとりあえず狙ってみようかな程度で考えてきました。 今回、11月17日のjQueryのまとめで1000ブクマ達成した為、このチャレンジを密かに開始したのです。 結果は4記事連続でストップ とても悔しくて残念でしたがこれも結果です。 そもそも1000ブクマを量産する事自体、記事の内容が縛られる為、ブロガーとしてはかなり面白くないというかつらいものなんだなぁと感じました。 今回の5記事は以下です。 jQueryプラグインのベストトレンド総まとめ2010 webデザインのセンスを磨く『○○系のwebデザインまとめ』の総まとめ 人生を素敵に変える今年1年の究極のライフハック記事まとめ あなたの生活を確
あなたのブログの再訪問者を増やす50の方法
私の経験から感じた事を書き記します。 全てが全てその時々で、正しいとは限りませんが、一つの指針としてお使いください。 因みに全部リスト化すると230くらいありましたが、それはきっとセミナーとかでやるかなぁと。 １人の再訪問を増やす意味 あなたのサイトの新規訪問者を30000上げる方法なんていうのもあるわけですが、それよりも遥かに重要な事があります。 それは、たった一人の再訪問者を増やす方法です。 何故か？ 手っ取り早く30000人に来てもらう事が重要に見えますか？ そうではありません。 すこし、昔の話しになりますが、私がブログを始めた当時ではツイッターと言うものがありませんでした。 私の一ヶ月目のアクセス数は平均すると2～10セッションくらいです。 そして3ヶ月目も10～100程度。 4ヶ月目にはいり、ようやく1000～2000という具合です。 これは大手の個人ニュースサイトがリンクをくれ
あなたの生活を確実に拘束し時間を浪費させる動画50本
今回は生産性を向上させる事ばかり考えて記事を書いてきたので、逆に年末にかけて忙しい皆さんの時間を出来るだけ拘束し、忙しさを倍増させるものが無いかを考えました。その結果、動画で行こうと言う事になったのが１ヶ月以上前。 動画閲覧本数はおそらく600本以上。その中から、おもしろそうなものを50個ベストチョイスいたしました。 是非、年末、年始にかけて、空いた時間にお楽しみいただければと思います。 この動画記事のただしい歩み方 動画のまとめとかあんまりしないので、どのようにまとめるのがいいのかがわからず、今回はユーザーに、その『動画の見方』を丸投げしようと考えました。 １）そのまま動画再生を叩く これで横幅450pxですが、即座に動画をお楽しみいただけます。 ２）Youtubeロゴマーク叩く これでYoutube本体のページに行きますので、表示大にすれば横幅860pxで動画をお楽しみいただけます。
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
iPhoneアプリ有料化で批判殺到｜食べログは何をミスったのか
月額課金というスタイルで、突如食べログアプリユーザーの機能制限をし、その機能を有料化した食べログ。 今回食べログアプリがやらかした事は、多くのユーザーに嫌われ、アプリを消してしまう人まで増やす結果となった。 一体何が起こったのでしょうか？ 9月の食べログアップデート炎上事件 もはや有名な事件なので、すでにご存知の方も多いかと思いますが、食べログがやらかした事で報道されている内容は次の一点。 お店検索の検索結果を点数順、人気順にソートできていたが、それを月額315円支払ってくれるプレミアムユーザー限定の機能にするため、利用できなくなります。 というものだ。 これがきっかけで鎮火不能のレビュー炎上となった。 もはやこのアプリすごく良いという声は何処からも聞こえてきません。 実際に使って見るとわかりますが、これまで使えた機能が奪われたので「iPhoneアプリ」としてはかなりいらないアプリにまで落
今日から現場で使えるjQueryのフォーム関連プラグイン15選
Webサイト制作で欠かせないのがフォーム。 これらは購入時や、お問い合わせ、ログインと言ったパーツで良く使われます。 今回はそんなフォームにスポットを当てて、なるべく使いやすく、導入しやすいものをご紹介いたします。 ただし、あくまでもjQueryプラグインのご紹介なので、よくわからないと言う方は華麗にスルーしてください。細かい導入方法までは説明しません。 機能性重視プラグイン In-Field Labels jQuery Plugin フォームの中に入っている文字がオンクリックでうっすらと消えていくプラグイン。 なかなかいい感じ。 Create a Progress Bar With Javascript | Nettuts+ demo シームレスにフォームの内容を変え、さらにどれくらい進んでいるかが％で確認できる。 overset - jVal - jQuery Form Field V
OSを選ばないウェブデザイナーのための使えるウェブアプリ15
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
私が厳選して愛用するGoogleChromeExtension12個＋消した奴36個*ホームページを作る人のネタ帳
この2年でノートPC2台購入。自他のPCはクラッシュしてリカバリー。会社のPCは新しいのがあたり、再セットアップ。 そんなこんなで、会社はまぁともかくとして、とりあえず全PCが比較的3ヶ月に一度リカバリーしてもいいように、自分用にメモとして残しておきます。 色々試した結果残ったExtension そもそも。 「これだけは入れておきたいGoogleChromeExtension50」とか、「はずせないお勧めExtension75」とか、お前らは本当にそれだけ全部入れてやっているのかと問いただしたい。 とりあえず60近く入れると、ボタンが隠れて恐ろしく使いにくくなる上、起動してもすぐクラッシュするようになった。なにより、いちいち起動のたびにわけのわからないローディングが走ったり、カクカクする。 皆さんもひとまず入れすぎには注意しよう。 あと、例えば愛用しているdeliciousのExtensi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
