タグ 設置方法
新着順 10 users 50 users 100 users 500 users 1000 usersソーシャルブックマーク&投稿ボタンの設置方法 | SEOモード
mixiチェック Share on Tumblr ©smemon87 先週「Google+1」の発表がありましたが、その少し前にはTwitterが「フォローボタン」を出しており、最近は何かとソーシャルブックマークやソーシャルメディア関連のボタンを設置することが増えていますね。「いいね!」を付けて欲しいとか、はてなブックマークボタンを設置してほしいと、といった要望があって対応することも多くなっていま... 続きを読む
GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角... 続きを読む
クリエイティブなファビコンを設置しよう | Webクリエイターボックス
2015年4月23日 Webサイト制作 , 便利ツール Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです(Favourite + Icon = Favicon)。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているの... 続きを読む
クリエイティブなファビコンを設置しよう | Webクリエイターボックス
Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです(Favourite + Icon = Favicon)。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します! ファビコンをデザインす... 続きを読む
もう何も恐くない…綺麗なfavicon作成の基本的なコツ・アイデアまとめ | 株式会社LIG
まどまぎ好きの皆様本当にすみません。 デザイナーのサリーです。 ここから先は魔法少女の「ま」の字も出て来ません。本当にすみません。 ブックマークしたサイトのfaviconを眺めるのが好きです。 小さくて細かいものが並んでいるときゅんとします。 今日はfavicon作成時に気をつけている点や、コツ・アイデアをごちゃまぜにまとめてみました(設置方法は省いています)。 かなり自己流の部分もあるので、参考... 続きを読む
これ1つで驚くほどアクセス数が増えた!誰でも簡単にできる固定ソーシャルボタンの設置方法とは? - サラリーマン休日副業で月10万円以上目指すページ
2015-05-10 これ1つで驚くほどアクセス数が増えた!誰でも簡単にできる固定ソーシャルボタンの設置方法とは? アクセスアップ シェアする 543 すでにお気づきの方も多いと思いますが、最近ブログのデザインを多少修正しています。はてブやTwitter等のソーシャルボタンは各サービスごとにデザインが異なり、何となく統一感がありません。今回のデザイン変更はソーシャルボタン周りのデザインを統一化し、... 続きを読む
lightbox.js とPHPで手軽にフォト・アルバムを作成:Goodpic
写真の公開するには、Flickrなどのサービスを使うのもいいのですが、自分のサイトに画像ファイルをおきたい場合もあります。そこで手軽にlightbox.jsで写真をスライドショー表示するための、簡単なPHPを作ってみた。こんな感じ。 デモ : cafe Brasserie HxM Bar 設置方法 基本的には、写真とサムネイル画像を、ひとつのディレクトリにまとめてアップしておいて、PHPでそのディ... 続きを読む
設置方法|LINEで送るボタン
LINEで送るボタンとは LINEで送るボタンは、スマートフォンWebサイト、またはアプリから簡単にLINEで情報をシェアすることができるボタンです。 Webペ ージのURL、ページタイトルを送ることができます。 ユーザーフロー LINEで送るボタンは、LINEユーザーが用途に合わせてさまざまな情報を友だちに簡単にシェアできるように設計されています。 LINEで送るボタンのユーザーフローは次のとお... 続きを読む
[JS]設置も簡単なテーブルのデータをソートする超軽量のスクリプト | コリス
leigeberから、既存のテーブルにも簡単に設置できる、データをソートする超軽量(1.7KB)のスクリプトを紹介します。 jQueryやPrototypeなど他のスクリプトは必要ありません。 JavaScript Table Sorter demo 動作確認ブラウザは、IE 6/7/8, Fx2/3, Op, Safari, Chromeとなっています。 設置方法は簡単で、既存のものにも簡単に組... 続きを読む
IE6〜8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」|Webpark
CSS3セレクタを使う上で問題となるのはやはりIEです。HTML5 & CSS3 Supportで確認すると、IE6〜8はほとんど対応できていないことが分かります。 そんなIEでもCSS3セレクタを使えるようにするのがSelectivizr.jsです。詳しく紹介されているサイトがあまりなかったのでご紹介。 Selectivizrの設置方法 ここで提供されているselectivizr.jsとJava... 続きを読む
はてなブログではてなブックマークを活用!知っておきたいルールや使い方 - 週刊はてなブログ
はてなの提供するもう一つの人気サービス「はてなブックマーク」とは? インターネットで見つけた気になる記事やウェブサイトなどを保存できる 面白い記事や役立つ記事を共有できる インターネットで旬な話題を見つけられる 記事の注目度のバロメーターにもなるはてなブックマーク。ブログへの設置方法と注意して欲しい... 続きを読む
[JS]簡単に設置ができるmp3プレイヤーのスクリプト -jPlayer | コリス
jPlayer demo インターフェイスはHTMLとCSSで作成されており、mp3のサウンド箇所のみflashが使用されています。 jPlayerの設置方法はスクリプトを外部ファイルとして指定し、インターフェイスの設定などをスクリプト内に記述します。 あとは、mp3プレイヤーを配置する箇所に記述するだけです。 オプションも豊富で、設置方法の詳細は下記ページを参照ください。 jPlayer Dev... 続きを読む
[JS]チョー簡単にサイトをAJAX対応にするスクリプト -com.bydust.ajax | コリス
com.bydust.ajaxは、スタティックなサイトでもWordPressのようなサイトでも、ページ全体のロードをせずに必要な箇所のみロードして表示するAJAX対応にするスクリプトです。 com.bydust.ajax demo サイトをAJAX対応にする基本的なスクリプトの設置方法は、下記の通りです。 下記は、対象となる全ページに適用します。 ダウンロードした2つのスクリプト(com.bydu... 続きを読む
Googleの検索語によるタグクラウド「Google Search Cloud」 - GIGAZINE
Apacheのアクセスログから、自サイトへ到達した訪問者がGoogleなどで使った検索フレーズを、Perlを使ってタグクラウド風に表示するというもの。 自分のサイトがどのような検索語でよく訪問されているかがビジュアル的にわかりやすくなるのでなかなかおもしろい。 設置方法の詳細などは以下の通り。 Google Search Cloud 上記ページに書いてある1つめのコードを「gscloud.pl」と... 続きを読む
ASCII.jp:サンプルで学ぶTwitter Bootstrapの使い方:前編 (1/3)|Webサービス開発者のためのTwitter Bootstrap入門
Webデザインができないエンジニアでも、見た目をすばやく整えられるフロントエンドツール「Twitter Bootstrap」。前回は、Twitter Bootstrapの概要と特徴、利用事例を紹介し、実際の設置方法までを説明しました。今回は、簡単なサンプルサイトを作りながら、Twitter Bootstrapの基本的なルールと使い方を説明します。 簡単なサンプルサイトで使い方を学ぼう サンプルとし... 続きを読む
「知らなかった」では済まされない!全てのアドセンス利用者が知っておくべき「ポリシー違反」と対策方法
先日googleから「サイトへの AdSense 広告配信が停止されています」というメールが届き、直後から当ブログの全てのアドセンスの表示が停止してしまいました。 慌てて広告の設置方法を修正して、Googleに再審査の請求をしたところ、次の日に審査が通って広告が再配信されるようになりました。 約20時間の広告停止でしたが、生きた心地がしませんでした。googleのポリシー違反に対する対応は厳しく、... 続きを読む
ホームページ制作やブログ制作に役に立つ!facebookとtwitterのボタンの設置方法!-facebook編- - Web学生の日常
2013-01-09 ホームページ制作やブログ制作に役に立つ!facebookとtwitterのボタンの設置方法!-facebook編- ホームページ制作やブログ制作に役に立つ!facebookとtwitterのボタンの設置方法!-facebook編- こんにちは! パクちゃんです! 今日は最近サイトやブログによくある facebookとtwitterのボタン設置方法について書きたいと思います。 ... 続きを読む
SNSとWEBサイトを繋げるソーシャルボタンの設置方法まとめ | WEB制作会社の販促まとめ
バイラル効果に繋がる重要なツール! ソーシャルボタンの設置方法を振り返る。 本ブログで、様々なプロモーションをご紹介してきたが、 ソーシャルメディアの影響力は、もはや無視できないと言える。 そんなソーシャルメディアとWEBサイトを繋げることができるツール、 ソーシャルボタンの設置方法についてまとめた記事が、 NAVERにアップされていたので、ご紹介したい。 ソーシャルボタンの設置方法まとめ [NA... 続きを読む
LINEで送るボタン|メディア運営者の方へ
あなたのWebサイトの情報を簡単に送れるLINEで送るボタンの登場です。スマートフォンWebサイト、アプリに設置できます。あなたのWebサイトを LINEユーザーに届けよう 国内最大級の無料通話・無料メールアプリLINEにあなたのWebサイトの情報を送るLINEで送るボタンの登場!スマートフォンWebサイトやアプリに設置可能です。 設置方法はこちら LINEで送るボタンとは? LINEで送るボタン... 続きを読む
【iOS】一億人越えのLINEユーザーにシェアする魔法のボタン「LINEで送る」の作り方 - enator's blog
2013-02-04 【iOS】一億人越えのLINEユーザーにシェアする魔法のボタン「LINEで送る」の作り方 さて、ウェブ版が以前拝見したので、タイトルはインスパイアされて作りました。 数千万のLINEユーザーにウェブページの情報を伝える魔法のボタン「LINEで送る」の作り方さて、LINEアプリのURL スキーマが提供されてますので、 それを参考に。公式ドキュメントはこちら。 設置方法|LINE... 続きを読む
position: fixed;でサイドに固定してjQueryでスライドして現れるメニュー|Webpark
では、設置方法を説明してみます。 固定されたスライドメニューの作成 まず、head内でjQueryを読み込みます。もちろんjQueryは自分のサーバーにアップしてもかまいません。 ... 続きを読む
【iOS6】ページ上部にアプリが開けるバナーを表示! Smart App Bannerについて : Excite Smartphone Engineer's Blog
スマートフォン推進室で主にiOSアプリの開発を担当しています、富家です。 ついにiOS6がリリースされ、NDAが解禁になったのでiOS6情報を書いて行きたいと思います。 今日はページ上部にSmart App Bannerについてご紹介します。 Smart App Bannerとはこれです。 Safariの画面上部にApp Storeへのリンクを置くことができます。 設置方法は簡単です。 htmlに... 続きを読む
「LINEで送る」ボタンを手軽に設置できるようになりました : LINE公式ブログ
2013年01月17日12:50 カテゴリ: | おしらせ 「LINEで送る」ボタンを手軽に設置できるようになりました Webサイトの情報をLINEの友だちにトークやホーム・タイムラインに送ることができる「LINEで送る」ボタンについて、HTMLコードを自動的に発行できる手軽な設置方法と、開発者向けに画像を送ることができる技術使用を公開しました。 HTML発行による手軽な設置方法昨年12月に公開し... 続きを読む
Amazon Echo Dotの壁掛け設置から便利な活用法までを紹介 - karaage. [からあげ]
2018 - 02 - 02 Amazon Echo Dotの壁掛け設置から便利な活用法までを紹介 生活向上 電波 Amazon Echo Dotが家にやってきました 結構迷っていたのですが、買ってしまいましたAmazon Echo Dot。 毎日それなりに便利に活用していますので、我が家の設置方法から使い方を簡単に紹介してみようと思います。 Amazon Echo Dot (Newモデル)、ホワ... 続きを読む
『ウィキ』を使ったオープンソースのハウツー共有サイト
『ウィキ』を使ったオープンソースのハウツー共有サイト 2005年6月10日 コメント: トラックバック (0) Joanna Glasner 2005年06月10日 かつてロサンゼルス近郊でライフガードをしていたトム・バイレンさん(写真)は、さまざまな物事のやり方を心得ているタイプの人だ。たとえば、ウッドデッキ用の支柱の設置方法(写真)や、ウェブ・パブリッシング用テンプレートの作成方法、プラスチッ... 続きを読む