Posterous Spaces is no longer available Thanks to all of my @posterous peeps. Y'all made this a crazy ride and it was an honor and pleasure working with all of y'all. Thanks to all of the users. Thanks to the academy. Nobody will read this.
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
どのようなディスプレイサイズでも自動で レイアウトを調整してくれるレスポンシブな イメージスライダーを実装出来るjQueryプ ラグイン・Blueberryのご紹介です。イメージ スライダーを取り入れているサイトは多い のでこういうのは助かりますね。 iPhone等のスマートフォンにも自動でサイズを調整してくれます。痒いところに手が届く系ですね。地味にありがたい。 見た目はシンプルなイメージギャッラリーです。が、閲覧するディスプレイのサイズに依存する事無く、自動で幅を調整、最適化してくれます。MediaQueryと相性良さそうですね。 表示確認 Media Queries Testerでのキャプチャです。 Mobilizerでのキャプチャです。 コード<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery
フリーランスになるにあたって10年分くらいのトラブルを3ヶ月でまとめて起こしてしまって、流石にお祓いに行こうか迷いました。自分に言い聞かせるように書いたのでキツメかもしれません。これらのことを教えてくれた方々に感謝です。 仕事には思いやり ビジネスの中に友情を持ち込み失敗したこと 自分が言われたら嫌なことは言ってはいけない 友人との仕事で私の不適切な発言でトラブルが起きました。友人に対する先入観から怒りがこみ上げました。ついつい相手を挑発するような発言をしてしまいました。相手に対する思いやりが足りませんでした。 「自分と相手が気持よく仕事をするにはどうしたらいいのか」「人が言われたら嫌なことは言わないこと」この2点について、私の長年お付き合い頂いているお客様と仕事仲間と好きなブロガーの2名が教えてくれました。言われたときは気付きませんでしたが、今ならとても分かります。 仕事には感情は不要
今回寄稿の機会をいただきました@Surf_Fish こと「はま」と申します。「はまラボ」というブログを運営しています。ブログの方では、Evernote、TaskChute、ライフハックに関する記事を書いています。 はまラボ ブログ名の通り、リアルでは化学の研究を仕事としていますが、その実態はサラリーマンです。一人のサラリーマンがどのようにEvernoteを使用しているのか、という一例として見ていただくのが良いかと思います。 @Surf_Fishのノートブック 運用の基本思想は「GTD」 原典通りのGTDを再現しているわけではないのですが、私がEvernoteを運用する際の基本にしているのは「GTD」です。ノートブックは「タスクの状態(可動)」、タグは「属性(不動)」を表すために使用します。 タグは後から見返すときに絶対に見失いたくないものにしか付けませんので、タグの使用数は少ないです。その
パッと見ただけで閲覧者の印象に残りそうな、「赤」を基調として構成されているウェブサイトデザイン35パターンです。赤は印象的な分だけ上手に使わないとサイトの見た目がうるさくなってしまいがちですが、うまくまとめることで魅力的なウェブサイトデザインを作り出せます。 A Round up of Red-Colored Websites Design 1:Cafe Rouge 赤い鍋と背景がよくマッチ。 2:MetroStation 小ぎれいにまとまっているウェブサイトデザイン。 3:Intensity in Ten Cities ロケットが印象的です。 4:Grafik さまざまな濃さの赤が使われています。 5:Northern Classics 背景が暗めの赤。 6:New Hampshire Distributors, Inc. 渋めの赤によってどこか落ち着いた高級感のある雰囲気に。 7:Th
2017年6月30日 便利ツール 「海外Webサイト・海外Web屋の特徴」でも少し紹介したプロジェクト管理サービス、Basecamp。「日本語版があれば使ってみようかな」という人がいたのですが、実は日本語に対応しているのです!アカウントの作成、言語の設定を含めた、Basecampの簡単な使い方を紹介します! ↑私が10年以上利用している会計ソフト! Basecampとは? Basecampは37signalsが提供しているオンラインプロジェクト管理ツール。「よりシンプルに使いやすく」をテーマに作られ、海外では企業やフリーランサーに大人気です。チームメンバーとタスクを共有することで、誰がどんな業務を持っているのか、どこでつまづいているのかなどがわかるようになり、結果プロジェクトの進行がスムーズになると思います。 Basecampの特徴 メッセージボード、ToDoリスト、マイルストーン、Whi
モーダルウインドウを設置する必要最小限のカスタマイズを備えた超軽量のjQueryのプラグインを紹介します。 デモページ:サインアップフォーム leanModalの主な特徴 モーダルウインドウが簡単に実装できます。 超軽量(780バイト)です。 幅と高さをカスタマイズできます。 画像は使用しません。 1ページに複数のモーダルボックスを設置できます。 ログインフォーム、サインアップフォーム、アラートパネルなども可能です。 オーバーレイはスタイルシートで簡単にカスタマイズできます。 非対応 スーパーシンプルなため、下記には対応していません。 ギャラリー機能 iframeコンテンツの表示 AJAXコンテンツの表示 IE6 leanModalの実装 Step 1 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src
jQuery で iframe 内の要素にアクセス (iframe 内を書き換え) ※ このページでの jQuery は、Google AJAX Libraries API から Ver.1.4.* 系をロードしています。 iframe 内の要素を書き換える (iframe 内は同一サーバー) 例 : iframe 内、class 名が classC の全要素に、任意の文字を追加 $('#iframe00').contents().find('.classC').append('<em>★デュフフ<\/em>'); 実行 ソース表示 iframe 内の要素を書き換える (iframe 内は別サーバー) 例 : iframe 内、div タグの全要素に、任意の文字を追加 $('#iframe01').contents().find('div').append('<em>★デュフフ<\/e
スキルチェックの目次へ HTMLおよびスタイルシート(CSS)を利用したWebページ制作の,簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは,「Webページをコーディングして作る人」全般に当てはまる。 レベルは,0から4までの5段階。 (0) 非エンジニア (1) 初学者(入門書を学習してゆく段階) (2) ノーマル(基礎的な知識があり,ある程度の画面を作れるようになった段階) (3) 中級者(Webアプリの開発プロジェクトで1人月としてカウントできる水準) (4) 上級者(メインPG/デザイナとして,Web UIの主担当を任せられる水準) Webアプリのプロジェクト開始時に作業振り分けをするにあたって,新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお,システム開発上のスキルをチェックする事が主眼なので,アーティスト(
iPhoneやAndroidなどのスマートフォン端末が普及するのと同時に、パソコン画面以外のさまざまなウィンドウ幅にも対応したWebサイト制作が行われるようになっています。 読者ユーザーの見ている画面サイズを自動的に調べ、ウィンドウ幅に応じて最適なスタイルシートを適用するメディアクエリというテクニックが利用されているケースが多いようです。 海外デザインブログWeb Design Ledgerで、メディアクエリを利用したユニークなWebサイトデザインを30個まとめたエントリー「30 Creative Examples of Responsive Web Design」が公開されていたので、今回はご紹介します。 最後には、実際にメディアクエリ利用したWebサイトを作成するときに活用したい、WordPress用テンプレート素材や使い方などを別途まとめています。Web制作の参考にしてみてはいかがで
今井美穂さんと一緒って投稿する事が 本当はクーポンより有効だけどね(笑) イーンスパイアの横田です。 http://www.enspire.co.jp 今夜は大きなプロジェクトの 打ち合わせで一緒だったんです。 今井美穂さんとは? http://ameblo.jp/mi-hoooo/ とはいえ、投稿できないので 素直にfacebookチェックインの クーポンを使った集客をお伝えします。 ついに大企業だけでなく 中小・零細企業でも 使えるようになったんですよ。 15分の動画で解説しました。 http://www.youtube.com/watch?v=4-qLsIOT0sM 動画で紹介したスライドです。 ↑クリックすると拡大します。 利用規約 https://www.facebook.com/terms.php Facebook広告ガイドライン https://www.facebook.co
とりいそぎメモっとく。 判別iphoneまたはipadの判別 if(navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i)) { //ipadまたはiphone } iphone4の判別 JS if(window.devicePixelRatio == 2) { //iphone4 RetinaDisplay } iphone4の判別 CSS →参考:Fonland:iPhone 4 の CSS を切り替える方法 タテヨコの判別 window.addEventListener('orientationchange', function(e){ if(Math.abs(window.orientation) === 90) { //ヨコ向き } else { //タテ向き } }); アイ
CSS Lintはより良いCSSであるためのアドバイスを行うソフトウェア。 CSS LintはJavaScript製のオープンソース・ソフトウェア。今、Webサイトを作る上で欠かせないのがCSSだ。デザインとHTMLマークアップとを切り離すことで、メンテナンスしやすく、かつ構造的な管理のしやすいWebサイトができあがる。 チェック画面 CSSはとても柔軟であるために適当に書いてもエラーが起きる訳ではない。正しいCSSかどうかはCSS validatorを使えばチェックできるが、より“こうした方が良い”という情報を提供してくれるのがCSS Lintだ。 CSS Lintはより見やすい、より問題の起きづらいCSSを書くためのヒントを与えてくれるソフトウェアだ。これはCSSを検証してもエラーとはならない。だがこうした方が失敗が少ないであろうノウハウをソフトウェアの形にして提供してくれる。Java
iPadとGoogleカレンダーとの完全同期 2010.05.28 Webサービス iPad Google ついにiPadが発売になりました。いろいろおもしろそうななアプリが用意されていますが、まずは標準アプリを便利に使い倒そう!ってことで、Google Syncを使ってiPadのカレンダーとGoogleカレンダーを同期させる手順を紹介します。iPhone版の同期手順と基本的には同じです。 STEP.1 標準カレンダーの同期 iPadの「設定」>「メール/連絡先/カレンダー」>「アカウントの追加」と進み、「Microsoft Exchange」を選択 メールは「Gmailアドレス」、サーバは「m.google.com」、ドメインは空白のまま、ユーザ名とパスワードはGoogleアカウントとそのパスワードを入力 カレンダーの同期をON たったこれだけでGoogleカレンダーと同期されます。G
さて、話題のチェックインクーポン(Facebook Deals)ですが、いろいろと問題も出てきそうな予感。 豚組みの中村ひとし(@hitoshi)さんのブログによると、ホットペッパーが勝手にスポット登録してチェックインクーポンを発行してしまっていると。 そのうち大きな問題になりそうですね。。。 さて、本エントリーはチェックインクーポンに関する基礎知識に関して情報をまとめて呟きましたのでまとめます。 [その1] 携帯でチェックインクーポンをチェック http://www.facebook.com/deals/checkin/ ここにムービーなどで分かりやすく説明してあります。 [その2] Facebookチェックインクーポンガイド: http://ads.ak.facebook.com/ads/FacebookAds/EMEA_partner_deals_businesses_JA.pd
ケータイサイトでもFacebookにシェアしたい! という方がいらっしゃるのかなーってことで、今回はその実装方法について。まぁ、そんな難しいこっちゃないです。 スマートフォンサイトでも使えるんですが、スマートフォンサイトの場合は普通に「Like Button」も使えますし、やっぱりどっちかっていうとケータイサイト向けのテクニックですね。 実装方法 実装方法はホントに至って簡単です。 <a href="http://m.facebook.com/sharer.php?u=シェアするURL&t=シェアするタイトル">Facebookへシェア</a> と、このコードを挿入するだけ。 ただ、環境によってはURLエンコードをかける必要性がありますので、実装してチェックしつつ調整をしてみてください。 また、最近のフィーチャーフォンは標準的にタブブラウザを搭載していることもありますし、同一画面内
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く