カラオケボックスによくある、照明をダイアル,で調整するものをHTML上で再現した Dimmer Switch
カラオケボックスによく付いている光量を調整する照明のコントローラーを再現したものです。 ダイアルの部分でクリックしたまま回すと光量が変化します、少し操作が難しいですが とても面白いギミックです。
XP組、ちょい待? Windows 8.1が1,500円ほどになるかもしれない話 Chromebook対抗
Bloombergのこちらの記事によると(英語) http://www.bloomberg.com/news/2014-02-22/microsoft-said-to-cut-windows-price-70-to-co […]
WordPressのショートコードを使って 定型文を簡単に挿入させる (ブログエディタも対応)
WordPressにはたくさんのプラグインがあるので、定型文を管理するプラグインも多数存在シますが。基本的にWordPressのプラグインはWordPressの管理画面で使うことが想定されていますので、ブログエディタから […]
レイアウト崩れし無し！ borderをbox-shadowsで代用させると楽チン
初めてHTMLとCSSを使い始めた頃は、borderとかpadding、marginによるレイアウト崩れだけで相当ハマりました。だからこそ初心者にはこの方法で線を表現するのが楽かと思います、box-shadowは縦や横の […]
Google Adsenseの新しい広告ユニット モバイルアンカーが始まる。スマホで最適化？
Google Adsense の広告サイズ(形式)に新たにモバイルアンカーが追加されるようです モバイルアンカーってどんなの？ 画面下に固定で表示される広告です 邪魔なときはスワイプで弾けます 簡単に言うと […]
マウスオーバーで画像が折りたたまれるアクション Folding Effect on Hover
画像の部分をマウスオーバーすると、画像がクシャッと折りたたまれるアニメーションのアイディアです。 画像自体は分割されていません、1つの画像を背景として4回呼び出して4つのブロックがそれぞれ変形することで表現されています
Box-shadowのinsetを応用した 目隠しアクション Inset box-shadow play
box-shadowsの影を外側ではなく内側にするinsetでbox内を目隠しして、マウスオーバーで中身が見えるようにするアイディア集です。
デスクトップの画面をキャプチャーしてGIFアニメにするフリーソフト GifCam
簡単に直感的にデスクトップを録画してそれをGIFにしちゃうソフトです
簡単に本格的っぽいロゴを作ることができる無料ジェネレーター Squarespace Logo
左側のメニューからアイコンの変更、サブテキストの追加。右側の大きい領域でオブジェクトをクリックしながら移動、オブジェクトをクリックしたら出てくる上のメニューで色等を変更。あとはSVGファイルを画面に落とせば追加できます。 直感的に操作すればそれっぽいのが出来ます
WEBサイトに日経平均M,NYダウ、為替相場を表示してくれるガジェット(ブログ・パーツ)
リアルタイム市況 ブログパーツ 登録不要で無料で利用可能 http://db.225225.jp/ 使い方 まずサイズとデザインを決めます サイドバーなどの横幅に合わせます 次にカラーセットを選択 &nbs […]
無料で使えるフルカラー(カラフル)なCSSアイコンフォント STACKICONS
STACKICONS http://stackicons.com/ 無料で使えるアイコンフォントです 種類は主にブランドロゴを取り扱っていて、他にトグルボタンに使われるバーガーボタンや虫眼鏡などがありあます […]
まとまりのあるSNSボタンバーのデザイン
Facebook、Google+、Twitter、Linkedin、VK、Pinterest、Surfingbirdのアイコンボタンが揃っています。日本で馴染みがあるものが少ないですが、シンプルなので大体ブログデザインにも合うかと思います。
画像・ZIP・JS・PDF 等々のファイルの直リンクを防ぐ方法 .htaccessの活用
WEBサイトで使っている画像、等々のファイルって直リンクされると とても困りますね サーバーへの負荷になりますし、オリジナルファイルが自分のサイトからではなく他の誰かのサイトからダウンロードされてたら、商売上がったりの方 […]
WordPressで1つの投稿(記事)をページ分割をする方法とカッコイイデザイン
All About とかにある一つの記事を複数のページに分割やつ、あれがWordPressでも標準機能として備わっています、テーマに一つコードを追加することと、ページを分割していところでショートタグを入れることでページを […]
BracketsでHTMLをエスケープしてテキスト表示するための拡張機能 HTMLEscaper
BracketsでHTMLをテキストとして表示したいとき、そのままではHTMLとして動作してしまうのでカッコとかを文字に置き換えてやる必要があるのですが、Bracketsの拡張機能でHTMLEscaperというものがあり […]
見て目が不揃いなSNSのボタンをカバーを付けて切れに見せるための9つのアイディア
SNSのボタンをアイコン等でかくして、マウスオーバーされた時にSNSのボタンを表示するアイディア集です
プロフィールの画像に使える、SNSアイコンが滑りこんでくるアイディア Hexagonal Team Member
六角形に表示された画像の部分にマウスポインタを乗せると、4つの方向からSNS等のアイコンが滑りこんでくるアイディアです、
サイズを指定するだけでいい感じの画像をランダムに表示してくれるサービス Instasrc デモ画像に便利♪
Instasrc http://instasrc.com/ 使い方はいたって簡単です、imgタグをHTMLに書くだけ <img src=”http://instasrc.com/400&# […]
Paint.NETで何でもかんでも毛を生やすプラグイン FurBlur
FurBlur は何でもかんでも毛を生やしてしまうプラグインです 以下のページからダウンロード可能です http://forums.getpaint.net/index.php?/topic/27058-furblur- […]
Google Publisher Toolbar が進化、表示中のサイトのAdSenseの情報が表示されるようになった
Google Adsenseを利用している方はおそらく導入しているであろう Chromeの拡張機能 Google Publisher Toolbar が進化しています、 今回の変化はサイト内に表示されている広告の情報を手 […]
