CSSの関数はどんどん便利になっている！minmax()を使うとMedia Queries無しでレスポンシブが簡単に実装できる
CSSの関数には便利なものがたくさんあります。例えば、div要素に「width: calc(100% - 50px);」と指定することで、幅いっぱいから50pxを引いた値を幅に適用できます。 minmax()関数はcalc()関数のように数字やキーワードを使って、要素の最小値と最大値を指定でき、簡単なCSSの記述でレスポンシブ対応の高度なレイアウトを作成できます。 下記のレスポンシブ対応のグリッドはたった2行のCSSで、プロパティも2つだけです。 How the minmax() Function Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 minmax()の基本的な使い方 minmax()を使うと、Media Queries無しでレスポンシブデザインができる サポートブラウザ minmax()の基本的な使い方
確実に成果を出すためのSEOの方程式
アルゴリズムなど知らなくてもSEOは出来るし成果も出せる まず、残念ながら、僕を含めほぼすべての人類はGoogleの個々の検索結果のランク算出の根拠やその前提となるスコア算出の詳細を知ることはできません。しかし、それでも方針は立てられますし結果は出せます、ということをこれまで色々なところで話してきました。 アルゴリズムを意識しないでどうにかなるサイト(数なら世の中のほとんどのサイトですね)にとっては、本当にアルゴリズムに向き合う時代じゃないです。 でも私が関わるのはそこは避けられないサイトばかりなので、2015年もどうにか必死に食らいついていくつもりです。がんばります！ — 辻正浩 | Masahiro Tsuji (@tsuj) January 5, 2015 中には↑のような仕事をされている方もいますけどこの人は規格外として、よほど巨大または特殊なサイトを運営されていない限り、前半で触
登録数2倍にしてと言われた時の正しい対処法
2014年夏、40日でデイリーの登録数を2倍にしたプロジェクトをまとめたプレゼンです。Read less
上級者向けSEOガイド4/9 : ワードプレス攻略 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
上級者向けにSEOの主要項目を徹底解説していくシリーズ第四弾、ここにきて意外なというか、ワードプレスのSEO攻略法について。SEO Japanでも過去にワードプレスのSEOに関する記事は何度か紹介してきましたが、本シリーズの記事となれば、その究極版と成り得る可能性大。ワードプレスユーザーは是非一読あれ。 — SEO Japan これまでのチャプターでは、ウェブサイトを最適化する上でのベストプラクティスを幾つか紹介してきた。このチャプターでは、さらに具体的に、ワードプレスに絞って、話を進めていく。ワードプレスは、世界で最も利用者が多いコンテンツ管理システム（CMS）である。事実、私のブログの読者の多くは、ワードプレスを利用している。そこで、チャプター 4では、ワードプレスを効果的に利用する高度なアドバイスを提供していきたいと思う。 1. ワードプレスのサイト向けの高度なインデクセーション（Y
ホームページデザインの変化
Webデザインは安定している。平均的なホームページは1年前の状態から約40％しか変わっていない（完全なデザイン変更には2年半かかることになる）。 Homepage Design Changes by Jakob Nielsen on September 24, 2012 日本語版2012年10月5日公開 私たちは19年間、さまざまなホームページのスクリーンショットを1年に1度収集してきた。スクリーンショットを各々、前年のものと比べれば、ホームページのデザインの年率変化率を見積もることができるからである。 では収集期間を通しての典型的な例をいくつか見ていくことから始めよう。 1994年から1995年にかけてのMicrosoft： 100％の変化 これらはウェブ創世記における古典的なホームページである。つまり、図とデザインを多用し、GUI（グラフィカルユーザーインタフェース）に関する伝統的な約
驚くほど簡単にインフォグラフィックを作成できる無料ツール７選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. インフォグラフィックは、あなたの読者やファンを楽しませるコンテンツとして最適なものの一つだ。 さらに、ソーシャルメディアエキスパートのDan Zarrellaは、１万のFacebookページの中から合計１３０万の投稿を調べた結果、最も安定して多くのシェアを生み出すコンテンツは、画像コンテンツだということを発見した。 ※画像コンテンツの平均的なシェア率は0.25%、次に文字投稿で0.17%、３番目は動画投稿で0.1%。単なるニュースなどへのリンクの場合だと、0.04%しかない。 そして、ソーシャルメディアを有効活用するための、最も効率的な戦略は、見た目にも面白く、人の役に立つ画像コンテンツを定期的に提供することだという結論を出している。 こ
Sublime Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
知るだけで天地の差が出る、テスト仕様書の必須項目＆表現方法
知るだけで天地の差が出る、テスト仕様書の必須項目＆表現方法：誰にでも分かるSEのための文章術（12）（2/2 ページ）
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ニイハチヨンサン
PHPの正規表現をリアルタイムに動作確認できる「PHP Live Regex」:phpspot開発日誌
HTTP 404？503？それぞれの意味を教えて！ : 2chコピペ保存道場
HTMLクイックリファレンス
ホームページを作る人のネタ帳