WikipediaのCC0のパブリックドメインの画像を一覧から探すことが出来るページ
CC0はブロガーやサイトの制作にはとても心強い味方 CC0とはクリエイティブ・コモンズのライセンスの一つでパブリックドメインを宣言するもの、パブリックドメインが適応されない国でパブリックドメインと同等に権利を放棄すること […]
CSSだけで作られた高級感のあるデザインとアニメーションの音楽プレーヤー 『Music Player』
これはミュージックプレーヤーとしてデザインされたもので、写真のように表示されているのがアルバムのイメージ、そしてマウスオーバーすることで再生ボタンや、ダウンロードボタン、シェアボタンが3Dアニメーションでアルバムアートワーク部分が少しおられる感じで開き表示されるというものです
ネオンカラーのシンプルなボタンデザイン16色 『AWESOME BLURRY BUTTONS』
ネオンカラーのシンプルなボタンです、文字にも枠線にもボカシをかけてありマウスオーバーでくっきり光る感じになっています、blurをつかってぼかしているので現在はwebkit系でしか動きません クリック(active)でscaleで小さくなります
マウスオーバーで紙がペロっとめくれ上がる演出を実現するコード 『3D Hover Folding Effect』
3D Hover Folding Effect By Silke Voigts 紙に見立てたエリアをマウスオーバーすることで、ぺろっとめくれ上がる演出がアニメーション化されたものです、めくれ上がった下に何か […]
スクロールに連動してキャラが落下していくさまを表現したアニメーション 『Falling Down the Rabbit Hole』
よく出来た演出で、背景とキャラクターもとてもいいかんじです GIFアニメだと少しわかりにくいかもしれないのですあ、ぜひリンク先で体験してみてください
テーレッテレーと効果音を付けたくなる、カラフルな集中線が回転するアニメーション 『Colored rays on SVG』
実用性というか、少しネタ的なものですが SVGを使えば、画像を拡大しても画質が下がることがないので、その特性を活かしてレスポンシブでも背景全体が回っているかのように演出することが出来ます。
Bootstrapを使ってWEBサイトを作ってみようぜ 第3回 「セットアップして利用開始できる環境を作ろう」
第1回 「CSSフレームワークって何？」 第2回 「グリッドシステムって何？ グリッドシステムを学ぶ」 第3回 「セットアップして利用開始できる環境を作ろう」 第4回 「制作事例をみてイメージを膨らまそう」 第5回 「全 […]
フッターをfixedで固定したちょっとしたパララックス効果を与える演出 『Fixed footer』
フッター部分をposition: fixed;で固定することで、ページをスクロールしていった時に視覚効果を与えるようになっています
CSSだけで作られたToggleボタン5つのデザイン 『Pure CSS toggle buttons』
javascriptを使わずCSSだけで実現したtoggleボタンと5つのデザイン checkboxを使ってtoggleボタンを実現しています
SVGでアニメーション効果を与えたイカしたチェックボックスとラジオボタンのデザインの8種 『Checkboxes and Radio Buttons with SVG』
SVGを使ったアニメーションで、チェックボックス、ラジオボタンをクリックした時にチェックする様をアニメーションで表したものです、全部で8種類のパターンが作られており、ひとつはお気に入りのものが見つかるかな？と思います
ちょっと水に濡れた所で絵の具で描いたかのような滲む感じがあるタイポグラフィ 『Physical Typography – Resonate 2014』
なんとも、不思議でカッコイイ、タイポグラフィ 絵の具が水で滲む感じの演出です 色はランダムに変化していきます
ココナラに初めてスキルを出品してみました！ 出品の流れと出品したものを紹介
つい最近、ココナラ に登録したところで何か出品しようと思い登録しました 出品までの流れの紹介と、出品したものを紹介したいと思います ココナラへの登録の流れとかはこちらで解説しています &nbs […]
SVGフィルターで写真をマウスポインターがあるところにフォーカスされる効果を実現するテクニック 『Depth of field effect with SVG filters』
Depth of field effect with SVG filters By vcurd マウスポインターを画像の上で動かすと、マウスポインターがあるところがフォーカスされるように表現されます、SVGフィルターを使 […]
スキルを売り買いできるココナラへの登録とざっと触ってみた感じの感想
ココナラ はご存知でしょうか？ ココナラとはスキルを売り買いできる所で、500円から購入できます そんなお手頃に本格的なスキルを使ったイラストや文章や相談等を購入できるココナラに登録していみました、ゆくゆくは私自身も何か […]
30秒で出来る！さくらのレンタルサーバーのアップロード上限の制限を上げる・変更する方法
さくらのレンタルサーバーでアップロード制限を変更する STEP1 さくらのレンタルサーバーの管理画面にログインして、PHPの設定編集へ 編集画面のここにコードを入れます STEP […]
360度のパノラマ画像をスクリーンに写しだして表示しているかのように見せるテクニック 『Panoramic (pure CSS)』
CSSのみでパノラマ写真を360度回転させながら、その場で周りを見渡しているかのようにするテクニック。
ユーザーやプロフィール等のデモに無料で顔写真と名前等のデータが使えるサービス 『Random User Generator』
模擬的にユーザーの顔写真、名前、その他のデーターをランダムに表示して利用することが出来るサービスです。 モックアップではまだユーザーがいなのでその時に利用するととても便利です また、フォトショップの拡張機能があるようで、 […]
OneNoteでタスク管理・TODO管理をチェックボックスを付けて行う方法
最近無償で利用できるようになったOneNoteですが、みなさんはお使いでしょうか？ OneNoteは手書き入力とか線や図形も書けるし、テキスト部分も好きな一から開始できてまさにノートそのものなんですが、さらに便利な機能が […]
WinSCPでZIPの解凍、ZIPへの圧縮を右クリックからカスタムコマンドで実行できるようにする。
サーバーへの接続はWinSCPを使っています 一番最初はFFFTPを使っていたのですが、転送速度が遅くさらにファイルの量が多いと途中で止まってしまうこともしばしば ちょっとしたファイルのアップとかダウンロード程度にはいい […]
ページのスクロールに合わせてプログレスバーが進むアイディア 『Reading Position Indicator』
ページの全体のどれ位の位置にいるかが分かるようになっている、ページのスクロールに連動したプログレスバーです。
