ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基本と、CSS3アニメーションを使った動かし方を解説する。CSSとHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1：SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素
前略、window.printという関数をJavaScriptから呼び出せば、めでたく印刷ダイアログが表示されて、今目の前に表示されているウェッブページを印刷することが出来るわけだ。 が、とりあえずこの機能をそのまま使うとおかしい。何やら色々おかしい。media="print"なスタイルシートで指定したbackground-colorすら反映されない。「ブラウザの印刷オプションで出来る」という噂もあるが、僕の環境ではちゃんと色が出なかった。 これは一体どうなっているんだ？2014年にもなって、俺達はウェッブページを、自分がいま目の前にしているそのままの姿で印刷することすら出来ないのか？HTML5技術のカンファレンスを開いたり、WebSocketでチャットを作ったりしてる場合じゃない！事件はカンファレンスで起きているんじゃない、俺の家のプリンターの前で起きているんだ！ ゲンよ、画像じゃ。画像
クリエイターが文章やマンガ、写真、音声を投稿することができ、ユーザーはそのコンテンツを楽しんで応援できるメディアプラットフォームです。だれもが創作を楽しんで続けられるよう、安心できる雰囲気や、多様性を大切にしています。
ウェディングにぴったりのありがたいフリー素材をご紹介。ペーパーアイテムやウェルカムボード、ビデオ等を手作りしたい方からウェディング系のウェブサイト制作まで幅広い用途で使えます。 ちょこっとですが自分の結婚式の時に作ったものも最後に紹介していますので、ペーパーアイテムを手作りしたい方・Web招待状を作りたい方の参考になればと思います。 結婚式のペーパーアイテム・ビデオ制作・ウェディングサイト制作に大活躍のフリー素材 注釈がないものは商用利用も可能な素材ですが、ご使用の際はライセンスの詳細を各リンク先にてご確認ください。 フォント 結婚式にぴったりのフォントといえばカリグラフィー！ この手の筆記体フォント好きなのですが、普段はあまり使う機会がないので、ここぞとばかりに使いました。すごく楽しかったです。
タスクランナーで、WordPress を LiveReload する 2014-05-29 WordPressのテーマを作成していて、「ブラウザがリアルタイムで更新してくれたらいいのに」と思ったことはありませんか？ LiveReloadは、何らかのファイルを保存するとブラウザが自動で更新されるツールです。 このLiveReloadを利用するとリアルタイムでブラウザが更新されるようになるため、WordPressのテーマ作成などに役立ちます。 WordPressをLiveReloadすると、修正を保存した瞬間にブラウザが更新されます。 画面を並べれば、エディタとブラウザを行き来することなく、テーマの作成が楽になります。 WordPressのテーマを作成する場合、大きく2つのケースが考えられます。 ローカルサーバーで、WordPressを作成 リモートサーバーに、ファイルをアップロードして作成
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く