input要素に簡単に実装することが出来る、電卓・計算機のプラグイン 「jCalculator」
input要素に簡単に実装することが出来る 電卓・計算機を導入するプラグイン、利用にはjQueryも必要。手軽に実装できるので、飾り的に使ってみるのも有りかと思う
input要素に簡単に実装することが出来る 電卓・計算機を導入するプラグイン、利用にはjQueryも必要。手軽に実装できるので、飾り的に使ってみるのも有りかと思う
CSSだけで作られたトグルボタンを使ったメニュー。メニューが現れる際のアニメーション等にも凝ったメニューで比較的流用しやすいコードとなっている
CSSのscaleを使ったテクニック。hoverによってリンクにアンダーラインがアニメーションで伸びるように現れるようにする事が出来るコード
All in one seo pack に新しくTwitter card の項目がさらに増えた。これによってより詳細なTwitter cardの設定をすることが可能になった。
CSSだけで作られた和柄の青海波文様。日本の波を表す模様です。またアニメーションもついていて、すこし遊び感がある背景パターンです
CSS3のnot()を使った否定的なセレクタの使い方のデモンストレーション。マウスオーバーによる動作を否定的に行っています。また、not()を使うことでコードが短く書けるメリットも
CSSの擬似要素のborderを使って透明な背景が映し出される三角形を作り出すテクニック。応用することでいろいろな見せ方も可能になる
文字を美しく見せるCSSのテクニック、SCSSで簡単に色々なカラーのバリエーションで作成することが可能。変更箇所はたったの2箇所でOK
HTMLで2つの画像を組み合わせて合成することで、GIFアニメーションの効果と、GIFの透かし効果をうまく使って インパクトのある画像を作るテクニック
wave simulation ちょっと、見たことない感じでとても斬新。 矢印マークがふわふわと動いて、スクロールができることを知らせることはよく使われますが、このアイディアは斬新。 矢印マークの動きと合わせて、矢印マー […]
ブログシステムのCMSMovable Typeのオープンソース版Movable Type Open Source を公式サイトから入手する方法
CSSのBackground blend modeを使ったデモや、いろいろな背景パターン。またどういったものなのか詳しく解説されているサイト等を紹介
ネットショップを簡単に構築出来るCMS EC-CUBEのダウンロードからインストールまでの手順。初めてする問に戸惑うポイントと、実際にインストールしてみての感想を書いています。
ネタバレ防止に使える、テクニック。CSSのtext-shadowを使ってぼかした状態で表示させ、クリックされた時に内容がクリアに見えるようにすることでネタバレを防止するアイディア
HTML5のvideoタグを使って、ブラウザの画面いっぱいに動画を背景として流す方法です。 videoタグとちょっとのCSSで実現可能です。
第1回 「CSSフレームワークって何?」 第2回 「グリッドシステムって何? グリッドシステムを学ぶ」 第3回 「セットアップして利用開始できる環境を作ろう」 第4回 「制作事例をみてイメージを膨らまそう」 […]
エアメールとはこんなやつです。最近はあまり見かけなくなりましたね、今は別のこの封筒じゃなくても手紙がちゃんと届くってことなんでしょうか?それでも文房具屋さんでは片隅に置かれてたりして、まだまだニーズがありますね。 そんな […]
Googleの検索結果では自動的に、ある程度認知度があるサイトではサイト内のリンクから自動的にサイトマップ的なサイトリンクが生成されます。 当サイトでは「9ineBB」と検索するとこのような検索結果が表示されます 6つの […]
お問い合わせフォームや、会員登録等のフォームで使われるような入力フォームで、その場所がアクティブにあると、中にあるラベルである文字が入力の箇所からぴょんと飛び出すアクションの入力フォームのデザインです。 文 […]
テキスト中に埋め込まれたテキストリンクでは、なんか物足りない。そんな時にこれを使うとぴったりかも