WordPressでget_the_tags()で取得したものを出力する時に、特定のタグを除外するコード

WEB制作系 CMS WordPress get_the_tags PHP WordPress WordPressテーマ

Wordpressで get_the_tags()を使って自由な形式でタグのリストを表示するときのコードにさらに、不要なタグを出力させないようにしたコード

時針と分針に現在の時間、分数がそれぞれ表示されるようになった時計のアイデア

WEB制作系コード・プラグイン clock CODE javascript

時計を時針と分針を使って、ちょっと変わった見せ方をするアイディア。それぞれの針に文字で現在の時刻を表示することで時間がわかるように

背景がオーロラのように変化していくCSSだけで作られたコード

WEB制作系コード・プラグイン animation CODE CSS

javascriptが使われていない、CSSのアニメーションのみで作られた色が変化してオーロラのような感じを実装できるコード

著作権フリー夏を連想させる水・海・プール・ビーチの画像 30枚を追加

お知らせ画像

無料で使える画像を30枚追加しました、夏を連想する水・海・ビーチ・プールの画像を追加。これからの季節にどうぞ

CSSのtext-shadowで作られた立体感がある影をコピペで作れるコード

WEB制作系コード・プラグイン CODE CodePen CSS text-shadow

CSSのtext-shadowを使って、少し高級感のある立体的な文字になるような影を演出するコード。コードもコピペで使えてシンプル

1カラムのスクロール型のページで要素の継ぎ目を斜めにするテクニック

WEB制作系コード・プラグイン background CSS パララックス

CSSでrotateを使って、ブロックとブロックの継ぎ目(境界)を斜めにするテクニック。HTMLはシンプルなままで、実現可能です。デモとサンプルのダウンロードもあります

スクロール量に合わせて変化を与えるコード ScrollMe.js

WEB制作系コード・プラグイン CODE javascript scroll

ScrollMe 簡単にスクロールの動作に合わせて、要素にアニメーションを加える事が出来るスクリプト。classの付与とdataでアニメーションの効果を指定するだけで使える

HTMLのTableの内容をソートして並び替えできるようにするjQueryプラグイン tablesorter

WEB制作系コード・プラグイン jQuery table プラグイン

HTMLのTABLEで表計算ソフトで出来るようなソートを実装するためのjQueryプラグイン tablesorterの使い方

WordPressの投稿をカレンダーを使って、予約投稿の管理をするプラグイン WordPress Editorial Calendar

WEB制作系 CMS WordPress WordPressプラグイン WordPress管理画面カレンダー

Wordpressで大量の下書きがある場合に、直感的にマウスだけの操作で管理が出来るカレンダー表示のプラグインがとても便利

ボタンをクリックした時に、波紋のようなエフェクト効果を与えるコード

WEB制作系コード・プラグイン button CODE HTML javascript opacity scale

ボタンをクリックした時に、波紋状のようなものが効果として表示されるエフェクト。border-radius、scale、opacityのをそれぞれ組み合わせて作られている

超シンプルにCSSのflexで作らえれた、hoverで縦に割られた領域が拡大縮小するテクニック

WEB制作系コード・プラグイン CODE CSS flex hover

CSSのDisplay: flex;を使ったテクニック。flexで当分割したものをマウスオーバーで割合を変化させることで、表現したもの。とてもシンプルなコードで使い勝手がいい

CSSでノートの罫線を作ることが出来るグラデーションのコード

WEB制作系コード・プラグイン CODE CSS グラデーション

CSSで作られたノートの罫線、background-imaegを使って背景で表現されている、手書き風のフォントと組み合わせうろより雰囲気が出る

自動的に要素の数に合わせてナビゲーションを増減させるスクリプト

WEB制作系コード・プラグイン javascript navi

jQuery、javascriptで作られた自動的に要素の数に合わせてナビゲーションを作成してくれるコード。スクロールにも合わせて反応するようにできている

1つの要素と擬似要素でborderを使って、三角形のアウトラインを作り出すテクニック

WEB制作系コード・プラグイン border CSS HTML

CSSのborderをつかって、中身が無い繰り抜かれた状態の三角形を作り出すテクニック。2つの要素を重ねあわせて、重なる部分のborderだけを表示することで三角形を作り出す

Photoshop CC 2014 で新しく追加されたスマートガイドの機能を使って要素との間の距離を表示する方法

Photoshop Photoshop CC 操作・テクニックスマートガイド

Photoshop CC 2014 で追加されたスマートガイドの新しい機能の使い方。そして、なぜか使い得ないと思ってたい原因について

WordPressでRSSを取得して、リストとして好きなデザインでレイアウトして表示する方法

WEB制作系 CMS WordPress RSS WordPressテーマ

WordpressでRSSを取得して、表示するコード。このコードを使うことによって、好きなレイアウトのHTMLを組むことが出来、自由度の高い表示が可能になります

input要素に簡単に実装することが出来る、電卓・計算機のプラグイン「jCalculator」

WEB制作系コード・プラグイン javascript jQuery

input要素に簡単に実装することが出来る電卓・計算機を導入するプラグイン、利用にはjQueryも必要。手軽に実装できるので、飾り的に使ってみるのも有りかと思う

CSSだけ、javascriptを使わずに作られたバーガーボタンを押すとスライドインして現れるメニュー

WEB制作系コード・プラグイン CODE CSS HTML menu

CSSだけで作られたトグルボタンを使ったメニュー。メニューが現れる際のアニメーション等にも凝ったメニューで比較的流用しやすいコードとなっている

scaleを使った、hoverでアンダーラインが中心から広がっていくアニメーションを実装するコード

WEB制作系コード・プラグイン animation hover scale

CSSのscaleを使ったテクニック。hoverによってリンクにアンダーラインがアニメーションで伸びるように現れるようにする事が出来るコード

9ineBB