トップページを作成するWordPress の管理パネル 固定ページ > 新規追加 でサイトのトップページを作成し、公開する。 ルートディレクトリを設定する管理パネルで「設定 > 一般設定」を開く。サイトのアドレス (URL) 欄を、ルートディレクトリの URL に変更し、保存する。
トップページを作成するWordPress の管理パネル 固定ページ > 新規追加 でサイトのトップページを作成し、公開する。 ルートディレクトリを設定する管理パネルで「設定 > 一般設定」を開く。サイトのアドレス (URL) 欄を、ルートディレクトリの URL に変更し、保存する。
PDFのサイズを変更する方法を紹介します。 このエントリーでは、以下の「てすと」とだけ書かれたA4サイズのファイルをB4サイズに変更してみます。 プリンタの設定でB4に拡大すれば問題ない場合もありますが、たとえば近頃流行のネットプリントなどではファイルサイズと異なる設定ができないケースもあるかもしれないので、そういう場合に役立つかもしれません。 このテクニックにはAdobe AcrobatまたはPrimo PDFが必要です。 1.ファイルサイズを確認する サイズを変更する前にファイルのサイズを確認するには、Adpbe ReaderなどでPDFファイルを開き、「ファイル」→「プロパティ」を選択。 開いた「文書のプロパティ」画面の「概要」タブに「ページサイズ」が表示されます。 (クリックで拡大) 210 x 297mmでA4サイズであることが分かります。 2.Windows10 + Acrob
ヘッダをスクロールしても上部にぺたっと貼りつくように表示し、ブレイクポイントを設定するとその地点で貼りつける要素を変更するjQueryのプラグインを紹介します。 デモページ:Optionsからちょい下にスクロール かなり下の方までスクロールすると、二番目のアイテムが上部に貼りつきます。 Clingifyの使い方 Step 1: 外部ファイル </body>の上あたりに、jquery.jsと当スクリプトを外部ファイルとして記述します。 <body> ... <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.clingify.js"></script> </body> Step 2: HTML スクロールしても上部に固定配置にする
※10月10日、Facebookから、全Facebookページ管理者に新しいページインサイト表示が公開されたとの報告がありました。前回こちらでご紹介した後、テスト画面利用者からの意見を反映し、仕様が変更になった部分がありますので、追記しています。ご参考にしてください。 7月19日にFacebook studioのブログにも記事掲載されていたFacebookインサイトの新画面のお試しをする機会を得られたので、その内容について、ご紹介します。 新インサイトは、 わかりやすくなった (投稿時間の日本時間表示、画像アイコンなど) 比較グラフが増えた (指定期間とその前の期間のグラフを同時表示、ページとFacebook全体との比較、ベンチマーク表示など) クチコミ度、話題にしている人などの名称がなくなり、新しく交流度、アクション率、純いいね!などが登場しているが、それぞれの数字はわかりやすい ファン
Minimal select replacement for jQuery Download .zip Download .tar.gz View on GitHub minimalect Minimal select replacement for jQuery by @groenroos. Replace select elements with a nicer styled control Support for optgroups Filtering choices by typing Keyboard navigation Support for themes So, what does it look like? Usage Include jquery.minimalect.min.js after you load jQuery (1.7 or newer). Then s
The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support. Download (v1.13.14) Getting Started Quick start Bootstrap-select requires jQuery v1.9.1+, Bootstrap’s dropdown.js component, and Bootstrap's CSS. If you're not already using Bootstrap in your project, a precompiled version of the Bootstrap v3.4.
間近に迫ったGoogleリーダーの終焉に備え、RSSリーダーを乗りかえることにしました。 今後はRSSリーダーとしてfeedlyを使おうと思います。 ウェブ版feedlyは、そのままでは使いにくかったので、すこし手を入れました。 まずはChrome拡張「Feedly will open entry in background tab」をインストール。この拡張を使うと、いまfeedlyで読んでいるエントリを、新しいバックグラウンドタブで開けるようになります。 見た目も気に入らなかったので、Chrome拡張「Feedly will open entry in background tab」で調整。 自分でStyleSeatを書くつもりだったけど、「Feedly Wide and Clean -> Like Google Reader – Themes and Skins for Feedly」
フォームのselect要素をHTMLには手を加えずに、美しいミニマルなデザインを適用し、使いやすさもアップさせるjQueryのプラグインを紹介します。 デザインのテーマも用意されており、オリジナルのテーマをスタイルシートベースでつくることもできます。 Minimalect Minimalectの特徴 Minimalectのデモ Minimalectの使い方 Minimalectの特徴 select要素を洗練されたデザインに置き換えます。 optgroupsのサポート。 フィルタリングのサポート。 キーボードナビゲーション。 テーマのサポート。 Minimalectのデモ HTMLの変更は無しで、select要素を美しく、そして使いやすくしたデモがあります。 まずは、一つ目。
WordPressでサイトアドレスを変更する方法を紹介します。 定番カスタマイズだと思いますが、カスタマイズの理由まで言及している記事が見当たらなかったので、その解説も含めて備忘録で残しておきます。 ここでは、ドメインのサブディレクトリ(http://user-domain/wordpress/)にWordPressをインストールしている状態で、サイトアドレスをドメイン(http://user-domain/)に変更する手順で説明します。 1.サイトアドレスとは 「サイトアドレス」はWordPressで作成したブログのURLを指し、WordPress管理画面の「設定」→「一般」→「サイトアドレス」で確認できます。 WordPressをインストールすると、「サイトアドレス」はその上にある「WordPressアドレス」と同一のURLになっていますが、サイトアドレスをドメイン直下にしたいケースが
Firefox 22 Aurora がリリース、Firefox 23 Aurora も近くリリースされますが、この 2つのバージョンで適用される変更のうち、気になった 2点に関連する情報をまとめてみます。 つい先日ですが、4月 5日に Firefox 22 Aurora (プレベータ版) がリリースされ、続いて、5月 17日には Firefox 23 Aurora がリリースされます (それぞれ正式版は 22 → 2013年 6月 25日 / 23 → 2013年 8月 6日リリース予定です)。 プレビューリリース : Firefox 正式版のリリースまではまだ少し時間がありますが、この 2つのバージョンで適用される変更には、すでに話題にもなっていますが、Cookie 関連で 1つ大きな変更と、もう1つ、SSL 関連で Web サイト制作界隈には関係しそうな変更がありましたので、その部分の
フォームのラジオボタンとチェックボックスをミニマルやフラットやダークなど、今時のデザイン風に変更したり、コールバック関数や入力をコントロールできるjQueryのプラグインを紹介します。 iCheck iCheck -GitHub iCheckの特徴 iCheckのデモ iCheckの使い方 iCheckの特徴 1KBで超軽量 クロスブラウザ対応 IE7+, Firefox2+, Chrome, Safari3+, Opera9+ スマートフォン・タブレットなどのタッチデバイスをサポート iOS, Android, BlackBerry, Windows Phone キーボード操作をサポート タブ、スペース、矢印キー、他のショートカット HTML/CSSベースでカスタマイズが簡単 Retina対応のスタイルを6種類用意 チェックボックスとラジオボタンは15のオプションでカスタマイズ 8つのコ
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.
Perfect Scrollbar Perfect Scrollbar -GitHub 何をもってパーフェクトなのか Perfect Scrollbarのデモ Perfect Scrollbarの使い方 何をもってパーフェクトなのか このスクロールバーにパーフェクトとつけた理由は、下記の4つだそうです。 ページ上のあらゆる要素にCSSで影響を与えないこと スクロールバーがオリジナルのデザインに影響を与えないこと スクロールバーのデザインは完全にカスタマイズ可能であること コンテンツの大きさが変化したら、スクロールバーの大きさと位置がそれに合わせて変化すること Perfect Scrollbarのデモ デモではあずにゃんの画像をホバーすると、スクロールバーが表示されます。 デモ:領域を拡大 バーの長さが変化していることに注目してください! Perfect Scrollbarの使い方 Step
サイトに初めて来たユーザーには使い方を表示、リピーターには更新されたコンテンツを目立つように表示、などのようにユーザーの状況に応じてコンテンツをカスタマイズしたり、レイアウト変更ができるjQueryのプラグインを紹介します。 「ここまで読みましたね」マークをつけることもできます。
HTMLで作成した普通のテーブルでも、Microsoft OfficeのエクセルやGoogleのスプレッドシートのように美しく機能的なテーブルにする軽量のjQueryのプラグインを紹介します。 ParamQuery grid ソート、セルサイズの変更、インライン編集などもできます。 ParamQuery gridの特徴 ParamQuery gridのデモ ParamQuery gridの使い方 ParamQuery gridの特徴 商用利用可のオープンソース。 データのフォーマットはHTML, Array, XML, JSONなど。 ソート、ページング、カラムのリサイズに対応。 デザインはテーマでカスタマイズ可能。 バーチャルスクロール・レンダリング。 セルのインライン編集。 対応ブラウザはIE6/7/8をはじめ、主要な全てのブラウザ。 サーバーサイドのフレームワークはASP.NET,
jQuery .customSelect()The ridiculously lightweight, semi-native select box styling plugin What it be This lightweight, unintrusive technique uses the native select box functionality of the web browser, and overlays a stylable <span> element in order to acheive your desired look. Since it makes use of default browser functionality, it can be treated just like any ordinary HTML select box. This conc
CSS おれおれ Advent Calendar 2012 – 21日目 セフセフ。 iOSの選択ボタン。HTMLでいうチェックボタン的なもの。”Switch Control”というらしいです。 Switch Control風チェックボックス HTML こんな感じです。 <p> <label class="switch"> <input type="checkbox" /> <span class="label"> <span class="on">ON</span ><span class="separator"></span ><span class="off">OFF</span> </span> </label> </p>
ペーパーレス化の波に乗って、PDFの注釈機能を利用するケースが増えている。これまでであればPDFをいったん印刷したのち手書きで注釈を入れ、スキャンして相手に送り返していたのが、PDFの注釈機能を使って画面上で直接コメントを書き入れてしまおうというわけだ。Adobe Readerでもノート注釈やテキストのハイライト表示といった注釈機能が利用できるようになったことで、誰でも手軽に使えるようになりつつある。 もっとも、いざPDFの注釈機能を使おうとした際、ネックになることがひとつある。それは注釈に表示される「作成者」の名前だ。「作成者」に使われる名前は、WindowsではPCのログイン名がデフォルトに設定されているので、他人に見せるにはふさわしくない名前が表示されることもしばしばだ。しかも環境設定の項目を見ても、この名前はグレーアウトしているので、どこで書き換えればよいのか分かりにくい。 注釈に
タブ、ドロップダウン、アコーディオン、カルーセルなど、今まではスクリプトに依存しないと実装できなかったものをスタイルシートベースで実装するBootstrapのプラグインを紹介します。 Bootstapのプラグインですが、CSSの「:checked」を使ったテクニックを学ぶのにも役立ちます。 Bootleg.css 仕組みは簡単に説明すると、見えない状態のラジオボタンを使い、そのオン・オフのチェック状態でコンテンツを表示・非表示します。 デモと共に、「:checked」擬似要素の使い方を紹介します。 モーダル ボタンをラジオボタンにし、そのチェック状態でモーダルを表示・非表示します。 HTML <-- Button to trigger modal --> <label for="modal1" role="button" class="btn">Launch demo modal</lab
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く