Web制作者や、Web業界新入社員のためのベストエントリ48個 2013総まとめ
というわけで、今年も色々と読んでおくべきエントリーをまとめておきます。 正直読み返した上でリンクをぺたぺた貼っていったので、すんごい時間かかりましたけど、どいつもこいつも良記事でございます。読まずにいるとむしろ損する勢いでございます。 デザイン WEBデザインが短期間に上達した方法 | FEVDES BLOG 『これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。上手くデザインができない！上手くなるにはどうすればいいの？など、どうすればデザインが上達するのかわかならい人の参考になれば幸いです。』 たった1枚に込められたクリエイティブすぎる17個の広告 この記事の2億円、2人っていう広告がほんとうに色々な意味で印象的。 2013年の4大人気Webデザインのトレンド | Flips Blog Web担の小技 2013年のトレンド、今年のうちに。 50万件の投稿分析でわかっ
私の仕事の生産性を劇的に向上させたルールと環境整備のコツ
仕事中に一度でもFacebookを開くと、著しく生産性が低下するという話なんだけど、実際これは当たってるなぁと。 ただし、これはFacebookに限ったことではなくて、個人的に思うことは １）自分でルールが作れない ２）自分で作ったルールが守れない というこの2点に集約されるんじゃないだろうか。 仕事を阻害する物を遠ざけるのは無理 以下の研究によって明らかになったことです。 気の散るものがあると仕事に悪影響があることはご承知の通りです。しかし、新しい研究によると、仕事中に「何回気を散らしたか」は問題ではなく、たった1回気を散らしただけでも、生産性が著しく低下することがわかったそうです。 成績の悪い学生達は毎日たくさんのメディアを消費しており、同時に複数のタスクを行ったり来たりしていることがわかりました。この研究結果の中で私たちを驚かせたのは、15分間のテスト中に一度でもFacebookをチ
様々なモバイルユーザーインターフェイスが確認出来る「MobileTuxedo」が熱い
発見して記事書き始めて、もしや他でも紹介されているのかと思ったらコリスさんとかでも紹介されてた。なので書くの一度やめてたのですが、やっぱりこのサイトは、もっと広く知られるべきかと思ってご紹介。 なんというか、きっちり絞ってまとめるっていうのはそれだけで価値があるんだなと感じさせられるWebサイトでもありますよね。 素材、デザインなんでもあり 特に注力したいのがインターフェイスデザインの豊富さ。 UI Patterns | Mobile Tuxedo とにかく豊富なリソース。 モバイルインターフェイスの中でもカテゴリがたくさんあります。 ナビゲーション コメントインターフェイス ログインインターフェイス 写真ギャラリーインターフェイス この他、マップやサインアップインターフェイス、設定画面、電卓など色々ありますので、モバイル開発者なら一度は目を通しておくといいかもしれませんね。 またインター
デザインが優れている人には愛情と思いやりがあるという話｜資料やメールも全てがデザイン
Word資料など、10年前にはよく作っていた時に、先輩から教わった話。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君」から会話がスタートした。 は？なんで文章なのにデザイン関係あるの？ デザインはレイアウト、見た目、イラストと言ったものだけではない 最近、Webデザイナーの初心者さんからの質問で 「デザインのセンスはやっぱりデザインの基礎から学ばなければいけませんよね。綺麗なWebデザインを作るためにはレイアウトとか配色とか比率とか、あと絵ももっと勉強を・・・」 これを聞いた時、どこかに違和感を覚えた。 うーん？ しばらくして思い出した。そういえば昔先輩に教わった覚えがあるなと。 当時私は新聞の折込広告などの作成を行なっていました。その時の企画提案書を先輩に確認してもらった時の事。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君。デザインとは相手を思い
Webデザイナ、デベロッパーの為の国内ブログ24+72記事
独自視点で順番に特に意味はありません。 これから春に就職する方も、今も奮闘中の方も是非お勧めしたいデザイナー、Webデザイナー、デベロッパー向けの国内ブログのまとめです。 さらにそのブログの中でもおすすめの３記事をピックアップいたしました。お時間の有るときにでもどうぞ。 Webデザイナーなら知ってるでしょ？ １）Webクリエイターボックス 私のブログのデザインを作った人。世界を放浪しながらデザインを学んでいる。もっと手軽に楽しくWeb制作ができるようにみんなになってほしいをモットーにしているのでわかりやすい記事が豊富。 Facebookページの作り方 2012年1月版少しの手間で大きく変わる、細部にこだわったWebデザインを少しのコードで実装可能な20のCSS小技集 ２）Webデザインレシピ リファレンス的な分厚い記事が豊富。正直分厚い記事を書く人といえばもはやこの人しか居ないというくらい
Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）
webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること
わずか10分でスマートフォン用サイトが無料で作成できるウェブサービス「smart4me」を使ってみた
リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス？ 以下引用を参考に。 smart4me（スマート フォーミー)とは？iPhoneやAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス！ ブログ感覚で、ユーザー自身のスマホサイト（スマートフォン向けサイト）を簡単に公開が可能。 TwitterやBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。 登録したメールアドレス宛にメール
読者がまず先に求めている情報を提供すると記事は最後まで読まれやすくなる
ブログに限らず、ラインディングをされる人なら当然のように文章を結構書くと思いますが、こうした『相手に伝えるための技術』と言うものには様々なものがあります。 いくつかある中から、今回は読者に、あなたのブログの記事を最後まで読んでもらうためにするべき事について考えて見ましょう。 どういうことかというと、ネタ帳ならこんな情報が多いとか、他のブログはこういう情報が多いとか、要するにブログの特徴が強ければ強いほど、ユーザーは事前に「こんな情報を提供してくれる」というイメージを持ちます。 文章を読んでもらうには、まず、どのような情報を得られるのかと言う事が読者に明確に伝わっている事がポイントなのです。 公開するジャンルに特徴を持たせても良いですし、自分の考えのみをひたすら書き殴っても良いです。 読者はこうした情報から、そのブログやブロガーのイメージを作り、興味のある人はその人のブログをまた見たくなりま
あなたのブログの再訪問者を増やす50の方法
私の経験から感じた事を書き記します。 全てが全てその時々で、正しいとは限りませんが、一つの指針としてお使いください。 因みに全部リスト化すると230くらいありましたが、それはきっとセミナーとかでやるかなぁと。 １人の再訪問を増やす意味 あなたのサイトの新規訪問者を30000上げる方法なんていうのもあるわけですが、それよりも遥かに重要な事があります。 それは、たった一人の再訪問者を増やす方法です。 何故か？ 手っ取り早く30000人に来てもらう事が重要に見えますか？ そうではありません。 すこし、昔の話しになりますが、私がブログを始めた当時ではツイッターと言うものがありませんでした。 私の一ヶ月目のアクセス数は平均すると2～10セッションくらいです。 そして3ヶ月目も10～100程度。 4ヶ月目にはいり、ようやく1000～2000という具合です。 これは大手の個人ニュースサイトがリンクをくれ
5記事連続で1000ブクマを目指した結果とその方法
密かに私が進めていた計画があります。 それが、5記事連続1000ブクマ達成と言う目標。 ブログを開始してから1年くらいたってから、一度でいいからやってみたいなぁと考えてはや3年。 1000ブクマいったらとりあえず狙ってみようかな程度で考えてきました。 今回、11月17日のjQueryのまとめで1000ブクマ達成した為、このチャレンジを密かに開始したのです。 結果は4記事連続でストップ とても悔しくて残念でしたがこれも結果です。 そもそも1000ブクマを量産する事自体、記事の内容が縛られる為、ブロガーとしてはかなり面白くないというかつらいものなんだなぁと感じました。 今回の5記事は以下です。 jQueryプラグインのベストトレンド総まとめ2010 webデザインのセンスを磨く『○○系のwebデザインまとめ』の総まとめ 人生を素敵に変える今年1年の究極のライフハック記事まとめ あなたの生活を確
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アプリ」としてはかなりいらないアプリにまで落
ウェブ制作者のためのベストエントリ33【2010年7月版】
というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。 7月にあつめたブックマークのまとめです。 7月度必須ブクマベスト HTML5 Canvas Cheat Sheet 悩んだけど一応ベストへ。 HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。 OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳 7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。 ついでにこちらも7月でした。 今日から現場で使えるjQueryのフォーム関連プラグイン15選 iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた スマホアプリ開発者ならブクマしておきたい一品です。 Googl
今日から現場で使える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はかなり強烈なアプリケーションです。
今のGoogleピカサは全ての写真の人物の顔を識別して「人物分け」出来るレベルなの知ってた？
Googleが提供する写真管理ソフト。 それがGooglePicasa（グーグルピカサ）という無料で使えるフリーソフトです。 現在Picasaは3までバージョンアップしているのですが、3.6から、これがまたとんでもない機能が追加されているのをご存知でしょうか？今回、サラッとアップデートして、サラッととんでもない事をやっているPicasa3の新機能をご紹介します。 どんな些細な顔でも引っ張ります。 例えば３０人くらいの集合写真とかあるとビビリます。 このGooglePicasaをインストールすると、最初はマイピクチャー辺りの全ての画像ファイルなんかを拾ってきます。 同時に、【顔】さえあれば、人物カテゴリーを勝手に作り始めます。 本当にとんでもない性能で、顔の部分だけを大小とわず、個人の顔写真アルバムが完成します。 ちょっと想像してみてください。 例えば10人くらいで飲み会があって、パシパシ2
私が厳選して愛用するGoogleChromeExtension12個＋消した奴36個*ホームページを作る人のネタ帳
この2年でノートPC2台購入。自他のPCはクラッシュしてリカバリー。会社のPCは新しいのがあたり、再セットアップ。 そんなこんなで、会社はまぁともかくとして、とりあえず全PCが比較的3ヶ月に一度リカバリーしてもいいように、自分用にメモとして残しておきます。 色々試した結果残ったExtension そもそも。 「これだけは入れておきたいGoogleChromeExtension50」とか、「はずせないお勧めExtension75」とか、お前らは本当にそれだけ全部入れてやっているのかと問いただしたい。 とりあえず60近く入れると、ボタンが隠れて恐ろしく使いにくくなる上、起動してもすぐクラッシュするようになった。なにより、いちいち起動のたびにわけのわからないローディングが走ったり、カクカクする。 皆さんもひとまず入れすぎには注意しよう。 あと、例えば愛用しているdeliciousのExtensi
ツイッターをさらに楽しみたい人の為のツイッター中級講座
ツイッターが楽しくなるのは、ツイッターとは別の関連サービスを使い始めてから。今回はみんなしてなんか写真アップしてるぞ・・・とかそんな基本的なところをまとめます。 本当はこの記事を書きたかったんだけど、書いていくうちに初心者講座が先に必要だという事が発覚し、前回記事を書きました。 最近話題だからという理由でツイッター始めた人の為のツイッター講座 今回は「ツイッターってつぶやくだけじゃないの！？」を解決します。 ツイッターに写真を投稿 文字をつぶやくだけがツイッターではありません。 え！？ って言う人もいますが、実は他のサービスを利用する事で写真をぽよんぽよんとアップする事ができます。 と言っても、ツイッターのつぶやきに画像が突然現われるのではなく、そのURLが張られる仕組みと言う事になります。 毎日毎日ひたすら文字だけをつぶやき続ける事で人生に疲れている人を救済するのが、写真のアップロードな
最近話題だからという理由でツイッター始めた人の為のツイッター講座*ホームページを作る人のネタ帳
今一度ツイッターの仕組みをおさらいし、快適なツイッターライフをエンジョイできるお手伝いをいたします。 ツイッターの事を知らないのにツイッターを題材にしたドラマを書いた人のせいで、ツイッターを始めた人も増えているようですが、そんな人が最初にぶちあたる「なにこれいみわかんないキャハハ」を解決します。 ちなみに世界中で使われているこのサービスは、１秒間に2000ものつぶやきが発生しているほど、大人気なサービスです。 始まり方は、牧場に捨てられる感じ 個人的なイメージですが。そんな感じ。 何も無いところに、あまりサポートもないところにポツーンと捨てられます。 Twitter の登録はこちら 始めたばかりの状態というのはフォロー０、フォロワー０の状態でスタートします。 このフォローとフォロワーは今後どんどん出てくる言葉なので今すぐ覚えてください。 フォロー あなたが、誰かのつぶやきをみます、という契
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
