2013年12月31日火曜日

2013年delaymaniaで最も読まれた記事TOP10 http://delaymania.com/201312/blog/2013-access-ranking/

上から読んでも下から読んでも大谷大(@delaymania)です。 当ブログは2013年に1,000記事を超えました。 その中から2013年でたくさん読まれた記事TOP10をご紹介します。 2013年でたくさん読まれた記 … Continue reading →



参照元記事:delaymania http://delaymania.com

2013年12月29日日曜日

Wordの文書を綺麗なHTMLに変換してくれる「word2clean html」 http://web-marketing.zako.org/web-tools/word2cleanhtml.html

GIFアニメーションをHTML5にコンバートする・「gfycat」 http://kachibito.net/useful-resource/gfycat

gfycat gfycatはGIFをアップロードし、HTML5のVideo要素として動かせるようにするサービスです。ホスティングも可能で、iframeで他サイトに張ることも出来るようになっています。また、元のGIF画像と [...]





参照元記事:かちびと.net http://kachibito.net

フォーム周りで活躍してくれるjQueryプラグイン 50 http://www.nxworld.net/tips/50-jquery-form-plugins.html

フォーム周りで活躍してくれるjQueryプラグイン 50


少し古いのもありますが、今年見かけたものを中心にフォーム周りでいつか使う機会がありそうだと思ったjQueryプラグインのまとめです。バリデーションや各フォームエレメントのデザイン変更といったオーソドックスなものから、上手く使えばユーザビリティの向上に繋がりそうなもの、面白い動きを実装できるものまで様々なタイプがあります。中にはCSS3を併用したり、そのままでは日本語に対応していないというものも幾つかあるので、使う際にはブラウザやデバイス環境によっていろいろ確認する必要はあるんですが、いずれも便利なプラグインばかりです。



参照元記事:NxWorld http://www.nxworld.net

2013年12月28日土曜日

Web制作者や、Web業界新入社員のためのベストエントリ48個 2013総まとめ http://e0166.blog89.fc2.com/blog-entry-1155.html

というわけで、今年も色々と読んでおくべきエントリーをまとめておきます。正直読み返した上でリンクをぺたぺた貼っていったので、すんごい時間かかりましたけど、どいつもこいつも良記事でございます。読まずにいるとむしろ損する勢いでございます。



参照元記事:ホームページを作る人のネタ帳 http://e0166.blog89.fc2.com/

あなたのGoogle+ページを審査する便利ツール「G+ Brand Page Audit」 http://plus1world.com/google-plus-brand-audit-tool

以前このブログの記事でお伝えしたとおり、Google がGoogle+ページの認証用の申請ページを閉じてしまった影響でGoogle+ページの認証が困難になりました。 Google+ページをGoogleに認証してもらうには […]

あなたのGoogle+ページを審査する便利ツール「G+ Brand Page Audit」+PlusOneWorld の記事です。







参照元記事:+PlusOneWorld http://plus1world.com

2013年12月26日木曜日

投稿テンプレートを作成!便利なWordPressプラグイン「TinyMCE Templates」の使い方 http://liginc.co.jp/web/wp/plug-in/62958

こんにちわエンジニアの段田です。 WordPressで記事を書いていると記事構成がだいたい固まってくるので、「 [...]


The post 投稿テンプレートを作成!便利なWordPressプラグイン「TinyMCE Templates」の使い方 appeared first on 株式会社LIG.






参照元記事:株式会社LIG http://liginc.co.jp

Twitter 人気のつぶやき 2013年 トップ30 http://www.webcreatorbox.com/twitter/twitter-2013/

thumb_tw-year13WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。昨年同様、今年人気だったつぶやきトップ30を紹介します。週間ランキングで1位 [...]



参照元記事:Webクリエイターボックス http://www.webcreatorbox.com

2013年12月25日水曜日

【実録】ランディングページ制作が失敗する10のパターンとその対処法 http://lpo.gaprise.com/blog/landingpage-mistakes-1700/

そのランディングページ、失敗パターンにハマっていませんか? . LPO研究所所長の鎌田です。 今回は、弊社が過去800本を超えるランディングページを制作してきた中でわかった、 縦長ランディングページ(一枚完結型のページ) […]



参照元記事:LPO研究所 http://lpo.gaprise.com/blog

Webクリエイターボックスの2013年を振り返る http://www.webcreatorbox.com/webinfo/wcb-2013/

thumb_year13今年も残りあとわずか!一年間お世話になりました!Webクリエイターボックスも間もなく4周年!毎年思いますが早いですねー。という事で2010年、2011年、2012年同様、Webクリエイターボックス内でよく読んでもらった記 [...]



参照元記事:Webクリエイターボックス http://www.webcreatorbox.com

2013年12月24日火曜日

2013年 VIPスレタイ大賞 決勝 http://himasoku.com/archives/51822154.html

1:以下、名無しにかわりましてVIPがお送りします:2013/12/24(火) 01:52:04.35 ID:Pw32x4+H0 女子「生理です」体育教師「嘘つけ、お前は来週からだろw」 http://himasoku.com/archives/51762675.html 3:以下、名無しにかわりましてVIPがお送りします:2013/12/24(火) ...



参照元記事:暇人\(^o^)/速報 http://himasoku.com/

面倒なメールアドレス変更をサクサク処理できる方法 http://www.lifehacker.jp/2013/12/131224email_address.html



家の引っ越しなら、郵便局に行って転居届を出すだけで、あとは郵便局に任せておけば問題ありません。でも、メールアドレスを変更する場合は、そう簡単にはいきませんね。 仕事用のアドレスを取得したり、新しいサ... 続きを読む






参照元記事:ライフハッカー[日本版] http://www.lifehacker.jp/

2013年12月20日金曜日

【献本御礼】HTML5マークアップ 現場で使える最短攻略ガイドをご献本頂きました http://kachibito.net/private/html5-markup-reference-book.html

book00

まずはアスキーメディアワークスさんより献本御礼。同梱されているお手紙も拝見させて頂いております。有り難うございますー! HTML5関係の書籍ですね。タグの使い方や要素の意味などがイラスト付きで解説されています。 HTML [...]





参照元記事:かちびと.net http://kachibito.net

キャッチコピー作りで煮詰まった時に見るべき、プロの「テンプレ&テクニック集」まとめ http://www.find-job.net/startup/technique-of-catch-copy

反応が取れるキャッチコピーにはいくつかテンプレがあります。 キャッチコピーは広告やランディングページ、さらにはサービスサイト、アプリ紹介ページなど色んなところで使います。しかも、コピーは書き方次第で何倍も効果に差が出ます。 今回ご紹介する記事のテンプレやテクニ [...]



参照元記事:Find Job ! Startup http://www.find-job.net/startup

2013年12月18日水曜日

avast! 「ご安心ください。ウイルスからあなたを守りました」 → 自分のアップデートファイルを削除 http://himasoku.com/archives/51821070.html

1: ニーリフト(岡山県):2013/12/18(水) 18:23:41.89 ID:ZV76Abfr0 画像 avastっていうセキュリティソフトがまーたやらかした。 自分のアップデートファイルをウィルスと勘違い。 今年一番の体をはったギャグに草不可避。 https://twitter.com/nukkato/status/4130...



参照元記事:暇人\(^o^)/速報 http://himasoku.com/

プレゼンで聞き手を満足させる秘訣は「ポイント」と「具体例」の並び順にあり http://www.lifehacker.jp/2013/12/131218speaking_in_public.html



誰でも人前で話すのは緊張します。プレゼンやスピーチなど人前で話さなければならない時に、少しでも落ち着いてやりたい場合は、ooomf社の共同設立者であるMikael Choさんのやり方を参考に、準備し... 続きを読む






参照元記事:ライフハッカー[日本版] http://www.lifehacker.jp/

最近気になったソーシャルアイコンセット #4 http://www.nxworld.net/material/social-icons-set-201312.html

最近気になったソーシャルアイコンセット #4


ここ最近で気になったソーシャルアイコンセットのまとめです。



参照元記事:NxWorld http://www.nxworld.net

2013年12月17日火曜日

仮想敵サイトを丸裸にするのに必要なChromeの拡張機能3つ http://www.landerblue.co.jp/blog/?p=10253

WEB制作会社にお勤めの方なら「そんなん知ってるよ」程度のネタですが、会社でWEBのお仕事に携わっている方なら絶対入れといた方が良いChromeの拡張機能のご紹介をしてみます。競合のリサーチに使えます。ただしChrome ...

仮想敵サイトを丸裸にするのに必要なChromeの拡張機能3つ is a post from: More Access,More Fun!






参照元記事:More Access! More Fun! http://www.landerblue.co.jp/blog

[WordPress] 本体やプラグインのアップデートが上手くいかない時の対処法 // Border/blog http://brdr.jp/blog/2013/12/wordpress-update/

このサイトはWordPressで運用していますが、最近本体ファイルやプラグインなどのアップデートがうまくいかないので困っていました。いくつか対処法を試したところ無事にアップデートできるようになりましたので、メモっておきます。 症状 さてどんな現象だったかというと、 「ダッシュボード」→「更新」には更 ...



参照元記事:Border/feed http://brdr.jp

2013年12月16日月曜日

とても効率的になった!HTML5に関する「役立つ」まとめ http://commte.net/blog/archives/3976

サイト構築をするときに、フォームまわりの改善や動画やAPIを使わなくてはいけない機会があったので、ついでにHTML5のマークアップをおさらいをしました。今回はサイトを構築する上で覚えておくと役に立つ、使用頻度の高いポイン… read more →



参照元記事:コムテブログ http://commte.net/blog

指定したウェブページをまるごとPDF化してくれるウェブサービス「PDF Burger」 http://www.lifehacker.jp/2013/12/131216pdfpdf_burger.html



「PDF Burger」は指定したウェブページをまるごとPDF化してくれるサービスです。日本語もばっちり文字化けせず表示されていました。 以下に使ってみた様子を載せておきます。... 続きを読む






参照元記事:ライフハッカー[日本版] http://www.lifehacker.jp/

超絶カンタンにデスクトップ画面を共有できる「same.io」 http://web-marketing.zako.org/web-tools/screensharing-same-io.html

2013年12月15日日曜日

2013年12月13日金曜日

無料で使える日本語フォントを検索&投稿できるサイト「FONTFREE」 http://gigazine.net/news/20131213-font-free/

ナイスなデザインのフォントはウェブサイトやポスター・フリーペーパーなどを印象的にしますが、有料のものが多く、無料フォントでも英字のみしか使えないということもしばしば。「FONTFREE」はひらがな・カタカナ・漢字が使えるフリーの日本語フォントを投稿&検索できるようになっており、フォントを吟味する際に便利なサービスとなっています。 かわいいの日本語フリーフォント/無料ダウンロード|FONTFREE


続きを読む...






参照元記事:GIGAZINE http://gigazine.net/

メールサーバをGoogleに移転しました。初心者のためのGoogle Apps for Business講座 http://www.landerblue.co.jp/blog/?p=10207

このブログのWEBサーバをAmazon AWSに移設した話はこの間書きましたけど、続いてメールサーバをGoogleに移設いたしました。landerblue.co.jpのメールはGmailのシステムで運用することになったわ ...

メールサーバをGoogleに移転しました。初心者のためのGoogle Apps for Business講座 is a post from: More Access,More Fun!






参照元記事:More Access! More Fun! http://www.landerblue.co.jp/blog

2013年12月12日木曜日

CSSのみで実装するボタンデザインやホバーエフェクト 20+α http://www.nxworld.net/tips/css-only-button-design-and-hover-effects.html

CSSのみで実装するボタンデザインやホバーエフェクト 20+α


実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずに、デザインやアニメーションも全てCSSのみで実装しているものです。また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。



参照元記事:NxWorld http://www.nxworld.net

2013年12月10日火曜日

Top 50 Free Icon Sets From 2013 http://speckyboy.com/2013/12/09/top-50-free-icon-sets-2013/




Over the last five years we have published our end of year review of the best free icon sets for designers and developers. So, as 2013 begins to close we have just finished reviewing, compiling...


Top 50 Free Icon Sets From 2013







参照元記事:Speckyboy Design Magazine http://speckyboy.com

2013年12月9日月曜日

使いやすくなった!UI素材とテクニック集/CSS jQuery版 http://commte.net/blog/archives/3948

アプリを作るとき、クライアントさんのナビサイト、サービスを作るときにユーザーの満足度を上げれないか、使いやすく見やすく、コンバージョンを上げれないかと調べていたら、役に立ちそうなものが沢山ありました。今回はボタンやフォー… read more →



参照元記事:コムテブログ http://commte.net/blog

知らなくて大丈夫?Fireworksの便利な使い方まとめ http://blog.idea-clippin.com/?p=763

Fireworks

学校ではPhotoshopを習っていたのに、 いざ働き始めるとFireworksだったということがあるかもしれません。 Fireworksでよく使う機能と便利な方法・技をまとめました。 基本的な使い方 文字設定/Fire […]



参照元記事:FEVDES BLOG http://blog.idea-clippin.com

2013年12月8日日曜日

日本のWebサイト推奨環境一覧【2013年版】 http://www.find-job.net/startup/web-site-support

日本のWebサイト推奨環境・動作環境をまとめました。Webサイト制作の参考にしてみてください! Google、Twitterなど、いくつかブラウザ推奨環境を明示してないのもありましたが、あえて掲載しています。推奨環境を載せるほうがベターですが、掲載 or 非掲 [...]



参照元記事:Find Job ! Startup http://www.find-job.net/startup

2013年12月6日金曜日

配色が苦手でも、これを読めばスキルアップできるおすすめスライド6選。 http://handywebdesign.net/2013/12/slide-share-about-color/

Slideshareってあんまり見てなかったんですが、探してみると色々と面白そうなスライドが沢山公開されてますね。フォトショップとか、イラレとか、Webデザインに関するスライドも色々とあって、しばらくはガッツリ見てみたい […]



参照元記事:Handy Web Design http://handywebdesign.net

2013年12月5日木曜日

2013年12月4日水曜日

好みのアイコンを選択して一括ダウンロード出来るSVGアイコンのライブラリー・iconmelon http://kachibito.net/web-design/iconmelon.html

melon00

可愛らしいデザインのSVGアイコンをダウンロード出来る、というWebサイトのご紹介。好みのアイコンを選択して一括でDLする事が出来ます。 SVG専用のアイコンライブラリーです。本サイトのロゴのすいかもSVGで描かれていま [...]





参照元記事:かちびと.net http://kachibito.net

ブログを書いている人はわるいことをいわないので Photoshop / Lightroom キャンペーンを利用すると幸せになれるかも http://lifehacking.jp/2013/12/photoshop-lightroom-campaign/

最近、写真の管理にこれまで利用していたApertureからLightroom 5への移行を始めています。実際、新しい写真はLightoom 5のみで管理するようにしていて、いまはすでに存在する数万枚の写真の移行をしているところです(これについては後日)。 もともとApertureのUIが気に入っていたのに、あえてLighroom 5へと移行した理由は、ひとことでいうなら手軽に写真の美しさを一段階引き上げることが可能だからです。 ブロガー、あるいは写真をさまざまに加工して使うことが多いという人なら、わるいことはいいません。応募が12/9までのPhotoshop CC と Lightroom 5を月額1000円で利用できるキャンペーンを利用すると幸せになれるかもしれません。写真のインパクトはばかになりませんので。 個人的にその理由としてあげられる3つの点について紹介しておきます。 Upright 機能が意外に利用頻度高い ブログのために写真を撮影していると、急いだり、構図の細かいところまで思いが至らずに写真を撮ってしまうことがあります。単に傾いているだけなら画像の角度を補正できます。しかしうまく正面をとれなかった、ちょっとゆがんでいるといった違和感は補正するのが難しくなります。 このとき、ボタンひとつで水平、垂直、あるいは両方について画像を補正できるのがLightroomのUpright機能です。 たとえばこちら、先日行きました福島・郡山ブロガーツアーの写真です。「日本酒あります」の看板を手前に、奥に暖簾を配置して多少ボカしたのですが、やはり看板に近いのもあってちょっと画面に対してゆがんだ感じがします。 それを Upright 機能を「垂直」で自動補正、ほんのすこし明瞭度を上げ、コントラストを修正して暖簾の陰影をつけるとこんな感じです。看板が引き締まってみえますし、奥の暖簾とも統一的な画面になりました。 この作業に約 30 秒。あとは Mac なら Shift + Command + E ショートカットで任意の横幅で書きだすだけです。 スポット修正に救われる 写真の小さな面積に対する非常に微妙な修正のために円形フィルターはもはや手放せません。 たとえばこちら、金寶酒造・仁井田本家の番頭さんの写真はとても満足の構図と笑顔だったのですが、ほんの少し顔に陰が落ちているのと、背景にインパクトが足りません。 そこでこちらの写真、顔だけに円形フィルターをあてて明度を調整し、次に番頭さん全体に円形フィルターをかけてその外側の明瞭度を上げてみました。違いがわかりやすいようにここでは多少極端にしています。上の写真にくらべて顔つきがわかりやすく、画面に冴えた鋭さが増していますね。 これもフィルター二つを配置するのに2分程度しかかかっていません。これぞという一枚にかける手間としては、充分な時間量です。 もちろんPhotoshopでなければ使えないフィルターや、加工手段もありますので、この Photoshop / Lightroom キャンペーンは、「加工を考えている人」ならば絶対にお得になるのです。 Lightroomのファイル管理はApertureよりわかりやすい それでもなかなかApertureからLightroomに移行できなかった1つの理由に、Apertureのワークフローの方が慣れていて、写真ファイルの扱いがどうなっているのか理解できていたからでした。 それに比べてLightoomのUIはApertureに比べるとゴツい感じがしますので、なかなか直感的にわかりづらかったのですね。 私にとって転機となったのがこちらの、先日日本にいらっしゃって鎌倉フォトウォークでご一緒したジュリアン・コストさんのLightoom 5解説動画です。 実はLightroom 5での写真の扱いはOSのファイルシステムそのままになっていて、その上にソフトウェア的なカタログが被せてあるだけなのです。 ですから、写真が大量になってきたときにはフォルダを分割し、一部を外部ハードディスクへ移行するといった操作が非常にわかりやすくなっています。ようは、Lightroomのなかで普通にフォルダを扱うように操作すれば、あとはよしなに整理してくれるというわけです。 私はいま自分の写真を月別・年別に整理して、半年を経た写真を外部のRAIDに送っています。これまでApertureだとライブラリの切り替えなどといった操作が必要で煩雑だった写真管理が、これで楽になりつつあります。 ここではLightroomを中心に解説していますが、もちろん高度な写真編集のためにPhotoshop CCを使う機会もあるでしょうから、この二つが月額1000円という値段はよい取引だと私には思えます。 キャンペーン期間は延長して12/9まで! 悩んでいる人はまずはLightroomの体験版をダウンロードして試してみる時間はまだありますのでチェックしてみてください。





参照元記事:Lifehacking.jp http://lifehacking.jp

Todoist|11のプラットフォームで同期可能、クールなデザインのタスク管理ツールが気に入った! http://ozpa-h4.com/2013/12/04/todoist/

長らくタスク管理ツールとしてOmniFocusを利用してきた私なのですが、iOS7ライクなUIに切り替わらないかなーと思っていたら新アプリとして「OmniFocus2」がリリース。古参ユーザはおいてけぼりとなりました。悲 [...]



参照元記事:OZPAの表4 http://ozpa-h4.com

2013年12月2日月曜日

作業効率あがった!Photoshopの使い方と小技まとめ http://commte.net/blog/archives/3928

画像補正するときに、どうすれば良かったのか思い出せない。またあの方法を探し出さないといけない。そんなこんなで、Photoshopの便利な小技や、写真に関する知識をまとめました。 もくじ 画像補正 1.覚えておくと便利な小… read more →



参照元記事:コムテブログ http://commte.net/blog

WordPress:お気に入り登録機能を実装できるプラグイン「WP Favorite Posts」 http://www.nxworld.net/wordpress/wp-favorite-posts.html

WordPress:お気に入り登録機能を実装できるプラグイン「WP Favorite Posts」


「WP Favorite Posts」はサイト独自のお気に入り機能を実装できるプラグインで、ECや不動産などの会員を絡めるようなサイトをWordPress使って作る際に便利なプラグインのひとつだと思います。以前から気になっていたので少し触ってみたら良い感じだったので、その時の備忘録も兼ねて使い方など簡単に紹介します。



参照元記事:NxWorld http://www.nxworld.net

Web屋なら必ずチェックしておきたい!新生Yahoo!アクセス解析を使うべき5つの理由 http://www.find-job.net/startup/ya_introduct

『Yahoo!アクセス解析』。話題にはなったもののイマイチその実力が分からず、また実装方法もよく分からなくて「まぁいーや」にしていませんか? ハッキリ言います。「早く使わないともったいない」です。知ればきっと使いたくなるYahoo!アクセス解析の驚きの機能5つ [...]



参照元記事:Find Job ! Startup http://www.find-job.net/startup

デザイナーでもJavaScriptやjQueryが必ず上達する3つのコツ http://blog.idea-clippin.com/?p=729

medium_5640557375

いまやJavascriptを使わないサイトはほぼないと思います。 WEBデザイナーもJavascript、せめてjQueryは使えないと 厳しい時代です。 JavaScriptやjQueryは時間をかければ、 基本的なこ […]



参照元記事:FEVDES BLOG http://blog.idea-clippin.com