css3アニメーションのレパートリーがきっと増える！動きの参考になる22サイト | 株式会社WEB企画
css3でアニメーションを使用するサイトが近頃増えてきました。背景としては、css3アニメーションのプロパティにほぼ対応しているスマホ端末の普及や、animationプロパティ未対応のIE9（IE6～IE8を含む）のシェアが低下してきていることが挙げられると思います。 つまり、css3アニメーションの対応ブラウザは「増加中」ということに他ならず、実装するサイトは更に増えていくのではないでしょうか。 今回は、そんなcss3アニメーションの実装時に参考できる22サイトを集めてみました！ 1：丸型オブジェクトにピッタリのアニメーションギャラリー 丸型オブジェクトに対して、様々なホバーエフェクトを実装しています。 何気なくマウスオーバーした時にこんな動きがあれば、注意を引きつけられそうですね！ http://tympanus.net/codrops/2013/05/30/simple-icon-h
[2015年3月時点のホバーエフェクト総まとめ(CSS3/jQuery)] 他 海外のCSS情報 | WEBデザインすーぷ
2015年3月6日 CSS 250以上ののjQuery＆CSS3Hoverエフェクト（Plugins＆チュートリアル） 250+ jQuery & CSS3 Hover Effects (Plugins & Tutorials) jQuery and CSS3 made a big difference in the webdesign industry. Lot of new features added to make dynamic websites. Hover effects are often used in websites to add usability. jQueryとCSS3がwebデザイン産業における大きい相違を作りました。新しいたくさんの特性がダイナミックなウェブサイトを作るために付け加えられました。Hoverエフェクトが有用性を加えるためによくウェブサイトで使わ
![[2015年3月時点のホバーエフェクト総まとめ(CSS3/jQuery)] 他 海外のCSS情報 | WEBデザインすーぷ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8837365c90b4b16c12024bcc2473ddfc6727d696/height=288;version=1;width=512/http%3A%2F%2Fi0.wp.com%2Fweb.html-css-javascript.com%2Fwp-content%2Fuploads%2F2015%2F03%2Fi5.jpg%3Ffit%3D723%252C240)
特別な知識が無くても、検索1ページ目に表示されるブログ記事を書くための３つの手順
あなたはブログを書く時に、こんな経験をしたことがありませんか？ さぁブログを書こう！と思ってPCの前に座るけど、「うーん…」と頭を抱えて、キーボードをたたく指が止まる。 書きながら「これ、なんか違うよな」って悩みながら、書き進める。また「うーん…」ってうなってはキーボードをカチカチ入力するが、結局バックスペースを使って文字を消す。結局ブログが書けない。でも、早く良い記事が書きたい！ リサーチしたネタをどうやって活かせばいいかがわからない。色んなサイトを見て、テクニックやノウハウは知っているけど、どうやってそれを使えばいいかがわからない。苦労してブログを書いてみたけど、実際に読み返してみると、上から下で言っている事がバラバラだったり、同じ事を何回も繰り返している…。 良い情報がめちゃくちゃたくさん出回っている中で、一体どんなネタをブログに書けばいいのか。 いざ何か記事を書こうと思っても、他の
Tumblrテーマを本気でつくる Vol.1「テーマカスタマイズの基本編」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 以前、「Tumblrでもここまでデザインできる！オリジナルカスタマイズの実例解説」という記事で、「いいオフィスBLOG」の例を出して解説をしたのですが、汎用性がないなあと今更反省をしています。 前回はまだTumblr初心者ということもあったので許してもらうとして……。今回は、本気でTumblrテーマを作りたい人のために出直してきました！ 1つの記事にすると長い戦いになると思ったので、以下の順で連載のかたちをとってご紹介したいと思います。 Vol.1 テーマカスタマイズの基本編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編 テーマカスタマイズということで、あらかじめ「HTML／CSSの理解がある」「Tumblrの管理画面くらいは知っている」というのを前提に話を進めていきます。 Vol.1「テーマカスタマイズの基本編
「発信力はビジネスの基本」【第2回】一般人に「表現力豊かな文章」は必要ない!（木暮 太一） @gendai_biz
【第1回】はこちらをご覧ください。 「発信力=表現力」ではない 以前、小学生向けの作文指導の本を読んで、愕然としました。そこに模範として書かれていた文章が、とんでもなく的外れだったからです。 日本の国語教育では、「表現力」や「感受性」が重視されていると感じます。「この時の、主人公の気持ちを述べよ」「筆者の気持ちとして、最も適切なものはどれか?」というような問題を、多くの方が目にしたことがあるでしょう。 ですが、考えてみてください。みなさんが社会に出て、一度でも「表現力豊かな文章」を書いたことがありますか? もっと言えば、表現力豊かな文章を求められたことがありますか? 会社で、買い物に行ったお店で、その他どこでも構いません。大人になってから、小説以外で、そのような文章を見たことがありますか? おそらく、ほとんどの方が「ない」でしょう。 これらの文章を書くのは、小説家、脚本やシナリオを書く人だ
Webデザイナーはチェックしておきたい、最近のUIデザインで注目されているカラーのまとめ（スウォッチ付き）
有名ブランドで採用されているカラーをはじめ、Material DesignやiOS 8で採用されている落ち着いたパステル、同一色相の美しいグラデーションなど。 最近注目されているカラーをまとめたPhotoshopのスウォッチを紹介します。Illustrator用のもいくつかあります。 Color palette -Material Design 2015年、多くのWebデザイナーが注目しているMaterial Designで使用されているPhotoshopとIllsutrator用のスウォッチファイル。フラットなカラーと同一色相のグラデが特徴的です。
Retina対応にSVGは本当に使えるのか？
高解像度スクリーンに対応できるのは嬉しいですが、普通の解像度しか持たない端末にも大きなファイルをダウンロードさせなければならないのは、3G回線などの遅い回線での表示パフォーマンスを考慮すると、SVGが適していないケースもありそうです。ただ、サーバ上でGZIP圧縮した場合、平均30%ほどサイズを削減できることを考慮すると、数十KBの差がある場合を除いて、表示パフォーマンスと表示クオリティのバランスもとれてくる気がしています。 ちなみに、Illustratorで「圧縮」を選択してsvgzとして保存すると2,395Bになりました。これならPNG8のファイルサイズにだいぶ近くて良い感じですね。Apacheの設定にSVGZが記述されていれば圧縮版を使えるので、このサイズだったら現実的な気がしてきました。ただ、サーバの設定がうまくいかないのか、Illustratorでの書き出しが悪いのか、SVGZを表
営業の自動化に革新をもたらす新参スタートアップ5選 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
営業はつらく、厳しい仕事だ。 幸運にも、外回り営業や呼び込みが簡単にできる新しい営業自動化ツールが登場している。 以下に上げるのは、スタートアップが開発する新ツールだ。これらを使えば、特別なチャンスを獲得し、営業トレーニングにおいて競合を引き離すことができるかもしれない。 Close.io: CRMによる電話発信・メール送信 Close.ioを使えば、営業担当者はアプリをワンクリックするだけで電話発信とメール送信を行うことが可能だ。通話とメールは自動的に見込み客のプロフィールに履歴として残るので、単調で間違いが起こりやすいデータ入力の手間が省け、その分電話発信に時間をかけることができる。 また、Close.ioでは営業担当者のアクションに基づいてリストにフィルターをかけられるので、通話履歴や送信済みメールからどの見込み客にどういったフォローが必要かを簡単に把握することができる。 最後に、便
大人になって最小のコストで英語を学ぶ方法 - makfive.com
色んな人とお話していると、大人になってからでも英語を真剣に学びたいという人はやっぱり多いようです。 一番ベストなのはやっぱり「英語圏に住む」ことなのですが、それは時間の制約などがあり社会人には厳しいですよね。（一方で学生さんなど時間がある人は今すぐ行くべきです。） そこで、実体験に基づく私なりの英語学習法をここで紹介したいと思います。 私自身は、高校まで日本で過ごし、大学からアメリカに留学しました。比較的若い時に行ったとはいえ、適齢期を過ぎて行ってるので、外国で生まれ育った帰国子女とはちょっと状況が違います。気づいたら喋れてた、みたいな感じではなく、相当苦労して学びました。 ですから、英語学習者の苦労はそれなりに理解しているつもりで、以下の方法論は大人の方にも役に立つのではないかと思っています。 方法論を語る前に、英語学習に関するよくある誤解をとくことから始めます。以下が英語学習にまつわる
アクセス解析ツール『Ptengine』がWordPressプラグインをリリース！早速、利用してみた！｜ワドプラ
簡単に楽しく使える新しいアクセス解析ツール『Ptengine』がWordPressプラグインをリリースしていたので、早速、利用してみました。 プラグインを利用するとPtengineをWordPressのダッシュボード上で利用できるようになってとても便利になります。 プラグインの導入のやり方を紹介します！ Ptengineとは？ 訪問してきたユーザーがあなたのサイト内でどんな行動をしているのか知るためにユーザーの行動を見える化するために作られたアクセス解析です。 ここがすごい！ なんといってもユーザーが実際にタッチした部分や、よく見られたエリアをヒートマップ解析する機能がありページ中のユーザーの行動が明らかしてくれる優れた機能を搭載しています。 PC、タブレット、スマートフォン、それぞれの解析がまとめてできるマルチデバイス解析、今の状況を解析できるリアルタイム解析、使いやすいフィルタリングで
Wocker: Create your WordPress development environment in 3 seconds!
Wocker Docker-based rapid WordPress development environment. It takes just 3 seconds to create every fresh WordPress environment! Version 1.5.3 What is Wocker? Wocker is a local WordPress development environment. Since it’s based on Docker, it takes just 3 seconds to create every new installation of WordPress. Get Started 1. Install Vagrant http://www.vagrantup.com/ 2. Install VirtualBox https://w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
