display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

１）Youtubeアカウントを取得 http://www.youtube.com/ Youtubeでアカウントを作りましょう。 これで動画を作成する準備は整いました。 ２）スライドショーを選択 画面上部にあるアップロードを選択して、スライドショーを選びます。 今回作成した動画にちょっとだけ心残りがあるとすれば、16:9のアスペクト比ではつくってありますが、画像サイズを1920×1080にしなかったことで、若干テキストが荒れてしまいました。反省。 もし高画質を望むなら解像度は1920×1080でアップするといいかもしれません。 ここでは、写真をアップロードを選択することで、写真をアップしていけます。 ３）後はポロポロと送信 ちなみに、テキスト画像と、写真画像を交互に送信すればそれらしくなります。 ４）動画編集 写真をアップし終えたら次へボタンを押すと、動画編集画面になります。 右側にはサウン

実は WordPress サイトを静的 HTML に変換するプラグイン StaticPress をリリースしていました。 ダウンロードは、WordPress 公式プラグインディレクトリからお願いします。 WordPress › StaticPress « WordPress Plugins このプラグインを使用することで WordPress で作成されたサイトを丸ごと静的ファイルに変換することができます。 また、変換時にサイトのパーマリンク構造を変換することができるため、http://wp.example.com/ というオリジナルサイトを http://www.example.com/static/ というサイトとして公開するための html を作成することも可能です。 完全に静的ファイルを作成するため、コメントやサイト内検索・コンタクトフォームの設置などはできません。 それらについては

A new version of Twitter trackbacks jQuery plugin which integrates tweets that mention your post into your blog. This version handles the new API key requirement by Topsy. Setup <link type="text/css" href="http://twitter-trackbacks-widget.googlecode.com/svn/v1.1/default.css" rel="stylesheet" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></s

スムーススクロール・タブ切り替え・ロールオーバー・アコーディオンなどといった、サイト制作時によく使われる機能をまとめて実装することができるjQueryプラグインのまとめです。 予め使用する機能がはっきりわかっていれば、こういった便利なものを使用することでファイルの散乱も防げますし、管理もしやすくなりますね。 紹介するプラグインの中には必要な機能だけを選択してダウンロードできたりもします。 yuga.js web制作を優雅にするために作られたjQueryプラグインで、7種類の機能が実装されています。 ライセンスはMIT Licenseで、ライセンスに従う限り許可なく自由に使用できるそうです。 機能 ロールオーバー 現在のページをハイライト表示 外部リンクを別ウインドウで開く 画像をthickboxで表示（thickbox.jsを使用） スムーススクロール タブ機能 CSS3の擬似クラスをクラ

ヤフーは、スマートフォンやタブレットなどに対応したアクセス解析サービス「Yahoo！アクセス解析」を、今秋から提供すると発表した。ベンチャー企業・ユーザーローカルと協業。Yahoo！JAPANの広告サービス利用者に、原則無料で提供する予定だ。 スマートフォンやタブレット、フィーチャフォンなどデバイスごとの解析が可能。サイトの訪問者が住んでいる地域や読者層の男女比、地域ごとの傾向、どのような組織・業界からアクセスされているかなどもチェックできる。 広告経由のクリック数などコンバージョン分析機能や、解析データを元に広告配信を最適化する機能も搭載。スマートフォンアプリがダウンロードされた流入経路やユーザーのアクティブ率、リピート率なども確認できる分析機能も備えるという。 同名のアクセス解析サービスは2009年からYahoo！ID会員向けに無料提供していたが、11年に終了していた。

こんにちは Latin です。 バシャログ。には、WordPressの記事が少ないな～と感じてたので今後増やして行きたいと思っています。 今回はWordPressの基礎的な分野でもあるパーマリンク設定について簡単にまとめてみます。 例として、「果物」のカテゴリーに「リンゴ」の記事を投稿すると仮定します。 【デフォルトパーマリンク】 http://example.com/?p=1 カテゴリーや投稿スラッグなどの識別要素がなく、記事の投稿IDのみになっていますね。 せっかくなのでSEOに有効なパーマリンクに書き換えます。 【パーマリンク設定変更画面】 サイドメニューの「設定」→「パーマリンク設定」で設定画面を開きます。 「カスタム構造」にチェックをして、パーマリンクタグを任意のものに書き換えます。 【利用可能なパーマリンク構造タグ】 %year% 投稿年・4桁 （例）2004 %monthnu

ブログを構築する際、記事一覧ページではタイトルの文字数を制限したい方も多いはず。そこで、サイドバー等でも使える記事タイトルの文字数制限方法をご紹介します。 見た目を気にしすぎて過度な省略を行うのも考えものですが、適度な文字数におさめる事で見やすく、使いやすいホームページ作りを心がけましょう。 使用ソース 使用方法 使用ソース 今回は最新記事のタイトルを例に説明します。 まず、最新記事を表示したい部分に以下のソースを挿入します。 &lt;?php $posts = get_posts('numberposts=3&amp;order=desc'); ?&gt; &lt;ul&gt; &lt;?php foreach($posts as $post): ?&gt; &lt;li&gt;&lt;a href=&quot;&lt;?php the_permalink(); ?&gt;&quot;&

jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。 Webサイトの55％で利用されているjQuery はじめまして。クラスメソッドのフロントエンドエンジニア、山田です。「jQuery×HTML5×CSS3を真面目に勉強」という連載をスタートします。 2005年2月にGoogle mapsが登場して以来、Web開発者の間でJavaScriptの株は上昇の一途をたどっています。その勢いはとどまることを知らず、リッチなWebコンテンツを作るには、Flashをはじめとしたプラグインに頼るという、それまでの常識をすっかり覆してしまいました。 さらに、HTML5やCSS3も登場し、各ベンダのブラウザがWeb標準の仕様に合わせて実装の足並みを揃え始めるなど、プラグインに頼らずともリッチなUIのWebコンテンツを少ない手間で作れ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

たまにAdminバーをカスタマイズする機会があるのですが、たまにしかやらないのですぐ忘れてしまうので、個人的な覚書として。 Adminバーから項目を取り除く Adminバーの項目を取り除くには、remove_node() というメソッドを使用します。 add_action('admin_bar_menu', customize_admin_bar_menu', 9999); // 優先順位は大きめで！ function customize_admin_bar_menu($wp_admin_bar){ // Adminバー左側 $wp_admin_bar->remove_node('wp-logo'); // 一番左のWordPressのロゴを消す。 $wp_admin_bar->remove_node('site-name'); // 左から2番めのサイト名を消す。 $wp_admin_b

The backend of WordPress is one of the better ones out there. However, depending on your needs, the menu can be a little crowded with fluff that you just don't want or need there. In this tutorial, I am going to show you how to tame your admin menu. I will show you how to rename menus, reorder the menus, or just plain eliminate them without touching core. Because touching core is bad. Renaming Men