Blog Design Archive - 国内ブログデザインのギャラリーサイト
国内のみのユニーク・優れた参考になるブログデザインのインスピレーションをまとめたギャラリーサイトです。Blog Design Archiveは国内のユニーク・優れたブログデザインをまとめたギャラリーサイトです。Webデザインギャラリーサイトは数多くありますが（そしてどれも素晴らしい）、ブログのデザインを集めたサイトはありませんでした。個人でのブログデザインに参考にしていただくため、利用したサイトも含まれています。 ブログの自薦・推薦をお待ちしておりますので右のコンタクトフォームからお願いします。(必ずしも追加されるわけではない点ご了承ください。) その他のお問い合わせもこちらからお願いします。 当サイトはWordPressとTwitter Bootstrapを利用して作成されています。
Maru in Michigan
色々なご縁に恵まれて、Maruの メモリアルフォトブックが完成しました。 タイトルは『てがみをかくよ』。 初めて出版した『ことばはいらない』を編集してくださった 編集者さんにプロデュースして頂きました。 ＊ Maruの幸せな15年をソロ写真を中心に ギュっと64ページに凝縮しました。 懐かしい写真と共に、書籍未収録の写真も 掲載しています。 書店などには流通せず、特設サイトのみでの 期間限定販売になります。 ＊ 『てがみをかくよ』 出版社：ミモザブックス 定価：1550円 (税込み） 送料：350円（全国一律） 判型：14.8x14.0cm 全64頁 著者収益は動物愛護法流団体に寄付され 動物保護活動の一助となります。 お求めは以下のリンクから。 →『てがみをかくよ』特設サイト たくさんの愛を頂いた皆さまに 感謝が届きますように。
中の人がそっと教えるWebリニューアル失敗の顛末
「失敗談」へようこそ！ この記事はWeb制作における「失敗談」、それも、「作っていたものがほとんどおじゃん」という、かなり手痛いレベルの失敗談を、恥を忍んで皆さまの目の前に晒（さら）すというものです（現在は、制作全体をゼロからやり直しているところです）。 案件自体は「自社サイトのリニューアル」というものでしたので、迷惑をかけたお客さまがいるわけではないのが一つの救いです。が、制作に投下したコストは二度と取り返せませんし、ぼく個人の信用への影響も心配です。何より、失敗は恥ずかしいし、つらいものです。 ただ一方で、失敗はきちんと反省し、乗り越えることで、貴重な糧になると信じてもいます。この案件ではたくさんのことに挑戦したので、この経験を次に活かさない手はありません。今回はこうして失敗談を記事にすることを通じてしっかりと失敗を振り返り、自分たちの成長につなげたいと思っています。そしてもちろん、読
エラーがでてしまう方必見！Facebookのいいねボタンとシェアボタンの両方を設置する正しい方法 | モンキーレンチ
1年ほど前にFacebookのいいねボタンとシェアボタンは統合されました。それにより、いいねボタンを押した場合でも以前のシェアボタンを押したときと同じようにユーザーのウォールに情報が流れるようになりました。また、いいねボタンがシェアボタンと同様の機能を持ったことで、シェアボタンの配布も終了したようです。 管理しているサイトを、実際にFacebookのインサイトで確認してみると、確かにシェアのほうがクリック率が高いことが判明。早速上記の記事に従い、WordPressに下記のようなコードを設置。 設置コード（改良前） <body>タグ直後 FacebookのJavascript SDKを非同期読み込み、シェアボタンのJSを読み込み。 <div id="fb-root"></div> <script type="text/javascript"> window.fbAsyncInit = fun
ページ内で気持ち良いスムーススクロールをするためのjQueryプラグイン作った。 | モンキーレンチ
Posted by キタジマタカシ 2012年02月14日 21:33 Category : jquery.smoothScroll.js Tags : JavaScript, jQuery, プラグイン ページ内リンクをクリックした場合にスムーズにスクロールするようにしてくれるjQueryプラグインです。同じようなプラグインはたくさん公開されているのですが、これだ！というのがなかなかなかったので自作してみました。 ダウンロード jquery.smoothScroll.jsをダウンロード デモページ デモページ 使い方 下記のような感じでjQueryとjQuery.smoothScroll.jsを読み込みます。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jqu
自分はダメじゃないのか、気づかなくてはならない。 - フジイユウジ::ドットネット
近々、隣町（江ノ島）に引っ越してくるらしい、マーケターの河野さんが、引越し業者から見積もりをとった話が気になる。 簡単に説明すると、引越し屋さんの説明不足にガッカリしたって話なんですけどね。 後になって見積もりの明細を見たら、営業の人が「置いていきますね」と言ったダンボールの値段（3,500円）がしっかりガムテープ（320円）と一緒に請求されていた。 いや、別にタダでくれとは言ってないんだけど、「貴重品を入れるのにいくついりますか？」って聞くときに、有料だってことは伝える義務があると思う。こっちは無料だと思うから「じゃあ5枚か10枚」と答えただけで、そもそも「お任せパック」なんだから有料だと聞いてたら「1枚でいい」って言ってるのに。 （中略） で、これはプロの仕事じゃないなと。 引っ越し業者の見積もり- smashmedia これって、営業さんに悪気はなかったと思うんだよなー。 いや、悪気
SEO会社や制作会社はライターを抱えて編プロ機能も備えていけばいいと思う | 初代編集長ブログ―安田英久
今日は、SEO関連の話題を。特に、SEO事業者さんがこれまでのようにSEOをするだけでなく、“良質なコンテンツを作る”ところまで事業として行えればいいのではないかというお話です。そして、その動きはWebサイト制作会社さんにも言えるのではないでしょうか。 グーグルは、彼らの向かう「検索ユーザーにとって良いコンテンツを検索結果で上位に表示する」ことを実現するために、昨今、かなりの改善を進めており、その成果が出てきているようです。 もちろん、まだまだ完全にはほど遠いとは思いますが、以前に比べると、中途半端なSEO“施策”の効果というのがなくなってきている印象があります。 実際のところ、かなり本格的に検索エンジンを研究してSEOに注力しているところ以外は、「検索エンジン最適化」のためにできることとしては「ユーザー理解」「ニーズに合ったコンテンツ作成」「クローラー対策・最適化」「ソーシャルメディア活
ドミノ・ピザ、iPhoneアプリ経由の売上高が41日間で3000万円超：日経ビジネスオンライン
ドミノ・ピザ ジャパン（東京都千代田区）は2010年4月26日、3月8日から提供しているピザの宅配を注文できるiPhoneアプリの「Domino's App」経由の売上高が41日間で3000万円を超えたと発表した。当初の予想の2倍の数字となったという。花見会場からの注文など、屋外からの利用が相次いだ。 また同日、注文したピザの調理・配送状況が分かる機能をDomino's Appに追加した。アプリでピザを注文した後にナビゲーションメニューから「配達状況」の項目を開くと、「トッピング中」「焼成中」「配達中」といった、実際の注文状況と連動した画面を表示する。状況を把握できるようにしてアプリから注文した利用者の不安を取り除く。 4月15日には、iPhoneでの表示に最適化した会員登録ページを開設して、アプリから誘導している。従来、ピザを注文するには同社のEC（電子商取引）サイトで会員登録する必要が
iPhoneを使って、セブンイレブンを完全に自宅のプリンター代わりにする方法がすごい。:Ｂｌｏｇで本を紹介しちゃいます。
2012年05月28日22:38 by tkfire85 iPhoneを使って、セブンイレブンを完全に自宅のプリンター代わりにする方法がすごい。 カテゴリ管理人 雑談 tkfire85 コピー機は社会にとって必需品になってきました。企業ならほぼ１００％、自宅でもパソコンとセットで買って持っている人も多いでしょう。でも実際のところ、企業では企画書の配布などで大量のコピーを必要とするものの、家庭ではあまり利用する機械が無いという方も多いのではないでしょうか？僕の家もそうです。料理のレシピ。ちょっとしたコピー程度しか使わないです。 インクは血よりも高い。 そんな言葉があるように、プリンターの維持管理は以外と大変ですよね。 コピー用紙の補充は勿論ですが、インクが切れたら買いに行かなくちゃらない。年賀状ですらネット経由で印刷できる時代です。先日、ソフトバンクの孫社長が今後は資料は全て「iPad経由で
Photoshop & Illustrator CS6 の進化したところと不具合まとめ
5月27日に、渋谷 LightningSpot にて Webデザイナーのための Adobe CS6 検証会 をひらきました。 日曜の開催にも関わらずたくさんの方にお越しいただき、CS6 について熱い議論が交わされました。 ご参加いただいた皆様、ありがとうございました。 CS6 検証会では、Photoshop、Illustrator、Fireworks はもちろん、Dreamweaver、最後は VPS など CS6 と関係ないところまで話が飛んだのですが、この記事では Photoshop CS6 と、Illustrator CS6 の進化したところと不具合などについてまとめたいと思います。 Photoshop CS6 の進化したところや活用法 Web制作に関係ある機能の多くは Webデザイナー視点から見たPhotoshop CS6の進化したところ という記事に既に書いていますのでそこは省き
コードの圧縮や外部ファイル化とページの読み込み速度について
なぜ、ごちゃごちゃしてるのか？ぱっと気づくのがこの2点です。 改行やスペースがほとんど使われていない CSSやJavascriptが外部化ファイル化されていない Googleとしてはソースがきれいなことよりも、読み込み速度を速くすることでユーザーのストレスを軽減したり、ファイルサイズ小さくすることでサーバーへの負荷を減らしたりすることの方が重要だと思います。 もちろんアップする前にこのような状態にしているだけで、それまではきれいに書かれているはずですが。 ということで、「コードの軽量化」と「外部ファイル化」の2点について考えてみます。 コードの軽量化について HTML、CSS、JavaScriptなどのコードは、改行やスペースを使わずサイズを小さくした方が読み込みは速くなります。 これは当然ですね。 コードの見やすさよりも読み込み速度やサーバーの負担軽減を優先するなら、できるだけファイルを
初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします！ もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ（エッジを整列）」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…！ CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください！ 1.
Google HTML/CSS Style Guide の推奨ガイドラインまとめ | バシャログ。
すっかり夏っぽくなり、ビアガーデンに毎日通いたいと常々感じる今日この頃、Latin です。 巷で流行っていると噂の Google HTML/CSS Style Guide についてまとめて下さっている REFLECT DESIGN さんのブログより、代表的なものをいくつか抜粋してみました。 全般的なスタイルルール 一般的な書式ルール 全般的なメタルール HTMLのスタイルルール HTMLの書式ルール CSSスタイルルール CSS書式ルール 全般的なスタイルルール プロトコルの記述 <!-- NG --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- OK --> <script src="//www.google.com/js/gweb/analytics/autotrac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Forkwell - アウトプット志向エンジニアを応援するソーシャルポートフォリオサービス
新着記事
鞍知 on 鞍知 [クラッチオンクラッチ]![鞍知 on 鞍知 [クラッチオンクラッチ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/114fcd57594a04e19ccbb0ffa4d1ca301b7bcafe/height=288;version=1;width=512/http%3A%2F%2Fwww.cluch.jp%2Fwordpress%2Fwp-content%2Fthemes%2Fwp_cluch%2Fcommon%2Fimg%2Fog_image.png)
html5-memo.com