Engadget | Technology News & ReviewsPick up the 9th-gen iPad with two years of AppleCare+ for only $298
CSSド素人がWordPressの独自テーマをレスポンシブ化してみた話 | kawaselab
書くネタもないので、最近リニューアルしたサイト構築の話しを備忘録として書いてみます。リニューアルといっても目に見える改変ではなくサイトをレスポンシブ化してみたお話です。 レスポンシブ化というのは、私もまだよくわかっていません。 ただなんとなくかっこいいからレスポンシブって言葉を使ってみました(・ω きっかけはGoogle！Google先生がこんなこと仰っているならレスポンシブ化が正しき道なんだろうなと レスポンシブ・ウェブデザイン – メディアクエリのパワーを使いこなす すぺっく 私のすぺっくを正直に書いてみる。 PHPは書ける読める。高校生レベル HTMLは書ける読めるなんとなくわかる。中学生レベル CSSは色変えるとかその程度。幼稚園レベル つまりレスポンシブ化で一番重要なCSSでについてはド素人レベルです。 だからこの本を買ってみました。 ふむふむ！なるほど！デザインはこうやっ
デザイン2案、文言3案どちらがいいかはユーザーに決めてもらうA/Bテストが簡単に実施できるスクリプト -ABalytics.js
バナー広告2案どちらがよいだろう？ サインアップのボタンの文言3案はどれが効果が高い？ などGoogle Analyticsを使ってコンバージョンレートを簡単に測定できるスクリプトを紹介します。 ABalytics.js -GitHub ABalytics.jsの特徴 ABalytics.jsの使い方 ABalytics.jsの特徴 ABalytics.jsは他のスクリプトに依存せずに動作するJavaScriptで、クライアントサイドでコードを記述するだけで、Google Analyticsを使ったA/Bテストを簡単に実施できます。 サーバーサイドには何も設置する必要はありません。 設置が簡単！ 作業はクライアントサイドだけです。 サーバーサイドの準備は何も必要ありません。 データは、Google Analyticsに保存されます。 エレメントのclassを加えるだけで、複数のパターンをテ
JavaScriptは業務アプリの開発言語として有力な存在になる
この記事は、日経SYSTEMS 8月号に掲載された連載「新野淳一の技術インパクト」第5回のオリジナル原稿をPublickey掲載用に編集したものです。Publickeyでは日経SYSTEMS編集部との合意を得て、雑誌発行から一定期間後に記事をPublickeyに掲載しています。 JavaScriptは1995年の登場から何年にもわたって、Webページにちょっとした動きを与えるための簡易なプログラミング言語とみなされてきた。しかしいまやJavaScriptはモバイル向けアプリケーションの開発、業務アプリケーションのフロントエンド開発、そして大規模なWebアプリケーションのサーバサイドプログラミングなど、あらゆる分野での活用が始まりつつある。最も注目を集め、急速に適用分野を広げて進化しているプログラミング言語だ。 業務システム開発の視点で見れば、今後の開発言語としてJavaScriptが有力候
HTML と CSS のコーディングガイドライン
+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
hosutesu.org
hosutesu.org 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
HTML と CSS だけで microdata 対応のオシャレなパンくずリストを実装するサンプル
Google の SERP にパンくずリストを表示させられるようにするための microdata 対応のパンくずリストに対応した、HTML + CSS のみで実装できるオシャレなパンくずリストを作ったので良かったら使ってください。 <div class="breadcrumbs"> <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.example.com/dresses" itemprop="url"> <span itemprop="title">洋服</span> </a> › </div> <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://www.exam
flashcast：フリーで働くITエンジニア集団のブログ
カテゴリー ActionScript (17) Adobe Flash Collaboration Service (1) AIR (18) Amazon EC2 (7) Amazon S3 (3) Android (9) Apache (5) Archiver (1) bind (2) Block Breaker (9) Blogger (5) BootCamp (2) CentOS (26) chkrootkit (1) ClamAV (2) Cloud Computing (2) Cocomo (3) cs3 (7) cs4 (2) CSS (2) cybozu2ical (1) dovecot (5) Event report (2) Exec-Shield (1) Firefox (5) flash (5) flashcast (6) Flex (17) freelance (
Google
世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。
Googleアルゴリズム200項目全てを特別公開 – マーケティングブログ
Googleアルゴリズムの200の要素を発見しましょう！（Let’s Try to Find All 200 Parameters in Google Algorithm） は2009年に書かれた記事ですが、パンダアップデートが適用された今現在（2011年4月）でも重要項目が多く書かれているもので。 多くはGoogleの特許（合衆国特許出願0050071741）に基づいていますが、筆者のアンが自身の解析結果や予測を盛り込んでいる事で、より実践に近い内容になっています。 SEO初心者の方は、これからのウェブ制作の軸に、SEOエキスパートの方はもう一度自身のサイトを見直す目次として確認してみてはいかがでしょうか。 ドメインに関する13要因 ドメイン年齢 ドメイン取得からの長さ ドメイン登録情報（Who is情報）の表示/非表示 ドメイン種類（サイトレベルドメイン（.com や co.uk） ト
サイトを作った時に絶対にやるべき10の事 | 無料SEO対策のススメ
YahooがGoogleの検索エンジンを採用したことで、SEOの観点からやるべき事が軽減されたと思いますが、それでもサイトを作ったらやるべき事がいくつもあります。 サイトの内容によってやるべき事も変わってきますが、最低限やっておいた方が良いことをまとめておきます。 基本的なこと 1.サイト名を考える サイトにユニーク性を出す為に必ずサイト名を考えます。企業サイトの場合には社名がサイト名という事になりますが、どんなサイトであってもそのサイトを紹介しやすいような短いサイト名があった方が良いでしょう。 2.ロゴやファビコンの作成 サイトのブランディングの一環としてロゴマークやファビコンがあった方が良いでしょう。 ⇒@icon変換 3.HTMLチェック 作成したサイトのHTML文法がおかしな事になっていないかチェックします。100点を取る必要はありません。重大なミスが無いかの確認です。 ⇒Anot
[JS]ハイライトのエリアをマウスに合わせて移動させるスクリプト
Google Chromeのタブのように、繊細なハイライトのエリアをマウスに合わせて移動させるスクリプトを紹介します。 タブの実装 まずは、タブの実装から。 タブの実装はシンプルです。 HTML タブはリスト要素で実装します。 <ul class="nav clearfix"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li class="active"><a href="#">Clients</a></li> <li><a href="#">Contact Us</a></li> </ul> CSS CSSもシンプルに実装します。 .nav { list-style: none; border-bottom: 1px solid #a0a0a0; padding: 10px 10px 0 10px; } .
Chrome紹介ページに隠された、イケてるHTMLコーディングテクニックとGAの最新版コードみたいなの - Web Analytics Latte
CMでやってるChromeの紹介ムービーをなにげなく見てたら、ちょっとおかしいことに気づきました。最先端ブラウザであるChromeの、その紹介サイトとなれば当然HTML5対応してるはず、と思ってみて気づいた点です。 HTMLソースを眺めてみて、気づきました。これがナウいソースなのかと関心する点が多々ありますが、2点、すげぇ！と思ったところがあるので紹介します。 １．Google Analyticsのタグが最新版を超えてる GAの貼り付けタグが公式のものではないことがまず1点目の違和感です。通常はこんな感じでゴチャゴチャしてるんですが //before <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXXXX-1']); _gaq.push(['_trackPag
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
