クリアなデザインのCSSで作ったボタン 16種 Clean Button Set
シンプルなデザインのボタンです CSSで作られているので、WEBフォントとフォントアイコンの読み込みと少しちょっとだけCSSコードを調整すれば使えます
hoverで目隠しが開くと同時に、中の画像も移動するテクニック CSS Aperture Effect
hoverによるアクションに、box-shadowsによる変化を与えているのかとおもいきや、box-sizingをborder-boxにして内側にborderが入ってくるようにして、hoverでborderの太さを変更することで、輪っかが変形するようになっています
レスポンシブデザインのウェブサイトをスマホ、タブレット,PCの表示の確認ができる ウェブサービス Responsive Checker
レスポンシブ対応のための、スマホ、タブレットでのサイトの表示はどうなっているかを確認できるウェブサービスです。どうやらローカルサーバーの表示も可能なようです
さくらのレンタルサーバーで 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では色もアニメーションも無い黒く表示されます
バーガーボタンをクリックすると周りにメニューが流れこんでくるのが良い Corner Radial Menu
三本線のバーガーアイコンをクリックすると、メニューが上部からカーブにそって流れ込んでくるメニューでのデザインです かなりいい感じに仕上がっています、アイコンはWEBフォントを利用しています
ペンや筆で描いたかのように加工できる Paint.NET のプラグイン Scribble
Paint.NETのプラグインの紹介です 今回紹介するプラグインはアート風に加工できるプラグインで ペンでこすって描いたようなものや、油絵っぽく加工できるプラグインです Scribble http://fo […]
ウェブページのタイトルとURLを簡単にコピー出来できる Chromeの拡張機能 Copy Title+URL to clipboard
Chromeの拡張機能で 現在閲覧中のページのタイトルとURLを取得するものです 取得するタイプも複数あり使い勝手もいいです Copy Title+URL to clipboard https://chro […]
Chromeの拡張機能にウィルス(スパイウェア)が居ないかチェックするための拡張機能 Extension Defender
最近、Chromeの拡張機能から情報を取り出すようなものも増えています 今までは普通だったのが買収されて、中身にスパイウェアが仕込まれたというのも結構あるみたいですので、一度使っている拡張機能にスパイウェアが無いかチェッ […]
クリックで YES・NO等の表示を切り替えるアニメーションボタンのデザイン Checky
ボタンをクリックすると背景と、チェックマークが変化するボタンです デザインも良くて、アニメーションも心地いい感じに出来上がっています
hoverで六角形が連結してで展開されていくメニューデザイン CSS Hex Menu Idea
六角形をhoverすると子メニューが表示されて、さらに子メニューをhoverすると孫メニューが展開されるドロップダウン型のメニューを横方向に展開させた応用的なアイディアです
プログラミングしないと入会(アカウントの作成)できない、面白コミュニティー Check IO
pythonでプログラミングしないいけません phpもままならない自分には、もうムズい
Googleドライブのスプレッドシートが新しくなってオフラインでの作成、作業が可能に
日頃はGoogleのスプレッドシートで、TODOリスト、メモ、データーの整理等を行っています Googleドライブにファイルがあるのでどこからでもアクセスできるし、軽い！ オフィス系のソフトを起動するよりはるかに軽い ソ […]
Amazonにある商品を他のショップの価格と簡単に比較できるChromeの拡張機能 クローバーサーチ
価格比較って結構重要で、しかもいくつもサイトを開いて探したりと結構面倒でもある そこでChromeの拡張機能 クローバーサーチを使えば、Amazonの画面で簡単に確認することが可能になります クローバーサーチ Chrom […]
幅いっぱいにヘッダーの背景に動画を使った手法 Header with Video
ヘッダー部分の背景に動画を使った手法です 動画はそれぞれのブラウザに対応させるためにMP4とOGGで指定されています
サイトのエントランスページでクリックでかっこ良くブロックがレンダリングされていくアニメーションのコード Another intro page
一番最初に表示されているEnterを押すことで、ブロックがレンダリングされていくようなアニメーションでコンテンツが表示されるようになります。エントランスページを作るときには、この方法を使うのも有りかなと思います
CSSのベンダープレフィックスを自動で付加させて、プレフィックスの呪縛から解き放たれる javascriptプラグイン prefix free prefixfree.js
このプラグインはCSSのプレフィックス -webkit-とか-ms- とかのブラウザごとに対応させるためのものを自動で付け加えてくれるjavascriptプラグインです、gzipで2KBとなる軽量なプラグインです
あえてLikeボタン(評価ボタン)とは逆のDislikeボタン(嫌いボタン)がある WordPressプラグイン Like Dislike Counter を導入する方法
WordPressに評価機能を追加するプラグインです Likeボタンだけ設置して、良い評価だけもらって自己満足するのもいいですが 嫌いボタンも設定して ダメな評価をもらって、バネにして成長していくのもいいかもしれませんよ […]
さくらのレンタルサーバーでindex.htmlを正規化する方法
URLの正規化というのは、複数のURLアドレスで同じコンテンツが見れる状況である場合にひとつのURLに一本化するものです URLが分散すると、SEO的に不利にもなるし。検索エンジンから重複コンテンツとされるので、よろしく […]
