2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 「WordPressで学ぶPHP(2)データ構造(配列・オブジェクト)編」を発売しました。 本書は「WordPressで学ぶPHP(1)変数・制御構造編」の続編にあたり、PHPの「データ構造」(配列とオブジェクト)について解説します。 配列やオブジェクトは、頭の中で考えるだけでは、イメージがつかみにくいです。本書では図を多用して、配列やオブジェクトをなるべく分かりやすく解説することを心がけました。 Kindle本で、定価250円です。 昨日、当ブログにFacebookのいいね/シェア/コメントの数を別々に表示する機能を追加したことをご紹介しました。 この機能をjQueryのプラ
当ブログのコメント欄… まぁ、普通のコメント欄ですよね…汗 ここ最近ブログにコメントをいただく機会が多くなり… (ほとんどパズドラ日記の方ですけど。。) コメント欄でやりとりする中でふと思ったんですが… 「引用返信する際に、引用部分の色を変えられないかな?」 例えば先頭に引用符 「> 」が付いた場合 自動的にその行だけ色が変わる… みたいなイメージですかね? って事で色々調べてみた所… なかなか良い案が見つからず。。 直接手作業でタグ打ちするしかないのかな? と思いましたが。。 そもそも、Serene bach(当ブログの管理ツール)のコメント欄は HTMLタグが使えない仕様なんですよね[icon顔:困り] っつ〜事で(?)コメント欄にHTMLタグ機能を追加するjavascript 【Quicktags Plus】を導入してみました。 参考リンク Quicktags Plus - コメント
Serene Bach の記事(エントリー)およびコメント欄に絵文字を入力できるようにするカスタマイズです。 これは「公開テンプレートのコメントに絵文字を使う for SereneBach」のテクニックを記事部分に適用させたものです。 記事に絵文字を入力するカスタマイズは stroll::blog さんの「sb絵文字入力支援スクリプト」がポピュラーですが、「ブラウザに依存しないで入力する方法はないですか?」という質問を頂いたので、本エントリーにて紹介致します。 設定方法は当サイトで公開しているテンプレートを例にしていますが、一部修正すれば他のテンプレートでも利用可能です。 なお「公開テンプレートのコメントに絵文字を使う for SereneBach」と設定内容が若干異なるため、記事とコメントの両方に絵文字と併用したい場合は、本エントリーのカスタマイズを行ってください(本記事はコメントの絵文
先日コメント欄でHTMLタグを利用可能にする機能を導入しましたが、ご要望がございましたのでまだタグの変換部分が無理矢理で恥ずかしいんですが、javascriptを配布し導入方法を解説させて頂きます。 livedoor Blogに限らず、コメントにHTMLタグが使えないブログでHTMLテンプレートを直接編集できるブログでしたらどのサービスでもお使い頂けます。 ※コメントにHTMLタグが効く所では元のJS QuickTagsや派生スクリプトをお使いになった方が良いと思います。 改造法などはとりあえず置いといて、設置方法を紹介させていただきます。動作については同梱しているhtmlファイルで確認できます。 では説明開始です。 1. はじめにお読みください。 2. ダウンロードと設定とアップロードと。 3. 個別記事HTMLテンプレートの編集。 4. 個別記事ページの再構築と動作確認。 5. 使用す
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ソーシャルシェアボタンをオリジナルデザインにしたかったり、いいね!数のデータを元にランキングシステムなどを作りたい場合に役立つ「ソーシャルカウントの取得方法」をまとめました。取得方法はサーバーサイド(PHP)、クライアントサイド(Javascript)の両パターンを取り上げています。よろしければ参考にしてみて下さい!なお、Twitterのカウントは2015年11月20日以降、取得できなくなりました。
画像を使用せずに、リスト要素で実装したシンプルなHTMLで角丸のタブをより美しく実装するチュートリアルを紹介します。 (Better) Tabs with Round Out Borders [ad#ad-2] 下記は各ポイントを意訳したものです。 デモ 実装 デモ デモはChrome, Safari, Firefox, Operaでご覧ください。 IEはたぶんIE10で対応するはずです。 デモページ 実装 まずは、HTMLから。 HTML タブをシンプルなリスト要素で実装します。 <ul class="tabrow"> <li>Lorem</li> <li>Ipsum</li> <li class="selected">Sit amet</li> <li>Consectetur adipisicing</li> </ul> [ad#ad-2] CSS CSSの実装は、少しずつキャプチャと
<html> <head> <meta charset="utf-8"> <!-- jQueryとjQueryUIをCDNで読み込む。(ダウンロードしなくていい。) --> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> <!-- cssも外部から読み込んでる。 --> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"> <!-- スクリプトはこれだけで済む。簡単。 --> <script> $(function() { $( "#tabhoge" ).ta
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
こんにちは、ミキです。 今回はアウトプットの場として、 最近プラグインを使わずに実装した タブ切り替え機能の紹介をしたいと思います。 HTML まずタブとタブに連動したコンテンツのHTMLを用意します。 一番目のタブに「class=”select”」をつけます。 最初に表示させないコンテンツにはあらかじめ「display:none;」を設定しますので、 ここでは「class=”hide”」をつけました。 ちなみにダミーテキストは夏目漱石の坊っちゃんからです。 <ul class="tab"> <li class="select">タブ1</li> <li>タブ2</li> <li>タブ3</li> <li>タブ4</li> </ul> <ul class="content"> <li>親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く