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.
2012年 6月 13日 新しいサーバーでブログをリニューアルして気がついた、SNSボタンの有無でかなり読み込み速度に差がある。といっても2,3秒ほどですが、これは結構命取りだったりします。 まぁ私もそんなに詳しいわけではないので断言できませんが。 ・訪問者はその数秒でサイトから逃げる ・Googleはその数秒を評価基準に入れる たしか遅延ロード(Lazy Load)とかいう技術ですね。 わりとポピュラーなコードで何とかなったので書いときます。 ピュアなJavaScriptではなく、jQuery使いますね。 方法その1 時限式読み込み body閉じタグの前あたりに書きます。 . . . <div id="snsbox"></div> <script type="text/javascript"> var snscode = 'ここに、SNSのコードを書く' + '一行でつなげても良いが見に
WordPressでiPhoneとandroidの最適表示といえば、人気なのはWPtouch プラグインを入れるだけで最適化されるとあって、これをつかってるブログをよくみかけます。さっそくいれてみました。 うん、まぁこうなりますね。いかにもデフォルトって感じです。 プルダウンでの「タグ」「アーカイブ」などの表示機能は捨てがたいけど、デザイン的にこのままではPCとテイストがかけ離れてしまう。 時間がたっぷりあればWPtouchのテーマを残しつつ今のデザインに近づけていくんだけど、中身見たら時間かかりそうだったので、いま流行りのレスポンシブWebデザインでスマホ対応してみようかと。 レスポンシブWebデザインとは PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してデ
WordPress Logo / Phil Oakley 普段はプログラムを組んだりしているので、技術的な事に興味がある@Mori2ndです。 最近、レスポンシブWebデザインというキーワードを各所で聞くようになって興味を持つようになっていました。 ブログ名を変更したことですし、これを機に私のブログにもレスポンシブWebデザインのテーマに変更してみることにしました。 レスポンシブWebデザインとは? レスポンシブWEBデザインとは、WEBサイトの表示切り替えの基準を「デバイス(ブラウザ)の種類」によって判別するのではなく、「デバイス(ブラウザ)の表示幅」によって判別しようというものです。 しかも、表示幅ごとのHTMLファイルを用意するのではなく、1つのHTMLファイルをCSS3(メディアクエリー)で制御して表示を切り替える というものです。 これからのマルチデバイス対応~レスポンシブWEB
Every designer has their own workflow when starting a new project, even if it’s only loosely defined in their head. A typical Web project goes through a variety of steps from inception to launch, with a lot of moving parts throughout the cycle. Photoshop, Illustrator, Fireworks and even Web browsers themselves are available to aid us in our work. But with so many choices, how do we determine the r
You can style each of these page areas individually, if for example you want to add navigation tabs or running headers or footers (see below for more on those). The Paged Media Editor’s Draft has a great description of sizing and positioning of margin boxes. All but the corner margin boxes have variable widths (for boxes on the horizontal edges) or heights (for boxes along the vertical edges), and
Finding a job is easy. As a job seeker, having your résumé in .pdf format is all you’ll ever need. Creating a clean résumé in HTML5/CSS3 which scales well to different viewport sizes is a futile exercise. All lies! Here are four reasons why it’s a great idea to author your résumé in HTML: Static résumés become quickly outdated. A single, unified URL assures a recruiter or agency that your résumé i
A tutorial on how to create a 100% width and height smooth scrolling layout with CSS only. Using a radio button navigation and sibling combinators we will trigger transitions to the respective content panels, creating a “smooth scrolling” effect. In this tutorial we will create a responsive 100% width/height layout with some smooth page transitions. The idea is to have some content panels and a na
欧州選手権より睡眠をとるminamiです。今日はサッカー代表戦ですね! 昨日深夜のWWDC 2012基調講演で、Retinaディスプレイ MacBook Proが発表になりましたね!15.4型は2880 x 1800画素ということで、今までのノートパソコンでは考えられない解像度になるようです。 気になるのは、現在iPhone 4S用のサイト制作で行う必要があるRetina対応をPCでもしなければならないのかも・・・ということ。 そんな時にちょっとだけ便利になるかもしれないFireworksのコマンドを作ってみました。バージョンはCS5.1で確認しています。 Retina対応用にページを分けるFireworksコマンド 右クリックなどで保存してお使いください。ご使用は自己責任でお願いします。 原寸表示の2倍でデザインしたファイルを作ります。スライスに名前をつけて設定した状態でコマンドを走らせ
+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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く