タグ

hr07jpのブックマーク (2,171)

  • [CSS]楽しい動きが満載!ボタンや画像用の40種類以上のホバーエフェクトがまとめられたスタイルシート -Hover.css

    ボタンやロゴや画像にclassを加えるだけで簡単に利用できるホバーエフェクトがまとめられたスタイルシート(SASSも有り)を紹介します。 40種類以上のCSS3アニメーションは、見てるだけでも楽しいです。 Hover.css Hover.css -GitHub Hover.cssの使い方 Hover.cssのデモ Hover.cssの使い方 使い方は非常に簡単です。 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <head> <link href="css/hover-min.css" rel="stylesheet"> </head> 一部のエフェクトだけを使用したい場合は、そのスタイルだけコピペすればOK! Step 2: HTML あとは、ボタンやロゴや画像にclassを指定するだけで、さまざまなホバーエフェクトが利用できます。 <a class="

    hr07jp
    hr07jp 2014/01/09
    “[CSS]楽しい動きが満載!ボタンや画像用の40種類以上のホバーエフェクトがまとめられたスタイルシート -Hover.css”
  • [JS]レスポンシブにしっかり対応!高さの異なるパネルを揃えたり、成り行きにするスクリプト -EqualHeight.js

    divなどで配置したパネル内の要素の量が異なっていても、全てのパネルの高さを揃えるjQueryのプラグインを紹介します。 高さを揃える系としては後発のスクリプトですが、レスポンシブにしっかり対応しているのがポイントです。 一列のパネルはもちろん、段組でもOK、省スペースのスマフォ用に成り行きもコントロールできます。

    hr07jp
    hr07jp 2014/01/09
    “[JS]レスポンシブにしっかり対応!高さの異なるパネルを揃えたり、成り行きにするスクリプト -EqualHeight.js”
  • “get_the_post_image”で取得した画像にリンクやテキストを追加表示させたい

    以下の手順で、エントリーの特定部位にギャラリーを表示しているのですが、以下の仕様を追加したいと考えています。 その実現に際して皆様のお知恵をお貸しいただければと思い投稿させていただきました。 追加希望 ・表示される縮小画像(現状だと’thumbnail’指定)の画像をクリックすることで拡大画像が開けるよう自動的にリンクさせたい。 ・画像の下に説明文を表示したい。 ALTタグの内容でいいので写真の下にテキストを自動で表示させることはできないでしょうか? index.php側ソース <ul class="contents_entry"> <?php get_the_post_image(get_the_ID(), 'thumbnail', 0, 6); ?> </ul> functions.php側追加ソース /**メディア内の写真を掲載 */ function get_the_post_im

    “get_the_post_image”で取得した画像にリンクやテキストを追加表示させたい
    hr07jp
    hr07jp 2014/01/04
    “get_the_post_image”で取得した画像にリンクやテキストを追加表示させたい”
  • Daftar Slot Online Indonesia Terpercaya & Termurah - mixitup

    Panduan Ciri Agen Permainan Slots Terpercaya Mencari bandar atau agen judi online terpercaya hingga … Continue Reading →

    hr07jp
    hr07jp 2014/01/04
    ギャラリーを簡単に実装できる!「MixItUp」
  • Flipsblog.jp

    サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

    Flipsblog.jp
    hr07jp
    hr07jp 2013/12/30
    2013年の4大人気Webデザインのトレンド
  • SEO対策|検索上位を独占するために弊社が行っている36の手順

    コンテンツマーケティングのコンサルタントとして過去7年で70社のオウンドメディア運用を支援に携わる。クライアントは医師、歯科医師、弁護士、税理士、司法書士、ファイナンシャルプランナー、ヨガインストラクター、パーソナルスタイリスト、上場企業のマーケティング担当者など多岐にわたる。 サイト公開からわずか10ヶ月で14.6億円の生み出す不動産投資メディア、契約率40%程度の理想的な見込み客が集まるブランディングメディアなど数々の成功事例を生み出してきた。「ユーザーに集中すれば結果はついてくる」をモットーに年間4,000件以上のコンテンツ作成に携わっている。 …続きを読む コンテンツマーケティングのコンサルタントとして過去7年で70社のオウンドメディア運用を支援に携わる。クライアントは医師、歯科医師、弁護士、税理士、司法書士、ファイナンシャルプランナー、ヨガインストラクター、パーソナルスタイリスト

    SEO対策|検索上位を独占するために弊社が行っている36の手順
    hr07jp
    hr07jp 2013/12/30
    “SEO対策で検索順位の上位を独占するために私が行っている36の手順”
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    hr07jp
    hr07jp 2013/12/30
    Google Analyticsチートシート完全マニュアル(日本語解説付)
  • フラットデザインに即採用!美しい日本語フォント。しかも無料。

    最早至る所で見聞きするフラットデザイン。Appleを初めGoogleや各ウェブサービス、アプリケーションのUIでもどんどん取り入れられています。ご存知の通り凹凸が無く巧みに配色を考えられた美しいデザインで、しばらくトレンドとなる事は間違いないでしょう。 そこでやはり気になるのがフォント。こだわりだせば切りが無いものですが、一度これというものに出会うとデザインの基盤として大活躍してくれます。 今回Webで見つけて早速持っているMac全てにインストールしたフォントはこちら。 M+ FONTSの紹介 M+ OUTLINE FONTS はコンピュータなどでの個人利用をはじめ、商業目的での利用、フォント内容の改変、改変後の再配布にも制限の無い、自由なライセンスで公開しているアウトラインフォントです。 海外フォントはかっこいいのがたくさんありますが、結局英数字だけなので日語を使用したい場合はバラン

    フラットデザインに即採用!美しい日本語フォント。しかも無料。
    hr07jp
    hr07jp 2013/12/30
    フラットデザインに即採用!美しい日本語フォント。しかも無料。
  • 日本の全エンジニアに捧ぐ!現在公開されているAPI一覧【2013年版】 | Find Job ! Startup

    2013年のいま、API界隈が熱い! 今年に入り、官公庁の統計データやNHKの番組情報など、今までなかなか利用できなかったデータがAPIとして扱えるようになってきました。このエントリでは現在公開されているAPIを一覧でまとめます。いま使えるAPIはこれだけ読めば大丈夫。2013年の最新マッシュアップ事情をあますとこなく網羅します! HOT! API 総務省 次世代統計利用システム(国勢調査、人口推計、就業構造、企業統計、物価統計 etc.) NHK番組表(※未公開) 行政・自治体・公共サービス 郵便番号 郵便番号検索API郵便番号 → 住所) 郵便専門ネット(郵便番号 → 住所、郵便番号の簡易存在チェック) ぽすたん(郵便番号 → 住所、住所 → 郵便番号) IW3 PROJECT(郵便番号 → 住所、住所 → 郵便番号) 宇宙 Google+ JAXA PR(※現在一部の学生に限定公開

    日本の全エンジニアに捧ぐ!現在公開されているAPI一覧【2013年版】 | Find Job ! Startup
    hr07jp
    hr07jp 2013/12/30
    現在公開されているAPI一覧【2013年版】
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    hr07jp
    hr07jp 2013/12/30
    Google Analytics 9個の必須設定&解説
  • Fontello - icon fonts generator

    Tool to build custom fonts with icons.

    hr07jp
    hr07jp 2013/12/26
    “Fontello - icon fonts generator
  • サムネイルクリック型ギャラリー・フォトギャラリーサンプル#01【マイ アイランド】

    HOME ホームページ制作 テンプレートHP 制作の流れ 制作実績紹介 制作料金 良くある質問 無料配布素材 メニューボタン フォトギャラリー jQueryプラグイン ブログ アメブロ SEOES お問い合わせ HOME 無料配布素材 フォトギャラリーサンプル集 サムネイルクリック型ギャラリー#01 サムネイルクリック型ギャラリー Tweet フォトギャラリーサンプル#01 Demo Setting Next このページのTOPへ HOME 無料配布素材 フォトギャラリーサンプル集 サムネイルクリック型ギャラリー#01 メニュー素材ダウンロードランキング 1. 縦並び垂直Menu #V3 2. 横並び水平 Menu #3 3. 横並び水平 Menu #1 4. 縦並びSide Bar Menu #SB1 5. 横並び水平 Menu #6 フォトギャラリーサンプル一覧 1. サムネイルクリッ

    hr07jp
    hr07jp 2013/12/26
    サムネイルクリック型ギャラリー
  • WP-CLIの面白い機能 – わーどぷれすっ!!

    WordPress Advent Calendar 2013 全部オレ 18日目のどうにかして俺です。 WP-CLIってご存知でしょうか? ご存じないって方は「コマンドラインから WordPress を操作する wp-cli 初級編 | dogmap.jp」とか「WP-CLIをMAMP環境で使う」とか「WP-CLIでの各種セットアップ例 – 超高速 WordPress AMI 網元」とか「wp-cliの使い方: その壱 – インストールと簡単な使い方の例 | わーどぷれすっ!」をお読みください。 まぁWordPressのインストールとかアップグレードとかコマンドラインからできるよ、っていうのが大きいんですが、他にもいろいろ機能があるのでご紹介。 wp scaffold 「scaffold」とは名刺としては建築の足場とか動詞としては「足場を組む」という意味で、WP-CLIでは基的なコード(

    WP-CLIの面白い機能 – わーどぷれすっ!!
    hr07jp
    hr07jp 2013/12/19
    “WP-CLIの面白い機能”
  • ビジュアルエディタの無効になっているボタンとかを復活させる – わーどぷれすっ!!

    WordPress Advent Calendar 2013 全部オレ 19日目のあるいは俺です。 WordPressのビジュアルエディタはTinyMCEというオープンソースのライブラリをカスタマイズして利用してますが、スッキリ見せるためかいくつか無効になっているボタンやメニューがあります。 このボタンやらメニューやらを増やすプラグインがありますが、いくつかは簡単なコードで復活させることができるのでご紹介します。 以下のコードをテーマのfunctions.phpか適当なプラグインファイルを作って放り込んでください。 function my_mce_buttons( $buttons ) { $buttons[]     = 'fontsizeselect'; $buttons[]     = 'hr'; $buttons[]     = 'styleselect'; $buttons[] 

    ビジュアルエディタの無効になっているボタンとかを復活させる – わーどぷれすっ!!
    hr07jp
    hr07jp 2013/12/19
    “ビジュアルエディタの無効になっているボタンとかを復活させる”
  • [JS]ヘッダをスクロールに合わせて表示・非表示する1ランク便利なスクリプト -Headroom.js

    スクロールベースのページを実装する時にぴったり! ヘッダをユーザーのスクロール操作に合わせて表示・非表示するスクリプトを紹介します。スクロールのダウン・アップでclassを付与するので、ヘッダに限らず他にもいろいろと使えそうです。 スクリプトは単体で動作しますが、jQuery/ZeptoやAngularJSのプラグインとしても動作します。 Headroom.js 下にスクロールすると、ヘッダが上部に吸い込まれます。 一旦消えたヘッダは、上にスクロールするとどのポジションからでも表示されます。 この「どのポジションからでも」というのがこのスクリプトの便利なところです。 スクリプトにはさまざまなオプションが用意されており、デモページで楽しめます。 デザインは似ていますが、こちらは「Playroom」です。 デモページ ヘッダの非表示・表示のタイミングが細かく設定でき、アニメーションのエフェクト

    hr07jp
    hr07jp 2013/12/15
    ヘッダをスクロールに合わせて表示・非表示する1ランク便利なスクリプト -Headroom.js”
  • WordPressテーマユニットテストデータ日本語版を更新したよ!

    WordPressのテーマを開発する際に、テーマの表示を確認するための「テーマユニットテストデータ」というものがあります。 投稿や固定ページやコメント、メニュー等で崩れがないか確認できるダミーデータです。 様々な場合を想定した(投稿タイトルが長い短い、各種タグ、画像の回り込み、特殊文字、カテゴリー、階層の深いコメント、等)データとなっています。 WordPressの公式ディレクトリに掲載する場合はこのデータの英語版を使ってテストします。 今回はそのテーマユニットテストデータを有志が集まってみんなで日語に翻訳しました。 WordPressテーマユニットテストデータ使い方 日語版データはこちら→https://github.com/jawordpressorg/theme-test-data-ja (英語版はこちら→https://wpcom-themes.svn.automattic.c

    WordPressテーマユニットテストデータ日本語版を更新したよ!
    hr07jp
    hr07jp 2013/12/12
    “WordPressテーマユニットテストデータ日本語版”
  • Coveloping

    box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 Coveloping 便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。 これからもどんどん増えていくそうです。 その中から、いくつか紹介します。

    hr07jp
    hr07jp 2013/12/12
    “デザインやCSSやJavaScriptなど、ウェブ制作に役立つ時短ツールが豊富に揃っていて便利! -Coveloping”
  • テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法

    シロクマに学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015Sociomedia

    テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法
    hr07jp
    hr07jp 2013/12/08
    “テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法 ”
  • ScaleOut | Supership

    2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 件に関する詳細は、プレスリリースをご確認ください。

    ScaleOut | Supership
    hr07jp
    hr07jp 2013/12/08
    “デザイナーのつぶやきから振り返る2013年話題になったWebサイト108選!(後編)”
  • [JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション

    デスクトップ時はアイテムが水平に並び、スマートフォン時は省スペースのドロップダウン型に変わるナビゲーションを実装するチュートリアルを紹介します。 デモページ:幅480pxで表示 実装 HTML HTMLは非常にシンプルで、リスト要素を使いnav要素で内包するだけです。 <nav id="nav-wrap"> <ul id="nav"> <li><a href="#">Button</a></li> <li><a href="#">Button</a></li> </ul> </nav> JavaScript スクリプトではスマートフォン用にdiv要素で「Menu」を加え、それがクリックされるとアニメーションでスライドします。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7

    hr07jp
    hr07jp 2013/12/08
    “[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション”