jQueryで作られた付いてくるサイド・カートメニュー(プラグイン不要) Fixing the cart on scroll
スティッキー系のプラグインんを使わずに、jQueryだけで付いてくるメニューを作ったものです プラグインの用に、クラス名やidを指定するだけで動作するようにはなりませんが コード自体が短く軽量なので少しでも、ファイルサイズを下げたいときに参考になるかと思います
CSSで作ったリボンデザインのボタン Ribbon Btn
CSSだけで作られたリボンで、hoverアクションもあるボタンとなっています コードはコピペで使えるようにまとめられています
フリックで操作出来るスイッチ(ボタン)のデモ On/Off FlipSwitch with a bit with touch event
On/Off FlipSwitch with a bit with touch event By kirkas ボタンをクリックしたままスライドさせることでオン・オフを操作出来るボタンを作る例です スマフォでの操作に導入 […]
ARCTEXT.JSを使ったレトロ感のあるタイポグラフィ Vintage Typography
jQueryのプラグイン ARCTEXT.JSを使って、文字にカーブをかけています ワインのラベルとかのデザインをイメージさせますね
WordPress 3.9の注目は画像を載せるのが簡単になる！ 他色々アップデート
WordPress 3.9のベータ版 1の提供がはじまりました 前回の大規模なアップデート3.8では外見が大幅に代わりましたが、今回は機能面がかなり強化されて使い勝手が良くなりそうです 主な変更点 ビジュアルエディアタで […]
文字をネオン風にしたCSSデザイン 6種 [CSS3] Neon Glow
CSSで文字をネオン管のように表現したものです ホバーすることで、ネオン管が光るようになっています
メニューについてくるアンダーバーを実装するコード Lava Lamp Navigation With Drop Down Menu.Its cool
メニューをhoverすることで、下にあるバーが少し遅れて付いてくるアニメーションを付けたものです
Googleの画像検索から商用利用・改変が可能な画像を探す方法
Googleの画像検索はクリエイティブコモンズに対応していて、画像をコモンズの種類に合わせてフィルタリングして探すことが可能です、コモンズには画像の利用、改変、商用利用についての設定があり、それぞれの条件を元にGoogl […]
Canvasを使ってhover時にキラキラしたエフェクトを与えるコード Add a little magic!
かなりクォリティーが高い作品です マウスオーバーすることで、その要素にキラキラした効果を与えます、普通に使えます
SVGの基本的な図形の作り方を簡単にまとめたもの Svg Shapes & Lines
SGVで直線、波線、長方形、角丸の長方形、三角形、星形、円、楕円をつくるときのコードがわかります SVGで図形を書くときに参考になりそうです
attachment・メディアページを無効・削除 リンクも削除する方法 【WordPress】
WordPressは画像等のメディアをアップロードすると自動的にそれようのページが生成されます これってかなり不要だったりします うまく使いこなすことも可能なんですが 多くの人にとっては不要の代物でしょう そこで、そのa […]
WordPressが踏み台にされないようにピンバックを無効にするプラグイン Disable XML-RPC Pingback
最近、WordPressのピンバックを利用した攻撃が増えているようです 自分のWordPressが踏み台にされないように、ピンバックを無効(停止)にするプラグインがあります、それがこれです
2つのinputの内容が連動して、表示できる コード Getting username from email adress
一行目のメールアドレスを入力する箇所にテキストを入れると下の項目も連動してメールアドレスの@マークの前の部分が自動的に挿入されるとうものです
テキストエリアのプレースホルダ(消える文字)を複数行対応させる方法 multi-line placeholder text (webkit)
目からウロコが落ちる webkit系限定なのですが、こういう使い方があったんですね テキストエリアに複数行の消えるテキストを表示させる方法です 一行じゃ収まりが悪い時に使えますね
Google Web Fonts でIE8以下でフォントがうまく読み込めない時に行った対策
Google Web Fontsってすっごく便利なんです 日本語はないのですが、このWEBフォントを使うだけで タイトルがロゴっぽくなるんです なので重宝しているのですが IEではうまく動かない時があります […]
background-clip: text; を使ってグラデーションをアニメーションさせて、文字が光沢しているように見せる テクニック CSS Shimmer Text Effect
文字に背景画像を割り当てる background: text;を使い、文字に背景として設定してあるグラデーションを表示させています
文字のOを時計に見立てたロゴのアイディア NTN Logo Concept
NOW THIS の O のところが時計になっています javascriptを使ってローカルPCの時間の取得と動作をさせています
WordPressのカスタム投稿用のループページを作る方法 【ページネーションが出来る】
WordPressにはカスタム投稿とう通常の投稿とは区別して使える投稿があるのですが その投稿はトップページに表示されるような記事の一覧には出てきません 専用の、ループを作ってページを作ってやることで、トップページやアー […]
Canvasを使った 入力したテキストに合わせてドットが集結して文字になるコード Circles, text and getImageData
好きな文字を入力することで、その文字に合わせて散らばっているドットが集結して文字になります 集まったドットがピコピコ動いているのもなんだかかわいい
CSSのボックス要素に関する扱いを正しく理解しているかjQueryで作ったクイズ BRO, DO YOU EVEN BOX MODEL?!
jQueryを使って作られた、問題です、下にある要素を上の正しい位置に入れていくことで回答する問題形式です。クイズ作りのベースに使えそうなコードです
