jQueryのscrollとscrollTOPを使って一定量をスクロールしたら実行するコードの例
ナビゲーションがすぐに付いてくるのではなく、ある一定量をスクロールしたら付いてくるタイプのナビゲーションがありますよね、あのようなものを実装するのにjQueryを使えば簡単に出来てしまいます […]
Bootstrapを使ってWEBサイトを作ってみようぜ 第4回 「制作事例をみてイメージを膨らまそう」
第1回 「CSSフレームワークって何？」 第2回 「グリッドシステムって何？ グリッドシステムを学ぶ」 第3回 「セットアップして利用開始できる環境を作ろう」 第4回 「制作事例をみてイメージを膨らまそう」 第5回 「全 […]
アメコミ風のハーフトーンを表現したCSSで作られたbackground 『Comic Book Half Tone Background』
アメリカのコミック風にCSSで背景を作ったものです こちらはBodyにbackgroundとして設定してありますが、見出しの背景とかにこういったアメコミのハーフトーンを使って文字もコミック系のものをつかえば、面白みのある見出しを作れるかなと思います
角が丸くえぐられた感じのカードをCSSのみで作るテクニック 『Fail better: CSS inverted border radius』
角丸の逆、角を丸くえぐった感じのデザインをCSSのみで実現しています。 どうやって作っているのか不思議ですよね、1つのDIVにBeforeとAfterだけではこのようにはつくれません
A8.netの管理画面のメニューがリニューアル、そして消えたリンクと無くなる項目
A8.netの管理画面のデザインガ変更になりました、A8.netを使ってる人はもうチェックしたかな？ 玉にしかA8.netにはログインしないのですが、どんな風に変わったかというと フラットデザインに変わりました 流行を取 […]
最新のDISQUSがいつの間にか日本語での表示に対応していたので日本語表示にする方法
WordPressのコメントシステムを停止して完全にDISQUSだけでの利用をしています、またWordpressのプラグインを使わずに直に設置してたりします、そんなコメントシステムのDISQUSなんですが、最近まで日本語 […]
ココナラの出品に新機能が追加、YOUTUBEの動画の貼り付けと回答例が掲載可能に
ココナラでのダイレクトメッセージでの問い合わせは週に数件あるのですが、なかなかIT・プログラムカテゴリでは購入に結びつきにくいのかな？と思ったり、結構 WordPressの有料テーマでの悩みっていうのが多いみたいで有料テ […]
google+のページにChromeの拡張機能から投稿できる 『Share on Google Plus Page』
Share on Google Plus Page Chromeウェブストア google+のプロフィールへのシェアっていうのは設置されているボタンや、拡張機能で簡単に出来るのですが。Google+のページへのシェアって […]
リンクシェアの紹介プログラムが0円になるのと、そのメール内容が少し不快な感じがする件
リンクシェアの紹介プログラムが0円に リンクシェアとはASPで成果報酬型の広告が主なASPです いわゆるアフィリエイトの広告が利用出来るサービスです 私自身はリンクシェアはほとんど使っていないのですが、リンクシェアの紹介 […]
CSS3から追加されたjustify-contentって何？というお話し
justify-contentは使ったことが無いのですが、とあるコードに使われていたのでどういったものか分からなかったので調べてみました flexboxコンテナという概念あり、flexboxコ […]
SVGを使ったヌルヌル動くアニメーションがすごすぎる 『Full SVG Animation (first Test)』
SVGだけで作られています、CSSもjavascriptも使われていません SVGアニメーションだけでこんなことまで出来てしまうとは驚き
input range の値をリアルタイムで表示するjavascriptとデザイン 『Range Input: change live value』
input range はスライドさせることで数値が変化するタイプの入力でボリュームの設定とかに使われるようなものです、それの値をjavascriptを使ってリアルタイムに表示させています
WordPressでPHPのインクルードファイルを一つのファイルにまとめる方法
WordPressのテーマでインクルード使っていますか？ 私も使っています、広告を挿入する箇所のAdsenseのコードとかはテーマのテンプレートに直接書かずにインクルードで読み込ませるようにしています、そうしたほうがその […]
一つのメールアドレスでいろいろな情報を表すアイディア 『MINIMAL BUSINESS CARD DESIGN』
MINIMAL BUSINESS CARD DESIGN http://smus.com/minimal-business-card-design/ ひとつのメールアドレスの中に、複数の情報を表したアイディ […]
ベンダープレフィックスを簡略的に出来るSCSSの@mixinのテクニック
CSSのベンダープレフィックスってめんどくさくないですか？ SCSS+compassだと、自動的にプレフィックスを追加してくれて楽なようですが、私はcompassを使っていません Bracketsの拡張機能でSCSSを使 […]
activeのアクションが良い、ちょっと変わったアニメーション付きのボタン 『Change text on :hover and :active』
ボタンをマウスオーバーすると、文字がすり替わり、さらにクリックしている状態でさらに文字がすり替わるというものです。
CSSでちょいオシャレなアンダーラインのタイポグラフィー 『A Better underline』
アンダーラインを少しオシャレにしたもの アンダーラインはbackgroundで1pxで表現されています
ココナラ カテゴリ部門ランキング1位、20代男性売り上げランキング2位獲得しました！
ココナラを始めたばかりなのですが、部門でのランキング1位と全体の20代男性売り上げランキング2を獲得いたしましたので、すこし喜び気味に報告です 実際は受けて仕事は1件だけだったのですが、結構大きな(ココナラ […]
WordPressで日本語のキーワードに自動的にリンクを挿入できるプラグイン 「WP Keyword Link」
WordPressでキーワードに自動的にリンクを挿入できるものが無いかなーと思ってさがしていたのですが、いろいろ試して、どれも日本語に対応していません、日本というのはマルチバイト文字なのでマルチバイト文字に対応したプログ […]
Twitter公式にミュート機能が追加、見たくない人のツイートを非表示に出来るように
Twitterには今までブロックという機能はありました、これはTLを見られないようにするためとフォローされないようにするためです、これでもハッシュタグや検索の結果からは見られてしまうようですが 今回追加されて機能はブロッ […]
