【CSS3】Animate.cssを使って簡単にアニメーションを実装する。 | バシャログ。
fukasawaです。こんにちは。 クナイプのグーテナハトが安眠に良いと聞いたので試してみたのですが、風呂場中にタイカレーのようなスパイシーな香りが広がりました。安眠…？ Animate.cssは要素にclassをつけるだけで、簡単にいろいろな種類のCSS3アニメーションを実装してくれる便利なスタイルシートです。多くのブログで既に紹介されているものではあるのですが、バシャログではまだ誰も書いていないようなのでここぞとばかりに書いてみます。 公式サイト（デモ&ダウンロード） http://daneden.github.io/animate.css/ GitHub(使い方など) https://github.com/daneden/animate.css ※CSS3アニメーションに対応しているブラウザで動作します。 簡単な使い方 animate.min.cssを読み込みます。 <head> <
【スマートフォン制作向け】checkboxをCSSのみでカスタマイズ | バシャログ。
こんにちは、ishida です。 先週金曜日、横浜スタジアムでノーヒットノーランをこの目で見ました。 やっぱり野球はスタジアム観戦がいいですな。 さてさて、以前こちらのブログで 【スマートフォン制作向け】radioボタンをCSSのみでカスタマイズ という記事を書きましたが、今回はこちらの続編でcheckboxカスタマイズをご紹介します。 ソースコード コードはこちらです。 あっ、それと バシャログ。で js.do.it アカウントを作成しましたので、 よろしければフォローしていただると幸いです。 ポイント checkbox本体を、appearanceプロパティをbuttonにしています。 checkboxがチェックされた場合に、:checked疑似クラスをつかいます。 :checked疑似クラス ＋ before疑似要素 ＋ after疑似要素を組み合わせて、チェックされた時のデザインを作
[CSS3]面倒なCSS3、linear-gradientを使いやすくまとめてみた | バシャログ。
こんにちはLatinです。 今年も残す所、あと11ヶ月となってしまいましたが、やり残しのないよう頑張ろうと思っております。 今回はCSS3のグラデーションにまつわるエントリーです。 ハッキリ言って面倒くさい！ さてCSS3のグラデーション「linear-gradient」なんですが、はっきり言って面倒です･･･。 今はCSS3のジェネレータもたくさんあるので、それらを使うのもいいのですが、足りない分のベンダープレフィックスを探したり、filter やら毎回ググるのが非常に面倒！ 且つ、ボタンなどに、gradient と border-radius を併記した場合、IE9 での表示が若干おかしくなってしまいます。 詳細は下記に記載しますが、今後サクッと使えるように備忘録がてら、簡単にまとめておこうと思います。 CSS スニペット（修正前） .btn { border-radius: 4px;
最近リニューアルした弊社シーブレインのウェブサイトがさらに生まれ変わり、レスポンシブになりました！ | バシャログ。
昨日家に帰ったら、リビングに半額キャンペーン中のドーナツがまんまと 10 個置いてありました。 置いてあるなら仕方ないな…と、ダイエット中にもかかわらず 2 個食べた kimoto です。 さて、8/6 にリニューアルした、バシャログ。メンバー属するシーブレインのウェブサイトですが、あれから2ヶ月足らず、さらにプチリニューアルを行いました！ 前回のリニューアル時、時間が足らず果たせなかったレスポンシブ対応を施しました。 またそれに伴い、デザイン自体も少々見直し、さらにサイト全体的に統一感もアップさせています。 レスポンシブ対応にするためにそれなりに苦労もありましたが、それはまた別の担当者がとくとくと語ってくれると思います。そのあたりのテクニカルな話は、後日をお楽しみに。 まずはサイトを訪れてみてください。 これからも、バシャログ。および株式会社シーブレインをどうぞよろしくお願いいたします！
html5 & CSS3 で作られた凄いサイトいろいろ | バシャログ。
seki に続き、「おおかみこどもの雨と雪」を娘と共に見てきました。 面白かったんですが、これ、完全に大人向けの映画ですね。 6 歳の我が娘は終始つまらなそうだったので全国の親御さんは要注意！ 最近は、html5 & CSS3 で作られた凄いサイトがどんどん出てきてますね。 その辺りのまとめ記事がありましたので、その中からいくつかご紹介します。 ウェブの進化 これちょっと前に話題になりましたが、すごいですよね。さらにウェブの歴史まで勉強できる。素晴らしい。 These Are Things - Home of the Modern World Map これ好きです。なんかいいですよね。暖かい気分になれる。 他にも、以下のようなサイトがたくさん紹介されています。 Matteo Cianfarani Lambooja Agência Digital - Goleando na Internet
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
