Google+にプロフィール登録せずに Google+のページを作成する
Google+にはFacebookのようなページという機能があります これを使うことでブランドのページや企業のページ、ウェブサイトのページを作成することが出来ます またこの作成したページを元にYoutubeに専用のチャン […]
Brackets Sprint 0.38 がリリース (37の次のバージョン) 複数のテキストの同時編集等が可能に
Bracketsの新しいバージョン 0.38が出ました 38ではなくて0.38です 一つ前は37だったんですが、なぜか次は0.38になりました。理由は知りません Brackets 0.38 で何が変わったか […]
WordPressの投稿をアイキャッチ・画像を添付してTwitterに投稿出来るプラグイン NextScripts: Social Networks Auto-Poster を設定する
実は前々から探していた機能で Wordpressの投稿と連動してTwitterに自動的に投稿をして、さらに画像を添付するとういう動作を求めていたのですがついに見つけました 自動でTwitterに投稿してくれるプラグインは […]
テキストをジュースのように飲み込むアニメーションとそのアイディアが素晴らしい 『Text animation path[Debbie Harry]』
テキストが流れるようにするテクニックを応用して、テキストを液体に見立ててドリンクを飲みんでいるのを表現していてとてもユニーク
Ubuntuの初期のスクリーンショットが微妙、使い勝手のいいスクリーンショットShutterに変更する
Ubuntuには最初からスクリーンショットを撮る機能があります Windowsみたいなクリップボードにコピーといったものではなく、スクリーンショットを撮るソフト的な動きをします PrintScreenを押すだけでスクリー […]
IE8・IE7でCSS3のnth-childを使えるようにするハック
nth-childはCCS3で使えるもので 使い方は数値で指定、もしくはn+1といった形で指定することが出来ます nth-child(5)とした場合は、連続する要素で5番目のみに対して何かスタイルを与えるというものです […]
致命的バグ『Heartbleed』問題への対処が行われた WinSCP v5.5.3にアップデート・アップグレードする方法
WinSCPをお使いの方はHeartbleed問題をご存知でしょうけど OpenSSLの欠陥で、秘密鍵が盗まれてしまう可能性があり更に盗まれてしまっても全く知る余地がない危険なバグなんですが それに対処が施されたWinS […]
スマホブラウザシュミレーションのMobilizer、iBBDemo3でウェブフォントが正しく表示されないんだけどどうしたらいいかの話
実機で確認せずに、PCで手軽にWEBサイトのデザインの確認をするのに使えるのが iBBDemo3とMobilizer ディティールも実機に近いのでWEBサイトを表示してスクリーンショットを撮ってそれを加工して使うっていう […]
WordPressの自動下書きやリビジョンを停止するぐらいなら、データベース最適化プラグインで一石二鳥に 『WP-Optimize』
WordPressのリビジョンや自動下書でデータベースが圧迫されるという理由から停止するプラグインを導入する方が居ます、またそれをおすすめする記事等もありますが。私はブラウザがフリーズしたりサーバー側のダウン等で作成して […]
Google+でプロフィール(ページ)の埋め込みを作りWEBサイトに貼り付ける方法
Google+のプロフィールやGoogleのページをWEBサイトで紹介するときにリンクとかよりも、見栄え的に埋め込みを使うといい感じに仕上がります その埋め込みを作る方法です 埋め込みの作成 https:/ […]
びっくり箱のような感じのボタンをクリックするとボタンが展開していく 『Button Anatomy』
ボタンをクリックするとボタンの内部が見えるというコンセプトになったボタンです ボタンを押したら表示されるボックス型の画像は、内蔵 さらに億の段階では骨の画像
WordPressにタイトル・抜粋・本文を定型文(ひな形)に出来るプラグイン 「Simple Content Templates」
決まり文句のように、毎回同じ文をいれたり 同じ様式にするときに定型文は必須です そんなときにWordpressのプラグインを利用すると定型文を簡単に作成管理出来ます TinyMCE Temples というプラグインを最初 […]
Android SDK エミュレータで 「Open HAX device failed」というエラーが出て起動できない時の対処法
AndroidをPC上にエミュレートする 純正のソフト Android SDK を使うと Androidそのままの利用が出来ます Androidでしか出来ないゲームもできちゃうよっていう話もあったりしますが、私はWEB制 […]
シンプルな背景のパララックス効果を与える background-attachment: fixed; を使ったテクニック
一枚ページのデザインや、ティザーサイトをつくるときに パララックスの効果を与えるとウェブサイトは楽しくなってくるのですが それを簡単に、シンプルに実現する方法です
文字を入力して英単語を完成させるゲームを作ったコード 『Word Guessing Game』
これはかなり面白い 表示された上部のアンダーラインの数だけのローマ字が入る文字を予測して完成させていくゲームです
23種の連続した色のシンプルなグラデーションのCSSコード 『Day/Night Gradients』
1～23番、全部で23種のCSSで作られたグラデーションのパターンがあります 左から右へとグラデーションとグラデーションの並びもグラデーションになっています
一つの画像で違った見え方の背景にするトリック 『Background Image Trickery』
背景をスクロールすると何かフィルターを掛けたかのように感じる変化をします これは背景画像と背景色をうまく使ったトリックで
CSSのvm、vh、vmin、vmaxって何？パーセントのようなそうではない単位
色々なコードを見ていると、時々 「これ知らない！」 ってなるのでその都度調べて学習していくスタイルなんですが vminがスタンダードに使えるようになったら便利かもしれないというのが感想 vw、vh、vmin […]
CSSとSVGでのマスクを掛けるデモを9種比較した 『CSS and SVG Masks』
CSSとSVGでのマスクを掛ける方法と、それぞれのブラウザでの対応を比較したものです こうやって見比べてみると、CSS、SVGで違った方法で同じものを実現する際には SVGを使ったもののほうが多くのブラウザに対しての対応範囲が広いことが分かります
ユラユラと揺れる文字ののれんっぽいものがちょっと面白い 『Swinging Chain Text』
これまた変わり種な演出なんですが、文字を縦に並べてユラユラと揺らすものです 文字は予め指定した文字からランダムに並び替えて表示されるようになっています
