3Dに重ねて表示されたエレメントをクリックで最前に並び替えるコード 『Map portfolio』
3Dに整列されたDIV要素をクリックする事で手前に持ってくるものです 後ろに並ばされているものは、順序が維持されます
PHPでのコメント(コメントアウト)を使って、一時的にコンテンツを非表示。実行させないようにする
コメントアウトをすることで出力・実行させないようにする PHPのみならず、プログラムにはコメントというものがあります このコメントはプログラムのコードとはされず 人が見やすくするために使われるものなのですが コメントアウ […]
Google Adsenseでもエイプリルフール？ 地球外からのクリックが発生！ 2014年
昨日はエイプリルフール いろいろなWEBサイトで、面白いことをやっているのですが Google Adsense でも異変が Adsenseの管理画面で表示されるレポート類のなかに一つ異物が 地域のところが、上位の惑星と衛 […]
YOUTUBE等の埋め込み動画をレスポンシブにするWordPressのプラグイン 『Advanced Responsive Video Embedder』 の使い方
Advanced Responsive Video Embedder https://wordpress.org/plugins/advanced-responsive-video-embedder/ こちらのプラグイン […]
ハイクオリティな良質なデザインの404ページ 『CSS3 Custom 404』
かなりクオリティーの高い404ページのデザインです このまま利用するには少し、コードの一部に変更が必要ですが あとは一部を日本語に置き換えてやれば即使えそうです
本格的なCSSのグラデーション20個 コピで使えるコード 『Gradients & Colors』
20種のグラデーションがあり、最近のおしゃれなウェブサイトで使われているような グラデーションになっています
記事にあるpreタグで描かれたコードをすべてシンタックスハイライターでの表示にするプラグイン 『Crayon Syntax Highlighter』 【WordPress】
Crayon Syntax Highlighter ダウンロードはこちら http://wordpress.org/plugins/crayon-syntax-highlighter/ WordPressへのインストール […]
Windows Live Writer + Syntax Highlighter + WordPress で簡単にシンタックスハイライターをWordPressで表示する方法
Windows Live Writer + Syntax Highlighter + WordPress シンタックスハイライターをWindows Live Writer から手軽に使うプラグインが幾つか存在します この […]
WEB アイコンフォント Font Awesome をCSSのcontentで使う方法
WEB アイコンフォントって何？ フォントにはPCで使うフォントとサーバー上に存在するWEBフォントがあります WEBフォントは無料のものと有料のものがあります 日本語だと有料のしか今のところ見たことがありませんが 英語 […]
WEBサイトに来た時に簡単に LocationとIPアドレスを表示させるスクリプト 『geolocation + ip + postal code』
サーバーにアクセスしたロケーションとIPアドレス、郵便番号を表示させるシンプルなコードです
404ページも楽しくなっちゃう ロボットが出迎えてくれるデザイン 『Sovog 404 page』
ロボットのキャラが、へんてこな踊りをしているのを404ページとして作ったものです
複数の投稿タイプをひとつのメインループで表示する方法 query_postsとpost_type 【WordPress】
WordPressには通常の投稿、固定ページ、カスタム投稿タ、attachmet(メディア)が存在するのですが それらを複数指定でメインループを作ってしまう方法 通常のループでは投稿が指定されていますのでquery_po […]
投稿されたメディア・画像(attachment)の一覧ページ,メインループを作成する方法 【WordPress】
WordPressに投稿されたメディアは記事と近い扱いで存在します なので、それをメインループで呼び出すことでページネーションが出来るメディア一覧ページが出来ます WordPressの通常のトップページのようなものを記事 […]
カスタム投稿タイプ用にカテゴリを作る方法、カスタムタクソノミー(Taxonomy)を使う WordPress
WordPressにはカスタム投稿タイプ(custom post type)というものがあるのですが 通常の投稿とは分けて管理される投稿です、複数作成も可能なのですが このカスタム投稿タイプにカテゴリ設定がありません な […]
バック・トゥ・ザ・フューチャー2で出てくる ホバーするスケートボードをCSSで作ってしまったもの Hover Board
背景の光等は画像を使って表現されているのですが、ホバーボード自体はCSSで作られています CSSでこれを作ってしまうなんて私には真似できません
CSSでジグザグな背景を作るのに参考になりそうなコード ZigZag edges
上下のジグザグなところは、CSSの背景を使って表現されています グラデーションを表現するinear-gradientに角度を付けることが出来、それを利用してジグザグにしています
ソフトのインストール不要、Chromeだけでデスクトップを録画出来てしまう 拡張機能 「Screencastify」
Screencastify https://chrome.google.com/webstore/detail/screencastify-screen-vide/mmeijimgabbpbgpdklnllpncmdof […]
HTMLで長い英数字の文字列 URLが横幅を超えてはみ出てしまうのを防ぐ word-worp
このような 長ーーーい URL http://www.amazon.co.jp/gp/product/B00BOGUUK4/ref=s9_psimh_gw_p79_d3_i2?pf_rd_m=AN1VRQENFRJN5& […]
WordPressのアイキャッチ(サムネイル)の画像をURLで取得して表示する方法
WordPressでアイキャッチのURLを取得する、利用する方法 WordPressにはテンプレートタグでアイキャッチを表示させることが出来ますが imgタグとして出力されます これを純粋なURLとして出力させることで利 […]
SVGを使った キラリとひかるアニメーション効果 「Animated shiny button, using SVG」
SVGの画像でanimateTransformを使って、キラリと光る効果を与えています
