集まった粒子が弾けるような感じの背景の演出がカッコイイ ウェブデザイン
ちょっと閲覧すると重たいのですが、ページをヒュ持するときに、つぶつぶがバラバラに飛び散るのが、なんかカッコイイ
WordPressの画像関連プラグイン 『ImageMagick Engine』 でPNGの画像の透明が不透明になってしまったけどなぜ？ そして対処法は
WordPressには画像関連のプラグイン ImageMagick Engine はアップロードした画像を自動的に圧縮してサイズダウンをしてくれる、便利なソフトなんですが、PNGの画像で背景のアルファ値、透明度が無くなっ […]
FacebookのコメントシステムがCSSでレスポンシブ(リキッドデザイン)に出来なくなっているけども 実は対応されていた
ちょっと前まではFacebookのコメントシステムがCSSでレスポンシブ(リキッドデザイン)化する事ができていたのですが それが不可能になってしまっています これは、ちょっと使いづらいなと思ったのですが スマホやタブレッ […]
投稿数・シェア数が表示されるSNSのフラットなデザインのボタンが作れる 『GETSHARES』
普通のSNSの共有ボタンじゃ満足できない ウェブサイトにマッチしたおしゃれなフラットデザインのSNSのボタンを設置したい そんな時にはこれがいいかもしれません GETSHARES http://getsha […]
ボックスの高さを合わせて、背景を常に表示させていられるようにするテクニックのコード 『Equal Height Price Blocks』
リンク先のページの画面を大きくさせたり、小さくさせてみてください それぞれのブロックで常に背景が表示されるようになっています
Googleのカスタム検索に表示する画像(サムネイル)を指定する方法
Googleのカスタム検索エンジンを利用して、サイト内検索を設置する場合にサムネイルがあるなら表示させたほうが分かりやすいので、表示させるといいのですが 初期値でも勝手に画像を拾って表示してくれたりしますが、適当で不正確 […]
古美術の資料の画像が無料でダウンロードして使える 『Getty Search Gateway』
Getty Search Gateway http://search.getty.edu/gateway/search?q=&cat=highlight&f=%22Open+Content+Images% […]
WordPress 3.8.2 セキュリティアップデート を公開
WordPressのセキュリティアップデートが行われます バージョンは3.8.2 自動更新が有効になっている場合は、自動的にアップデートされます まだ現時点2014年4月10日8時30分では、日本語版が準備中です &nb […]
WordPressでビジュアルエディタが真っ白になる現象が発生 発生源は定型文のプラグインだった
昨日の出来事なんですが WordPressで記事を書いていた所、ビジュアルエディタが真っ白になり何も表示されない状態 入力もフォーカスすることも出来ない状態に陥りました 原因は最近追加したプラグイン 「Ti […]
昨日のニュース 『はてながサーバー管理ツールをリリース予定。ファンコミュニケーションズのnex8 他6件』
2014年4月9日分 昨日読んだニュース・記事を紹介するコーナー はてなが今春リリースするのはサーバ管理ツール——その名も「mackerel（日本語で鯖）」 | TechCrunch Japa […]
ドキッ！ Amazonのサイトのリンクがすべてアフィリエイトリンクにすり替えられてた。犯人は怪しげな拡張機能
たまたま気づいたのですが、Amazonのページでロゴをクリックしたら なぜか。アフィリエイトのもしもドロップシッピングのエラーページが表示されて 何事！？ と思い、何度もクリックしてたら なる時とならない時があり ウェブ […]
Google Analyticsで単数・複数のサブディレクトリのビューを設定して細かくアクセス解析を管理する
Google Analytics にはビューというものがあり このビューは一つのAnalyticsコードで複数のビューが設定可能です ビューを複数作ることのメリットは サイトのディレクトリごとのアクセスを管理しやすく ま […]
Googleのカスタム検索エンジンの検索ボックスでサブディレクトリ下を検索対象にする方法 Adsense版も有り
Googleのカスタム検索の検索ボックスを利用すると、サイト内のページをGoogleの検索エンジンを利用して表示する事が出来ます、今回はサブディレクトリ以下を対象にする方法です Googleの […]
skewとrotateを組み合わせてアナログ風なペンでマーキングしたよな要素のボタンを作る コード 『Skewed buttons』
beforeで図形を作り それを、skewとrotateで変形させることで、長方形とは違った辺の長さが違う長方形を作り出しています カラフルでポップなノート系のデザインのボタンに使えばマッチするかなと思います あと付箋的にプチタイトルに使っても良いかと思います
文字の切り替えのエフェクトがファンタスティックなコード 『Next Effect』
文字の切り替えがとてもおもしろい NEXTを押すと、次の文で使われている英単語が残り 次に文に組み込まれていくという さり気なくすごい ページを移動せずに、文字だけを読ませていくとうことで 小説系のサイト、ブログとかに導入するとマッチするかな
PHPで現在の年月日・日時を取得して、フッターにあるコピーライトの年数を自動で更新させる
ウェブサイトのフッターにあるコピーライトの年月日を更新し忘れているサイトってちょくちょく見かけます 微妙に気になる HTMLだと手作業になるのですが PHPなら自動的に現在の年月日を取得させれるので、開始年度は手書きで入 […]
新しくなったGoogleマップで埋め込みの取得と埋め込みの地図をレスポンシブにする方法
いつのまにかGoogkeマップの画面が大きく変更されており一面地図という状態になっていました 地図の埋め込みコードの取得位置も変わっていました 埋め込みコードを取得する 各種ツールは画面の右下の方に集約され […]
Paint.netで透明な透かしのグラデーションを画像に与える方法
無料で使える多重レイヤーのフリーソフト Paint.netで画像に透明なグラデーションを掛ける方法 Paint.net http://www.getpaint.net/download.html 写真等の画 […]
CSS(SASS)だけで作られた夜空に星が流れる パララックス 『Parallax Star background in CSS』
SASSで作られたパララックスです 背景に夜空の星が流れるようになっています 完成度はかなり高く、星の流れ方は毎回ランダムに決定されます 毎回違った、表情になるので それもまた面白いかなと思います
skewを使ったボタンのhoverアクション4パターン 『Skew (& Flower) power』
skewで変形させた要素にhoverアクションを色々付けたアイディアです 要素はベースが文字の部分で、外の枠線がbeforeとafterで作られており、そこにskewを当てて変形させていますので文字は変形しないままです
