カスタム投稿タイプ用の投稿用テンプレートを適応する方法 WordPress
WordPressにはカスタム投稿というものがあり、通常の投稿とは切り分けれる投稿タイプです なのでループが別に表示させれたり、色々なカスタムをすることが出来ます プラグインで導入すると割と簡単にカスタム投稿を使うことが […]
印象的 かわいいキャラクターが飛び出る ドロップダウンメニュー Expanding List
かわいいキャラクターがHoverすることで飛び出してくるドロップダウンメニューメニューです
SVG画像にHoverアクションを加えたデモ svg face
SVG画像は中身がHTMLで組まれているのでその特性を活かして、タグにクラスを付けることで CSSを適応して色指定とHOVERによるアクションを加えています
wordpressの投稿をあらゆる24ものSNS等に投稿することが出来るプラグイン NextScripts: Social Networks Auto-Poster
NextScripts: Social Networks Auto-Poster http://wordpress.org/plugins/social-networks-auto-poster-facebook-twi […]
WordPressにスパム対策で計算問題を答えないと コメント、ログイン等が出来ないようにするプラグイン Captcha
WordPressでスパム対策に導入するプラグインです またログインページに設置することで不正アクセスの攻撃を受けにくく出来ます Captcha http://wordpress.org/plugins/c […]
hoverで縦にアコーディオンになった画像を表示させる画像ギャラリーに使えるテクニック CSS3 Accordion with Focus effect
hoverを使った、画像ギャラリーに使えそうなアクションです。画像にマウスポインターを載せることで、画像が拡大されぼかしが消えるアクションです、ぼかしはCSSのフィルターを使っていません
CSSスプリットを使ったアニメーションの作り方のデモンストレーション CSS Sprite Demonstration
CSS Sprite Demonstration By Bryan Braun http://codepen.io/bryanbraun/pen/bojpu CSSスプリットで順番に画像を表示することで、アニメーション化 […]
[js] マウスホイールで数値を操作するjavascript Number Scroll
数字の上でマウスホイールを転がすと数値が変動する仕組みです、数字をクリックすることで手動で数値を入力することも可能
[CSS] 無限にちぎれるトイレットペーパー Endless Paper Roll
ほのぼの系のCSSデザインです 使いドコロはかなり限られますが、トイレットペーパーの上辺のカーブのアニメーション演出がうまいなと思う作品
使いドコロに困惑！？ グロかわ な無料で使える45種のアイコン Nasty Icons
なんとポップなグロをアイコンにしてしまった Nasty Icons 無料で個人でも商用でも利用可能です http://www.nastyicons.com/ ダウンロードするには Facebookでいいね […]
CSSで作られた カラフルなアイコン Icons HTML/Css
独創性のあるアイコンデザインでCSSで作られています コピペではちょっと使えません、一工夫だけ要ります。
CSSだけで作られたタコメーターがいい感じ Css tachometer
アニメーション付きのCSSで作られた タコメーターです かなりいい感じに仕上ってます
CLASSの追加・削除で使える純粋なjavascriptコード jQuery不要・javascriptのみ
jQueryって便利です！ほんとに でも一つボタンを作りたい、使いたいだけでjQueryを読み込ませるのって 無駄が多い気がしませんか？ javascriptだけでできればインライン化してファイルの読み込みもひとつ減らせ […]
一枚の画像をCSSで分割して、波打つ旗にするアイディア・テクニック
実際には1枚の画像なんですが、divブロックで分割させてアニメーションを加える事で旗が風になびいてるように表現されています
カッコイイ ノイズでデザインされた 404エラーページのデザイン Glitchy 404 Page
404エラーページをデザインしたものです 背景にはGIFアニメで砂嵐を表現しているの以外は、CSSで作られています 文字が変形するのは transformのscaleを使ったものです
クリアなデザインのCSSで作ったボタン 16種 Clean Button Set
シンプルなデザインのボタンです CSSで作られているので、WEBフォントとフォントアイコンの読み込みと少しちょっとだけCSSコードを調整すれば使えます
hoverで目隠しが開くと同時に、中の画像も移動するテクニック CSS Aperture Effect
hoverによるアクションに、box-shadowsによる変化を与えているのかとおもいきや、box-sizingをborder-boxにして内側にborderが入ってくるようにして、hoverでborderの太さを変更することで、輪っかが変形するようになっています
さくらのレンタルサーバーで Contact Form 7 で送信できない！ グルグルが終わらない、メールが届かないときの対策
最近この創造WEBにコンタクトフォームを導入しようと思って Contact Form 7 を導入したのですが テストでコンタクトフォームから送信してみたら、いつまでたってもグルグルが止まりません、完了したメッセージさえも […]
WordPressのメール送信のサーバー(メールサーバー)を変更するプラグイン WP Mail SMTP をoutlook.comでの利用例
WordPressでサーバーのメールサーバーを使わずに 独自に外部のメールサーバーを利用するためのプラグイン WP Mail SMTP の設定方法です なぜこのような設定が必要なのか？ サーバーによっては、上手く動かない […]
ポップなアニメーション付きの Apple,Robot,Cloudのアイコンデザイン Animated icons
アイコンをhoverするとアニメーションするアイコンデザインです webkit系で動作します、IEでは色もアニメーションも無い黒く表示されます
