動くCSSのためのメモ。
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
【2015年版】UI/UXの参考になる！「デザインが美しい」と話題になったWebサービス・アプリ30選
皆さんが普段使用しているアプリ。便利なものや楽しいものが多くありますが、UI/UXを気にして使用したことはあるでしょうか？多くの人が使用している人気のアプリは内容だけでなく、UI/UXが優れているもの。 どれだけ内容が良かったとしても、UI/UXが優れていなければ長期的に使ってもらえません。そこで今回は、2015年にリリースされたアプリの中で、「デザインが美しい」と話題になったものを紹介したいと思います。 1：PeekPeek 今では、スケジュール管理アプリは数多くありますが、このアプリは他にはない面白い部分があります。それは、ほとんどの操作をジェスチャーで行うというもの。メニューボタンなどはなく、長押しやスクロールといった方法で操作します。このような操作性は、Peekだけです。 2：KocriKocri どこの学校にもある黒板。そのあり方を「一変させてくれるかもれない」と感じさせるのが、
ノンデザイナー必見！ 絶対に見ておきたいデザインスキルアップできる記事12選 - ICS MEDIA
弊社のスタッフはフロントエンドの開発にとどまらず、デザインを制作する機会も少なくありません。弊社に限らず、近年職種を問わずデザインを扱う機会が増えているように思います。しかし、コンテンツ要素が整理整列されていなかったりテキストのカーニングがされていなかったりと、基礎的なことができていないようなケースも多く見られます。基礎的な部分が押さえられていないと、野暮ったさや素人感が出てしまいイマイチな仕上がりになってしまいます。 今回はそういった方に是非読んでもらいたい記事を、すぐにでも実践できる内容を中心にピックアップしました。Webサイトやアプリケーションのデザインだけでなく、企画書やプレゼンテーション資料の作成などでも応用できるものなので、どなたでも覚えておいて損はないと思います。 フォント選び フォントの基本的な選び方 | Arch ▲フォントの系統から書体、ウェイトの選定方法まで、ユーザー
急げ!! 沖縄へ4,580円〜格安航空券のタイムセール!! バニラエア - おいしい節約料理のススメ
みなさんこんにちは。「節約夫婦」です。いつもご覧いただきありがとうございます。 またまた、バニラエアで格安航空券が発売されますよ。今回もかなりお得な情報です。2015年11月27日 19:00から予約開始ですよ〜。 格安航空券 2016年1月1日から2016年2月29日までの東京＝沖縄のフライトが、4,580円からという激安航空券の予約の情報です。2016年1月1日のフライトも含まれているのに、この価格は驚きです。 のんびり過ごすのもいいですよね。あとは、史跡巡りやトレッキングを楽しんでもいいな〜。この値段で行けるなら、冬の沖縄に行かなきゃもったいないですよね。 このお得な情報を、沖縄に行きたがっているお友達やご友人にも教えてあげてくださいね。 予約期間 2015年11月27日 19:00～11月30日 23:59 搭乗期間 2016年1月1日～2016年2月29日 詳細 わくわくバニラ運
ROEって何？株式投資に役立つ収益性分析 - 気になることを調べてみたブログ
2015-11-27 ROEって何？株式投資に役立つ収益性分析 経営 経済 株式投資 数日前に書いた記事が想像以上に反響がありました。今回はその続きとして、企業の収益性分析について書いていきたいと思います。 こちらがその記事。営業利益や経常利益の違いがまだ分からないかたは、こちらを先に読むことをオススメします。 この記事の最後に、株価が割安な企業の見つけ方についても説明しようと思います。 財務諸表は企業の通信簿 上場企業は4半期ごとに決算書を公表しており、これは企業ホームページのIR情報で閲覧できるようになっています。 決算書を読むことによって、一年間でどれだけの利益（損失）が出たのか、売り上げがどうだったのか、借金はどれだけあるのかなど、様々なことが分かります。 ただ決算に書いてある数字だけを見るのではなく、他の会社と比べたり、前期の決算とくらべたりすることによって収益性を知ることがで
【UIデザインクイズ】第１回：コンテキストを意識しよう！ - Tortoise Shell
2015-11-27 【UIデザインクイズ】第１回：コンテキストを意識しよう！ デザイン 突然ですが、UIデザインクイズをします！ こんばんは！ 突然ですが、UIデザインについてクイズを出題したいと思います。 テーマは、『どちらのUIの方が使いやすいか』です。 画面の前のあなた！ 特に、デザイナーやエンジニア、Webディレクターの方はぜひ考えてみてください。 今回は初級編の問題です♪ 問題： 下記のようなシンプルなタスク管理アプリがあるとする。 上部には、「新規タスクの追加」ボタンと、選択した（チェックボックスにタップした）タスクに対する「編集」と「削除」ボタンが用意されている。 また、選択したタスクに対して下部の「完了」ボタンをタップすることで、完了したタスクをアーカイブすることができる。 さて、このタスク管理アプリには、まだ「新規タスクの追加」ボタンをタップしてから、ユーザーが任意のタ
時給１０００円目標は「民主が本家」…枝野氏 : 政治 : 読売新聞（YOMIURI ONLINE）
民主党の枝野幹事長は２５日の記者会見で、安倍首相が最低賃金の全国平均を１０００円（時給）とする目標を表明したことについて、「民主党政権で定めた目標そのものだ。民主党の経済運営は正しかったと明言してもらいたい」と批判した。 民主党は鳩山首相時代の２０１０年６月、当時７１３円だった最低賃金の全国平均を２０年までに１０００円に引き上げる目標を決定した。これに対し、自民党の石破政調会長（当時）が１０年１０月の衆院予算委員会で、企業側の負担増を念頭に「アンチビジネス的政策はやめてもらいたい」と指摘していた。 枝野氏は記者会見で「どういう理由から（自民党は）方針を転換したのか、説明してもらわないといけない。反対のための反対だ」と強調した。
なんでも自動化するエンジニアが残していったライフハック・スクリプト
元々はロシア語の掲示板に出ていた、職場での小さなことをなんでも自動化していたハッカーの話が英語に翻訳され、Hacker News等で話題になっています。 xxx(ハンドル名): オーケー、ビルド担当エンジニアが転職で辞め […] 元々はロシア語の掲示板に出ていた、職場での小さなことをなんでも自動化していたハッカーの話が英語に翻訳され、Hacker News等で話題になっています。 xxx(ハンドル名): オーケー、ビルド担当エンジニアが転職で辞めちまった。本当にターミナルに住んでるようなやつだった。わかるだろ、Vimが大好きで、.dotファイルで図を描いて、Markdownでwikiに投稿するようなタイプさ… もし何か、そう何でも、90秒以上掛かるようなことがあったら、スクリプトで自動化しちゃうんだ。 xxx: そういうわけで我々はここにいて、彼の、そう、「遺産」を見てるところだ。 xxx
ブロガーなら寄稿・転載依頼を受けるか受けないか？それが問題だ - 千日のブログ
2015-11-26 ブロガーなら寄稿・転載依頼を受けるか受けないか？それが問題だ 初心者のブログ戦略 あなたのブログにも寄稿・転載依頼が来るかもしれません どうも千日です。初心者のブログ戦略の番外編です。千日のブログに旅行サイトから寄稿の依頼が来ました。ローマのバールでカードが使えず、席に妻を残して両替の為にホテルに走ったエピソードを書いた記事でした。 こういったオファーが来るということは、自分のブログが客観的に商業レベルにあることを意味します。それに報酬もいくらか貰えるみたいですね。 おお～マジか！？ かなりテンションが上がります。 しかし結論から言いますと、今回のオファーについては辞退することにしました。 寄稿・転載で得るもの＝知名度と記事のレベルアップ 寄稿とはそのサイトに記事を書いて提供することです。 転載とは自分のブログの記事を（原則として）そのまま、掲載することです。 より
PDCAはいいけど、チェックが一番大事なんじゃない？ - あれこれやそれこれ
2015-11-27 PDCAはいいけど、チェックが一番大事なんじゃない？ PDCA ☆仕事論☆ ☆仕事論☆-お仕事雑感 ＰＤＣＡって何、という方はここから。 PDCAサイクル - Wikipedia 業務などの改善を進めていく場合に繰り返す段階の４つ。 PLAN（計画）-DO（実行）-CHECK（評価）-ACT(処置、改善）を繰り返すこと。最後のACTを次のPLANに活かすことで継続的な改善に、っていうことね。 でも、最初のPLANがめちゃくちゃだったら何を実行しようが評価しようが改善しようがめちゃくちゃなんですよね。 発光ダイオード（LED）は消費電力が少なくて高寿命、だから白熱灯や蛍光灯は２０２０年で製造禁止にする方針、なんてニュースを見かけたわけです。 まず計画有りきで「２０２０年から製造も輸入も禁止」というPLANを立ててしまうと、実行してみたら「蛍光灯とか白熱灯じゃなくてはいけ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshoper
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
CSSグラデーションで作った背景パターンのサンプル - NxWorld
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
彼女に結婚を断られた
TOEIC150 → 925達成！中学から英語が苦手だった人こそハマる、得意科目別の勉強法