タグ

2017年4月25日のブックマーク (5件)

  • 【2017年度版】Webエンジニアでも最低限押さえておきたい、SEO施策のまとめと実装 - Qiita

    Webエンジニアでも最低限のSEO知識を持っておきたい ferretやferretOneといったウェブマーケティングのメディア、ツールを開発、運営している株式会社ベーシックで働いており、近々ECサイトphocaseにて格的にSEO施策を行うので、勉強がてらエンジニアが覚えておくべきだと思ったSEO周りの知識をまとめました。 この記事も書いていたら長くなってしまったので知らない部分をピックアップして読んでいただければと思います。 実装方法やSEO施策の詳細は貼ってあるリンクだけではなく、 別途Googleで検索するなどして複数の意見をインプットすることをおすすめします。 ###★この記事を読むとどうなるか マーケター、ディレクターとのやりとりがスムーズになる。 意図せず検索順位を下げてしまうコードに気づける様になる。 エンジニア側だけで動けるSEO施策を提案できる様になる。 なんとなくSE

    【2017年度版】Webエンジニアでも最低限押さえておきたい、SEO施策のまとめと実装 - Qiita
  • Google画像検索っぽいイメージギャラリーを実装できる「jQuery Elastic Grid」 – bl6.jp

    jQuery Elastic Gridは、Google画像検索っぽいイメージギャラリーを実装することができるjQueryプラグインです。レスポンシブ対応で軽量、そして使い方も簡単なところがグッドです。ホバーアニメーションもスタイリッシュでとてもかっこいいですね。 以下のページから、jQuery Elastic Gridの実際のデモやダウンロード、使い方などをチェックできます。 jQuery Elastic Grid たくさんのサムネイル画像が並んでいるデモでは、各サムネイル画像をホバーするとオーバーレイによるアニメーションでタイトルが表示されます。クリックすると、その画像の詳細が表示されます。 Google画像検索のようなレイアウトで表示されるので、使い慣れている人にとっては、違和感なく操作できますね。画像の詳細はクリックすることで表示されるので、余計なスペースを使う必要もなく有効的に活用

    Google画像検索っぽいイメージギャラリーを実装できる「jQuery Elastic Grid」 – bl6.jp
    yoshi-na
    yoshi-na 2017/04/25
  • その精密なデザインがすごい!美しい飾り罫や文様を簡単に描けるPhotoshopの無料ブラシ素材 -Pixel Brushes

    200 Pixel Brushes 右の「Download」をクリックすると、すぐにダウンロードできます。 ブラシの利用にあたっては個人のみ無料で、商用は要連絡です。 用途的に多いかなと思い「同人誌はどうですか?」と尋ねたところ、「どんどん使ってください」とのことでした。 abrファイルをPhotoshopで使うには、 ダウンロードしたファイル(拡張子.abr)は、「Presets」内の「Brushes」に格納します。 例: アプリケーション\Adobe Photoshop CC 2017\Presets\Brushes Photoshopを再起動し、ブラシツール[B]を選択します。 ブラシツールのツールバーにある右横の三角のアイコンをクリックします。 ツールプリセットのメニューが表示されるので、「ツールプリセットの読み込み」を選択し、ダウンロードしたファイルを選択します。 登録が完了する

    その精密なデザインがすごい!美しい飾り罫や文様を簡単に描けるPhotoshopの無料ブラシ素材 -Pixel Brushes
    yoshi-na
    yoshi-na 2017/04/25
  • 文字毎にループさせて処理を記述できるjQueryプラグイン「per-word-action」:phpspot開発日誌

    GitHub - jakedowns/per-word-action: A jQuery plugin utility which idempotently wraps every word within an element in a unique span and assigns each word a line-number data attribute. Takes a per-word callback function as an argument. 文字毎にループさせて処理を記述できるjQueryプラグイン「per-word-action」 エレメント毎にeachさせたりすることが出来ますがこちらのプラグインを使えばスペース区切りの英語等でワード毎に処理を実施できます。 行番号を取れるのでデモでは行ごとに色を変えるというデモも紹介されています。 関連エントリ シンプルなタイマ

    yoshi-na
    yoshi-na 2017/04/25
  • jQueryライクに使える5kbほどの軽量ライブラリ・「Selector」

    SelectorはjQueryライクに使えるユーティリティな軽量ライブラリです。5kbほどでjQueryと同じような書き方 が出来ます。セレクタも結構同じものがサポートされています。jQuery代替と言えるかどうかは微妙ですが、軽くて良い印象ではあります。ライセンスはMIT。ただ、最後に自己責任で使ってねと書いてあったので、まぁそんな感じです。 Selector

    jQueryライクに使える5kbほどの軽量ライブラリ・「Selector」
    yoshi-na
    yoshi-na 2017/04/25