Clik here to view.
WEB屋にありがちな発狂寸前のイラつきを軽減するツールと参考にしたサイト色々
ブログを書く時、メールを書く時、情報収集する時、ちょっとしたことが手間になってイライラすることって多くないですか？僕はとにかく日々のルーティンワークは効率よく済ませたいと思っているので、そういうイラつきを感じたらできるだけ早く解消するように心がけています。そこで、今日は僕が「あぁ、めっちゃイライラする！」って感じた時、どういうツールやサービスを使って軽減しているのかをご紹介させて頂こうかなと思います...
View ArticleClik here to view.
Chromeと過ごした3年間！日英共に様々な情報を参考にしまくったWEB屋の厳選エクステンション27選！
Chromeのエクステンションって「知った当初は便利だったけど、よく考えたら全然使ってない」って物ありませんか？なんでもそうですけど、新しく手に入れたものって最初は輝いて見える物ですよね？使う人によって千差万別のChromeエクステンションですが、本当に必要な物だけを残しておきたいと常々思います。Chromeが出た時僕は既にこっちに居たので、今もそうですがChrome公開当初の頃は主に英語記事でまと...
View ArticleClik here to view.
iMac購入後24時間内に導入したアプリ32個（+3個）と環境設定10項目！この間発狂したトラブル3回と全て紹介！
先日のWWDCでiMacが出ず、正直落胆してしまったわけですが落ち込んでばかりいても仕方がないと思い、先日ちょっとした自分祝いも兼ねて、思い切ってiMacの27inchを購入することにしました！！...
View ArticleClik here to view.
サイトの様々な確認作業に使うチェックツール達！レスポンシブ、パフォーマンス、クロスブラウザ対応等全部！
僕だけじゃないと思いますが、年末と言えばWEB屋にとって忙しい時期じゃないでしょうか。僕は年末に向けて新しいサイトやブログ、試してみたい技術や表現、仲間内との新プロジェクトに、年末駆け込みの受注案件となんとも忙しい限りといった印象です。...
View ArticleClik here to view.
これはもう手放せない！とりあえず1年間MacをWEB制作のためだけに使ってきた僕の必須アプリ大公開
今日まででMacBook Proを1年間、そしてiMacを購入して半年が経つので、今や僕にとって無くてはならなくなったアプリの数々をご紹介しようって趣旨です！１年って言うと全然周りのMac使いの人たちと比べても長くもなんとも無いんですが、まぁ一年の節目も迎えようって時期ですし、日頃の多大な感謝を込めて今年一年WEB制作において超ありがたーく使わせて頂いたアプリをご紹介させて頂ければと思います！...
View ArticleClik here to view.
背景画像300種類以上をリアルタイムに試すことが出来るブックマークレット”SubtlePatterns Bookmarklet”
WEBデザインしてる上で、どうしてもセンスや経験が大きく見栄えに影響する要素の一つとして、サイト全体の背景パターンって挙げられますよね。変な背景画像やパターンが使われているサイトだと『いやむしろ真っ白でよくね？』って言っちゃいたくなることもしばしば。...
View ArticleClik here to view.
iMac／Macbook Proに入れてるアプリの中で『これだけは絶対必要だろ！』って思えた物全部！
どうもー！！最近2011年春モデルのMacbook Proが重量的な意味で重すぎて、もうぼちぼちAirにしたいセナです。 まー、もしAir買ったらまたどうせアプリ入れ直すだろうし、必要な物だけチョイスして整理して入れたいし「あのアプリは必要だ、あのアプリは要らない」とか、たぶんそんな試行錯誤だけで1日以上を費やすかもしれない…...
View ArticleClik here to view.
今年は魅力的なガジェット満載の年！最近話題の素晴らしいガジェット総まとめ！
皆さんこんにちわ。ついこの前ちょっと話題にあがった、財布とか無くした時に入れとくとセンサー代わりになってくれるTileという商品を注文してウキウキ気分だったのですが、これプリオーダーだということについさっき気がついて、えーーーってなってるセナです。 カナダって田舎だけどいい所なのは、こういうのが出るのって大体アメリカなんで、隣だから大体の商品はお届けしてくれる事ですかね。...
View ArticleClik here to view.
僕がWEB制作者として必要不可欠だったWEBサービスやツールの厳選まとめ【2013年振り返り版】
皆様、新年あけましておめでとうございますっ！ さて、今年も年が明けましたね〜。なんか去年は本当に色々な事があったように思う一方。12ヶ月の内2ヶ月を休暇で過ごしてしまった事もあり、正直サボりの一年だったようにも感じてしまうのが正直な所ですが…。かたや一昨年は学校に合計4ヶ月くらい通って学校ばっかの一年だったし… 『来年本気出すっ！』って言って、全然実現してないダメ人間の典型ですね！...
View ArticleClik here to view.
シングルページなサイトをデザインする上で、知っておいて損は無いかもしれないプラグインとか色々！
最近多いですねー、1ページで完結するタイプのサイト。One Page Loveのサイトなんかから、シングルページの事例も大量に見ることが出来ますし、パララックスやらフリップ型のコンテンツやら、なんか色々出てきてて着いて行くのがやっとです… でも実際シングルページをつくろうとすると、え？何これどうなってんの？って物も多くてビビることもしばし。...
View ArticleClik here to view.
ページで使われているフォントを調べたり、試したりする事が出来る『Font Face Ninja』が素敵！
先日、ふと気になったのですが、英語版Twitterのフォントが美し過ぎる。なんかゴッサムっぽいなと思っていたので調べようと思ったんですね。 で、始めに思い出したのが以前、ワンクリックで使用してるフォントが分かる「WhatFontTool」が便利！という記事を書いたので、これで調べても良かったんですが、前にどっかで『Font Face...
View ArticleClik here to view.
Mac OS X（Yosemite）の機能や設定！今更聞けない物から意外と知られてない物まで色々
Macユーザーの皆さんはもうYosemiteにアップデートしましたか？僕はちょっと遅くて年始になってからアップデートしてみたんですが、いまさらですが結構変わりましたね。で、良い機会だからとちょっとどんな機能が実装されたか気になったのと、ちゃんとMacを使いこなしたい、みたいな衝動に駆られたので、とりあえず記事にします。というわけで今日は個人的に、これは知ってて損は無いと思ったMacの機能を色々と共有...
View ArticleClik here to view.
チーム間のコミュニケーションを円滑にしたい時に試してみるべきツールやWEBサービス色々
別にWEB屋に限らず、誰かとチームを組んで作業する時、いかにしてコミュニケーションの質を上げるかと考える人は多いと思うんですね。 かくいう僕なんかは、たかが数人のチームコミュニケーションでも相当大変な思いをしているので、これが数十人と規模が拡大した時のことを考えると憂鬱なので、ぼちぼち対策を考えないといけないなと思うんですね。...
View ArticleClik here to view.
わずか2kbのサイズで簡単にテキストコピーのフォーカス機能を実装出来る『clipboard.js』
特定の文章やソース、URL等をコピーしてもらう時、テキストエリアやフィールドをフォーカスしてコピーするような機能を実装したい時ってありますよね。そんな時便利なのが今回ご紹介する『clipboard.js』。...
View ArticleClik here to view.
画像のRetina対応に便利なツールやアプリ、ライブラリ色々
相変わらずWEB屋にとっては面倒くさいRetina対応…。@2x、@3x、解像度に合わせて毎回画像を作るのも、正直面倒くさいですよね。個人的には何か根本から解決してくれるような仕組みや対策が出てこないかなと、相変わらず他力本願でお待ちしています。...
View ArticleClik here to view.
簡単にBootstrapのプロトタイプを作れる『Pingendo』がめっちゃパワーアップしてた
友人に教えてもらってからちょっと使って、結構感動したのでここでもシェア〜！どっかでシェアした事があると思うんですが、PingendoというBootstrapを使ったプロトタイプがめちゃめちゃ速攻で作れるアプリとして昔からあったんですが、それがいつの間にかめっちゃ使いやすくなっていたので、ここでも共有させて貰えればと思います。...
View ArticleClik here to view.
これは便利！リストやテーブルコンテンツの検索、ソート、フィルター機能を簡単に実装出来る『List.js』
このブログのサイドバーで新着記事のリスティング内容を検索出来る機能、あれはAngularの勉強ついでに実装してみたんですが、あんな感じのリストやテーブルのコンテンツをその場で検索したり、ソートしたり、フィルターをかけたりする機能って、実は結構面倒だし、実装に時間がかかるイメージありますよね。...
View ArticleClik here to view.
ワイヤーフレームとプロトタイピングツールの決定版！『Adobe XD』が本気で使いやすくて超オススメ
僕のワイヤーフレームツールの偏食の遍歴は長く。パワポから始まり、エクセル、HTMLワイヤー、イラレ、Photoshop ElementsにCacooにGoogle PresentationにSketchと手書きと、とにかくアホみたいに色々なツールで作ってきました。2014年時点ではUI Stencilsでしたね。...
View ArticleClik here to view.
最近流行ってる画像のぼかし加工が簡単に作れるjQueryプラグイン『Image Blur Plugin』
ただのぼかし加工プラグインなら紹介するまでも無いかと思いましたが、丁度今進行中のプロジェクトでも使えるかもなと思ったくらいに丁度良かったのでご紹介。...
View ArticleClik here to view.
これはもう手放せない！とりあえず1年間MacをWEB制作のためだけに使ってきた僕の必須アプリ大公開
今日まででMacBook Proを1年間、そしてiMacを購入して半年が経つので、今や僕にとって無くてはならなくなったアプリの数々をご紹介しようって趣旨です！１年って言うと全然周りのMac使いの人たちと比べても長くもなんとも無いんですが、まぁ一年の節目も迎えようって時期ですし、日頃の多大な感謝を込めて今年一年WEB制作において超ありがたーく使わせて頂いたアプリをご紹介させて頂ければと思います！...
View Article
