この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 WordPress週間の最終日です。今日は、 地味で、あまり知られていないけど、 知っておくと割と便利なカスタマイズ Tips集。CMSとして使う際は結構頻度 が高くなります。覚えておいて損は しないと思います。 当サイトのWordPress週間、今日は最終日です。先日WordPressのカスタマイズに便利なスニペット集をリリースしました。その宣伝も兼ねて。 WordPressスニペット 今日は、地味だけど覚えておくと割と便利なWordPressカスタマイズTipsいろいろです。動作テストはWordPress Ver.3.3.1で行いました。順不同です。 1つのカスタムフィールドで複数の値を登録→実装 カスタムフィールドは沢山あると使いにくくなります。シンプルなもの
CodeMirrorでWordPressのhtmlエディタをもっと快適にする 前回「HTML Editor Syntax Highlighter」というWordpressのエディタをハイライト表示するプラグインをご紹介しましたが、これは「CodeMirror」というJSライブラリを使用していまして、このライブラリは様々なカスタマイズができます。 そこで、この記事では「CodeMirror」をカスタマイズしてさらに快適なエディター環境を構築する方法をご紹介します。 投稿日2012年05月08日 更新日2012年10月26日 プラグインの編集 解凍したフォルダの中に「html-editor-syntax-highlighter.php」というファイルがありますのでこれを編集します。 オプションは49～65行目あたりになるので、基本的にはここに項目を追加したりします。 html-editor-s
テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」 2012年05月08日- tablecloth.js テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」 $('table').tablecloth() と記述で簡単にテーブルをカッコよくスタイリングできます。テーマも選べる模様。 ソート可能にしたり、ストライプなデザインにしたりといったカスタマイズも可能。 実装できるデザイン例。Twitter Bootstrap と組み合わせたテーマ２種類とその他２種類のテーマがデモとして表示されています 意外と手間取るテーブルデザインですが、こうしたものを参考に美しくデザインしたいものですね 関連エントリ CSS3でクールな角丸テーブルを作る例 シンプルにテーブルにソート機能を持たせるだけのjQueryプラグイ
TOP > Design > コンクリートの表情が楽しめるテクスチャ集「Rough Concrete Tiles: Texture Pack」 人工的なものでありながらもさまざまな表情が楽しめるコンクリートは、デザインの一部にそのまま利用したり模様を利用したりと、制作に頻繁に活用されている方も多いのではないでしょうか？そんな中今回紹介するのが、コンクリートの表情が楽しめるテクスチャをまとめた「Rough Concrete Tiles: Texture Pack」です。 concrete_tile_12.jpg (JPEG 画像, 1656×2500 px) – 表示倍率 (35%) コンクリートの制作途中でできる気泡などの、異なる模様が楽しめるテクスチャが12枚まとめて紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■
先日「YouTubeを効果的に見せるための12の隠しパラメータ」をエントリーしましたが、パラメータの説明のみにとどめていました。 ということで、隠しパラメータを簡単に設定できるツールを作ってみました。 YouTubeオプションパラメータ設定ツール 一番上にある「YouTubeの埋め込みコード」のテキストエリアには、YouTubeの各動画のページにある「共有」→「埋め込みコード」をクリックして表示されたコードを入力してください。 隠しパラメータは配色・表示・再生・その他の4項目があります。各項目の意味については「YouTubeを効果的に見せるための12の隠しパラメータ」をご覧ください。 フォームの各項目設定後、一番下の「実行」をクリックすれば、パラメータを追加した埋め込みコードとサンプル動画を表示します。 ということで、興味のある方はお試しください。
この投稿は 13年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 そろそろテーマを変更しようかなと思っているので、その前準備について。ぼくのサイトのWordPressテーマは子テーマとか既存テーマのカスタマイズではなく、完全フルスクラッチなんですが、その際に「こんな風に作り始めてるよ」という問わず語りです。 1. 開発環境 開発ツールは最近Netbeansを使ってます。NetbeansはWordPressのルートフォルダーをプロジェクトに指定すると、関数が予測変換で呼び出せるようになります。グローバル関数なんて全部覚えていられないので、これは便利ですね。変なタイプミスをなくすためにも、予測変換機能は絶対使うようにした方がいいと思います。DreamWeaverもCS5ぐらいからこういう機能が実装されたように思います。 NetBeansの予測変
ブラウザで画像ファイルを単体で開いたとき、ブラウザによって表示の仕方が違っていたのが気になったので、画像表示ページのCSSを調べてみました。 なかなか面白かったですし、何かの参考になるかもしれません。 Google Chrome & SafariChrome 20.0.1115.1 dev-mとSafari 5.1.5で調査。 画像は表示領域の左上にぴったりと表示される。画像が表示領域内に収まりきらない場合は縮小して全体表示。スタイルは各要素にstyle属性で直接指定されます。 body { margin: 0px; } img { -webkit-user-select: none; cursor : -webkit-zoom-in; /* 縮小表示時 */ }FirefoxFirefox 12.0とAurora 14.0a2 (2012-05-01)で調査。 表示領域は暗い感じに塗りつ
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
外国語を書くのに、すべて丸投げしておまかせできるウェブサービスは存在しない。 有料で、向こうにちゃんと翻訳できる人がいる場合でもできるのは、〈外国語で書く〉という問題解決を支援することである。 複数の情報源（ソース）から得られたものを突き合せて信頼性を高めるのが情報に関する問題解決の基本スタンスである。 どのような辞書も事典も専門家も、間違えることは必ずあるから、ひとつの情報源だけに頼ることは避けられる。 突き合わせるだけで問題が解決する訳ではないが、突合せにより浮かび上がる情報源の間の違いが、問題解決の糸口になる。 機械翻訳 英語←→フランス語、日本語←→韓国語などに比べて日本語←→英語その他の外国語の機械翻訳は、現在のところ実用レベルにはほど遠い。 しかし、とても信用できない機械翻訳も、異なる機械翻訳から得られる複数の結果を突合することで、見えてくるものがある。 ◯翻訳比較くんwith
Google Analyticsに最近実装されたソーシャル解析では、ソーシャルブックマークへ追加されたり、トラックバック通知を受けた際に、Google Analytics上で追加されたり通知を受けたデータを、ページごとに確認することができます。 そのデータをさらに深掘りすると、どのようなページからリンクされたのかもわかるようになっています。 そこで今回は、自サイトのコンテンツへリンクしているページを調べる方法をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Google Analyticsで自サイトへの被リンクURLを調べる方法 ここではGoogle Analyticsで、自サイトの特定ページへリンクしているサイトを調べる（開く）手順をご紹介します。なお、このデータで得られる被リン
Resources by Application Bootstrap Templates Figma Templates Flyer Templates Illustrator Templates InDesign Templates Lightroom Presets Logo Templates Logo Fonts Mockup Templates Photoshop Actions Photoshop Brushes Resume Templates Tailwind CSS UI Kits Web Templates Video & Motion Design Templates All Motion Design After Effects Apple Motion DaVinci Resolve Final Cut Pro Premiere Pro Presentation
GRIwsomeはGoogleリーダーのアイテムをその場で開けるChrome拡張機能です。 Googleリーダーでフィードを読んでいるときに、 新しくタブを開いて詳細を確認することが面倒なときってありますよね。 そんなときに便利な拡張機能です。 その場でフィードの詳細を見ることができます。 さらに全画面表示にして、次々とフィードを実際のページで閲覧することもできます。 以下に使ってみた様子を載せておきます。 まず「GRIwsome」にアクセスしましょう。 Chromeにインストールします。 このようにGoogleリーダーの各フィードの先頭に虫眼鏡マークが付きます。 すると、その場で実際のページを開くことができますよ。 全画面表示にすると、最上部にバーが付きます。（上記画像だと見づらいですが…） 「prev」「next」ボタンがあるので、そのまま次々とフィードを実際のページ上で読んでいくこと
随分前に話題になった記事ではありますが、下記の記事のくり返しパターンが参考になったので紹介しておきます。ダウンロードも下記から行えますので参考にしてください。本記事ではこのパターンを使用した画像の作成についても解説していきます。 12 Free Repeating Pixel Patterns for Photoshop パターンの一覧 まずどんなパターンがあるのか見ていきます。 基本の斜め線 斜めの線を入れることができます。 少し幅のある斜め線 最初のなな目線より少し幅があります。 太い斜め線 太い斜め線が入っています。 四角形のあみ目線 四角形のあみ目線です。 幅の広い四角形のあみ目線 幅の広い四角形のあみ目線です。 方眼紙 方眼紙のようなパターン。 点のくり返し 点のくり返しパターン。 小さな点のくり返し 小さな点のくり返しパターン。 斜め店のくり返し ダイヤ状、もしくは斜めへの点の
The moments after your phone gets wet are crucial. Follow these steps to improve your chances of saving your device. … Read more
Google Analytics APIを使って、ウェブサイトやブログなどの人気ページのアクセスランキングを作る方法を紹介します。 １．完成イメージ 本エントリーで紹介する手順で作成すれば、ブログに次のようなランキングを表示できるようになります。 厳密には、ランキング用HTMLファイルを出力するところまでの説明となります。 ブログにランキングを表示させる手順は割愛していますので、出力ファイルを適宜インクルードしてください。 ２．作成手順 「Google Analytics API class for PHP」の中ほどにある「googleanalytics.class.zip」をクリックして、ファイルをダウンロード。 アーカイブを展開して、中にあるGoogle Analytics APIを利用するためのライブラリ「googleanalytics.class.php」をサーバにアップロードして
「あ〜、インストールしたばかりのIllustratorって使いにくい!!!」ってことで、CS6に限らず、まず、行うことをまとめてみました。 Macのシステム環境設定 Mac OS X 10.6（Snow Leopard）でIllustratorを使うときに変更しておきたいキーボードショートカット Illustrator CS5：開いてるドキュメントを切り替えるキーボードショートカット Caps lockキーを無効にする Illustratorの環境設定 ［キー入力］を「0.1」mmに変更する ［ガイド］の［カラー］を「ライトブルー」に、スタイルを「点線」に変更する ［ユーザーインターフェイス］の［カンバスカラー］を「ホワイト」に変更する（CS6のみ） ［タブでドキュメントを開く］のチェックをはずす アプリケーションバーを非表示にする（［表示］メニューの［アプリケーションバー］をクリック）
これまで写真やファイルなどをSkyDriveに置くためにアップロードをしていましたが、GoogleドライブやDropboxのようにローカルにあるフォルダーに移動させるだけで、SkyDriveへ簡単にアップロード＆バックアップができるようになりました。これを可能にしたマイクロソフト公式のSkyDriveアプリが「SkyDrive for Windows」です。インストールと操作方法は以下から。 ◆インストール 使用しているSkyDriveにサインインをして、「コンピュータの追加」をクリック。 「SkyDrive for Windowsの入手」をクリック。 「ダウンロード」をクリック。 「SkyDriveSetup.exe」を起動。 インストール中 「使ってみる」をクリック。 「Windows Live ID」と「パスワード」を入力し、「サインイン」をクリック。 「次へ」をクリック。 「完了」
Fireworks CS6には、jQuery Mobileのテーマを作成する機能が追加されました。CS5／CS5.1向けに同様の機能を提供する拡張機能「Fireworks CSS3 Mobile Pack」がAdobe Labsにて提供されていますが、CS6では日本語化されているなどの違いがあります。 アイコンの変更 早速、jQuery Mobileのテーマを作成してみましょう。メニューから［コマンド］→［jQuery Mobileテーマ］→［新規テーマを作成］を選択すると、jQuery Mobileテーマ作成用の画面が表示されます。jQuery Mobileのデフォルトテーマには5つのスウォッチ（カラーバリエーションなもの）が用意されており、Fireworksでも初期状態では5つのスウォッチがページとして定義されています。さらに、スウォッチで共通に利用するアイコンなどを設定するページ、テ
このサイトを見るような人は、1000回以上聞いたことがあると思いますが、iPhone、iPadではFlashが動きません。 そのため今回は、AfterEffectsなどを使い、動画ファイルでもアニメーションgifでもないアニメーションのやり方を紹介いたします。 以前、googleがバナーに使ったりしたやり方を今回実写を用いて作成してみました。 Martha Graham’s 117th Birthday googleの例では、画像見ると下記のようになっており１フレームごとに表示する場所を動かしています。 Martha Graham’s 使用画像 完成サンプル 完成品は下記のようなものになります。（iPhone、iPod touchなどのiOSでご覧ください） ただ動くだけでなく、iPhone用に指の動きに合わせて動きます。 iPhone用アニメーションjpeg サンプル ※画像が大きいので
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
