タグ

ブックマーク / commte.net (3)

  • スマートフォンサイト構築時に気をつけたいポイント集

    作成:2015/10/5 更新:2017/04/16 Web制作 > 開発環境 スマートフォンサイト構築時のコーディングで気を付けたいポイントを次回コーディングの時のためにメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 全般 viewport デバイスを横向きにした時の処理一例です。 一般(ページ拡大表示)ピンチアウト/ピンチインOK。通常はこれを使うことが多い。 <meta name="viewport" content="width=device-width"> サイズを変更せず、ピンチアウト/ピンチインOK <meta name="viewport" content="width=device-width,initial-scale=1.0"> 2倍に拡大した状態でページ表示 <meta name="viewport" content="wi

    スマートフォンサイト構築時に気をつけたいポイント集
  • プロっぽくなった!こっそり使いたい「動きのある」CSSテクニック

    作成:2014/06/2 更新:2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク 1.マスク・キャプション 2.円形キャプション 3.全画面+オーバーレイ 4.ストライプの背景 フルスクリーン系 5.スライド+フルスクリーン 6.全画面背景動画 7.パララックス 8.フルスクリーンにフィット 9.背景画像をブラウザごとに最適化 10.メガメニュー 画像可変 11.画像で枠線を表現する 12.半透明+フィルタ 13.文字以外を透明にしてレイヤーさせる 図形 14.ループ+ローディング 15.3Dボックス 16.矢印ナビ 画像切り抜き 17.六角形 18.卵型+星形

    プロっぽくなった!こっそり使いたい「動きのある」CSSテクニック
    uham
    uham 2015/06/16
  • ズルイくらいに凄い!アクセスアップのコツ 30

    作成:2013/01/15 更新:2016/06/08 SEO対策 > ポイントだけおさえて、アクセスアップしたい 試行錯誤している時間はないし、コツだけつかんだらコンテンツに集中したい。 先日アクセスが上昇した記事を書きましたが 今回は「最短でアクセスを上げる」為に必要な重要ポイントを書いておきます。 もちろん、一番役に立ったサイトのURLも記載しておきます。 ※2013/04/10:SEO対策に関する過去記事を修正しました。 根拠を示すデータや統計がある記事はアクセスアップしやすい ※2016/06/08 追記:ここ1年で「SNSで話題になったニュース記事を自分なりの考察を添え、1000文字以上書いて毎日配信する」という実験を、別ドメインで行ってみたのですが、ほぼ圏外にすっ飛んでいましたし、その記事は拡散性が低かった。その中でも唯一上位にい込んだ記事に共通していたことは「根拠を示すデ

    ズルイくらいに凄い!アクセスアップのコツ 30
  • 1