HTML5アプリケーションで作られた、計算履歴が残る電卓(計算機)
スゴイですね！電卓をHTMLベースで作ってしまっています javascriptのコードは実践的な演算のコードの勉強にも使えそうです
さくらのレンタルサーバーで恐怖の503が発生しているか確認する方法
さくらインターネットのことをネットで調べているとよく出てくるワードが 503エラーです この503エラーはPHP・CGIのエラーが原因な場合と、過負荷や一時的なアクセス増によって発生します この503が頻発していると、サ […]
Amazon.co.jpが返品ポリシーを変更、返金に対する内容が厳しくなる
Amazonの返金の対象商品の分類が変わります 2014年3月10日より新しいポリシーになります 新しいポリシー内容は？ 開封したものは50％しか返金しない商品の対象が拡大 服・ファッション小物・シューズ・ […]
スマホ用のボタンに使えそう！クリックで変形するアローマーク（矢印）
クリックすることでアローマークが変形するアニメーションが付いたボタンです、動作にはjQueryが必要です このボタンと連動する要素を作成して、jQueryの方で関連付けてやれば要素が展開するようなボタンにする事が出来ます
paint.net 4のBETA版が登場、アップデートから更新も可能。
paint.net に新バージョンの paint.net 4 のBETA版が出ました。 paint.netは無料で使える画像編集ソフトです、特徴は軽くてそこそこ難しいこともできるところです。 paint.net http […]
飛び上がっていくような動作が楽しい SNSボタン
SNSボタンをアイコンのフタのようなもので覆い、マウスオーバーするとそれがクルクルと回転しながら上の方へ消えていくアニメーションです。
はてなブックマークにエントリーが載る条件とは？ 載せる方法とは？
はてなブックマークをご存知でしょうか？ ソーシャルブックマークというもので、あなたのブックマークをみんなに、みんなのブックマークをあなたに。というものです そこにブログの記事が掲載されると、無名なブログも注目を浴びるきっ […]
HTML5でMP3ファイルをWEBサイトで表示して再生できるようにする
HTML5では簡単にMP3ファイルを埋め込むことが出来ます 再生用のインターフェイスも自動で作ってくれます HTML5には、audioタグが追加されました このタグを使ってMP3ファイルを読み込ませるだけでWEBサイトに […]
Googleがページのレイアウト分析のアルゴリズムを改良したもようです SEOの話
Googleの検索エンジンのアルゴリズムにページのレイアウトを判別する機能が導入されており、WEBサイトのファーストビューがユーザーがコンテンツを読むのを妨げているのかどうかを判断するものなのですが、今回それが更新された […]
画像を使わずにカーブのかかった吹き出しを実現するCSSデザイン Comic Sans Criminal
CSSだけでコミック風の吹き出しを作った例です 一般的な鋭利な三角形の吹き出しではなく、カーブが掛かったデザインになっています
2つのキーだけでWindowsで間違って消して(ゴミ箱に送って)しまったファイルを瞬時にして戻す方法
Windowsでファイル等を右クリックから削除や、ドラッグアンドドロップでゴミ箱に移したり、deleteキーから削除したりしてしまっても、ファイルはまだゴミ箱に存在します。(ゴミ箱より大きすぎるファイルはゴミ箱に行かずに […]
ボタンをクリックで全画面にログインフォームを表示するアイディア Fullscreen Login
Go Fullscreenというボタンをクリックすると、ログインフォームが全画面に羊皮される仕組みです、ログインフォームは右上のペケで消せる用になっています。
HTML5ならjavascriptを使わずに検索ボックスに消える文字をplaceholderを使って入れることができる！
今まではjavascriptで行っていた検索に予め文字を入れておいて、フォーカスが当たると消える仕組みをHTML5ならjavascriptを使わずに簡単に実現することが可能です。 javascriptの時と若干動作が違い […]
YOUTUBE動画の埋め込みをリピート再生でサイトのBGMに使う方法
HTML5なら簡単にBGMにMP3の音楽を流すことが出来ますが そこをYOUTUBEを使ってやってしまおうというものです なぜYOUTUBEなのか？ YOUTUBEは無料だし、YOUTUBEを使えばサーバー側の転送量を気 […]
レスポンシブなサイトをわかりやすく表現するのに良いアニメーションで魅せるアイディア
レスポンシブサイトを人に紹介するときに、その場にいて実際にブラウザのサイズを変更して見せてやることができればベストですが、こんな表現の方法もあります
SVG画像のサイズをHTML,CSSで自在にコントロールしてWEBで表示する方法
SVG画像ってご存知でしょうか？ ベクトル画と言って、線や色の情報をデータとして持っていてそれを再現して画像のように幼児するものです。なのでSVGだと画像のサイズが変わろうが画質が劣化しません、大きく表示したからといって […]
検索のアイコンマークをクリックすると、にょーんっ伸びて検索ボックスが出現
検索のアイコンをクリックすると、横方向に伸びて検索ボックスがアニメーションで出現する仕組みです 普段はシンプルに見せておいて、検索するときだけ検索ボックスが出現するように演出できます
WordPressでビジュアルエディタの見出しをテーマの見出しと揃える方法
ブログの見た目に出来るだけ近い状態でビジュアルエディタが使えたほうが、実際に表示される時との違いが少なくて言いに決まっているのですが、ビジュアルエディタはテーマのCSSを読み込んでくれては居ないようです(pre等の一部を […]
Canvasを使った 文字が分裂して散らばっていく美しいアニメーション
Canvasを使って作られたものです 文字が大きい文字が、小さい文字で構成されて散らばっていくアニメーションです とても楽しいアニメーションです
Windows Live Writer のテーマ機能がうまくいかない！理由はHTML5とCSS3を使っているからでハックして改善できるかも
Windows Live Writer にはテーマを取得してそれに合わせて表示する機能があるのですが そのプレビュー機能が好きで使っている人も多いと思いますが最近、うまくテーマが取得出来ない！って方も多いのではないでしょ […]
