[CSS]ぼよよーんと気持ちいいアニメーションでエレメントをページに表示させるスタイルシートのテクニック
パネルを構成する画像、ラベル、見出し、テキスト、そして全体をそれぞれ個別のタイミングでぼよよーんと気持ちよく弾むアニメーションで表示するスタイルシートのテクニックを紹介します。 使いどころは限られるけど、こういうの好き。 bounceIn animated 実装はこんな感じになります。 HTML HTMLは、画像、ラベル、見出し、テキスト、ラッパーの5つで構成されています。 <div class="cu-card animated bounceIn"> <div class="cu-card-image animated second bounceIn"> <img src="http://placehold.it/640x360/99ff99/ffffff" /> <div class="cu-card-label-group animated third bounceIn"> ラベル
Terraform簡易チュートリアル on AWS - Qiita
概要 TerraformのAWSを使って、CLIを通してインスタンスの起動→変更→停止を行うためのチュートリアル。Terraform の基本概念である plan apply show のサイクルを理解するためのもの。 追記 Terraformのblog投稿、参考訳 - Qiita http://qiita.com/zembutsu/items/402e02950ce9d59fa0e6 Terraform入門 日本語訳 - Qiita http://qiita.com/zembutsu/items/84f5478701c5391df537 Terraform とは Hashicorp (Vagrant, Packer, Serf, Consul を作っている会社) によって 7/28 に公開された新しいオープンソースのプロダクト。 Terraform http://www.terraform
今から始める「Ingress」新米エージェントが知っておくべき7ヵ条 - 週刊アスキー
現実と仮想世界を融合させたゲーム『Ingress』（イングレス）。欧州で発見された謎のエネルギー“XM”をめぐり、2つの陣営に分かれて陣地を奪い合うという内容で、単純なルールながらも、現実とクロスした仕組みを取り入れ、奥深い駆け引きなどが楽しく、一度はじめると、その虜になっているユーザーが多い。 先日、そのイングレスのiOS版がリリースされた。週アス編集部の面々も参戦しているが、謎めいた世界観に基づいた独特のルールで、いざはじめてはみたが「XMの回復方法は？」「リンクが構築できない！」「まず何をすればいいの？」という会話が飛び交っている。そこで、新米エージェントが知っておくべき、イングレスの基本的な知識を7ヵ条にしてまとめてみた。プレイに戸惑っているエージェントは参考にしてほしい。 エージェントのステータス画面。エージェントにはレベルがあり、レベルによって使えるアイテムが制限される。“AP
JavaScript初級者から中級者になろう — uhyohyo.net
このページの最終更新日：2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav
１限目：コピーライターに学ぶ、書くための「レシピ」 (1/2)
僕はコピーライターです。日ごろ、書く専門家として、広告代理店や制作会社、企業の方々から依頼を受け、コピーやテキストを書くのが僕の仕事です。また、セミナーや研修でライティングを教えることもあります。そんな僕がこれまでの仕事を通して感じてきたのが、“書かずギライ”の存在です。“書かずギライ”の方たちはこう言います。「おれ、文才ないからなあ」「どうも書くことが苦手で」と。 しかし、そんなことをおっしゃる方々も、その実、非常に優秀な方ばかりで、デザイン、プログラミング、マネージメント、マーケティングといった、ご自分の専門分野では非常に優れた能力を発揮していたりします。もう、提案したり教えたりする僕が劣等感にさいなまれるほどに、です。 で、僕は考えました。“書かずギライ”の正体、それは“自分が書いたもののクオリティが判断できない状態”なのではないか……と。デザインやプログラムと違って、善し悪しの判定
ボールジャグリングの基礎
１. ボールを投げる時は、体の中心付近でボールを放します ２. 投げる高さは、頭を少し越す位がいいでしょう （右からボールを投げた場合、軌道の頂点は体の中心より やや左側になります） ３. キャッチする時は、体の外側でキャッチするようにします
もう一度、ちゃんとJSON入門 - 檜山正幸のキマイラ飼育記 (はてなBlog)
僕自身も僕の周辺もJSONをよく使います。でも、細かい点でけっこうミスをやらかしています(苦笑)。このエントリーで、JSONを使う上で注意すべきこと／間違いやすい点をすべて列挙します。 内容 兼チェックリスト： 仕様原典さえ読めば完璧（のはずだが） 数値の前にゼロを付けてはいけない 16進数表記も禁止だよ 数値の前にプラスを付けてはいけない 小数点からはじまる数値はダメ 用語法が違うよ：プロパティとメンバー メンバー名には常に文字列を使う 空文字列""もメンバー名に使える 配列要素はキッチリと並べよう 文字列を囲むには二重引用符だけ 文字列内のエスケープが微妙に違う 仕様にないエスケープは構文エラー undefinedもNaNもありません ラッパーオブジェクトは使わないのが吉 型システムとtypeofに関する注意 最後に 仕様原典さえ読めば完璧（のはずだが） JSONは、小さくて簡単な仕様
Illustratorで可愛いイラストを簡単に描くチュートリアル記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのモモコです。 今回はAdobe Illustratorを使って可愛らしいイラストが描けるチュートリアル記事をご紹介します。 これからイラレをどんどん使っていきたい！という初心者の方にも優しい記事を中心に集めてみました。 Adobe Illustratorを使って可愛いイラストが描けるチュートリアル6つ Create a Gentle Flat Oriental Pattern in Adobe Illustrator https://design.tutsplus.com/tutorials/create-a-gentle-flat-oriental-pattern-in-adobe-illustator–cms-20952 オリエンタルなパターンが作れるチュートリアル。 提灯や扇子など、あしらいを変えれば夏にも正月にも活躍しそうな要素がそろっています。 Cre
Python-izm
プログラミング言語Pythonの習得を目的としたサイト、Python-izmです。 入門編、基礎編、応用編などカテゴリ分けされていますが、すでにPythonの基本構文、実行方法等を習得されている方は入門編を飛ばしてご利用ください。これからPythonを学習する、という方は入門編 – Pythonとはより順にご利用ください。また本サイトは主にPython 3系を用いていますが、3系と比較して大きく異なる場合は Python 2系のコードも掲載しています。バージョン2系と3系の違いは2系と3系の違いを参照してください。 お知らせ 2018/01 サイトのリニューアルに伴い、Python 3系への対応、SSL化を行いました。今後ともPython-izmを宜しくお願い致します。 Pickupコンテンツ 各プログラミング言語の実行までの手順をまとめました。Pythonは他の言語と比較しても容易に実行
Online Python Tutor - visualize, debug, get AI help for Python, Java, C, C++, and JavaScript
Online Compiler, Visual Debugger, and AI Tutor for Python, Java, C, C++, and JavaScript Python Tutor helps you do programming homework assignments in Python, Java, C, C++, and JavaScript. It contains a unique step-by-step visual debugger and AI tutor to help you understand and debug code. Since 2010, over 20 million people in more than 180 countries have used Python Tutor to visualize over 200 mil
Dockerfileとdocker buildコマンドでDockerイメージの作成
前回の「ついに1.0がリリース！ Dockerのインストールと主なコマンドの使い方」では、Docker EngineのインストールからDockerコンテナーを作成し、Dockerイメージに保存するところまでを紹介しました。 Dockerは開発のスピードが速く、7月3日にはバージョン1.1.0がリリースされています。詳細はブログ「ANNOUNCING DOCKER 1.1.0」を参照してください。 今回は、Dockerコンテナーの構成とDockerイメージの作成を一括で行う、「Dockerfile」ファイルと「docker build」コマンドの利用方法を紹介します。 docker run／docker commitコマンドによるコンテナー作成の限界 前回はDockerコンテナーを「docker run」コマンドで起動し、コンテナー内でソフトウェアのインストールやサービス起動など自由に構成で
RailsのテストフレームワークRSpecの基礎知識
実践Ruby on Rails 4 現場のプロから学ぶ本格Webプログラミング 顧客管理システムの構築を体験しながら、Railsアプリケーション開発のノウハウを習得！ この記事は、書籍『実践Ruby on Rails 4 現場のプロから学ぶ本格Webプログラミング』の内容を、Think IT向けに特別にオンラインで公開しているものです。詳しくは記事末尾の書籍紹介欄をご覧ください。 本記事では、テストフレームワークとしてRSpecを採用します。RSpecをうまく活用すると、簡潔で読みやすいテストコードを書くことができ、Railsアプリケーションの保守性を高めることができます。 しかし、RSpecの用語法や表記法はやや独特で、慣れるまでには時間がかかります。読者の中にはとまどいを覚える方がいらっしゃるかもしれませんが、次章以降を読み進めるうえでの鍵となりますので、是非じっくりと読んで理解してく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vectips - Adobe Illustrator Tutorials, Tips, Tricks, and Resources
Tuts+
PhotoshopやIllustratorの最近気になったチュートリアルのまとめ
Google Code University - Google Code
Nginx入門 松江高専2014年度テキスト
WordPressの使い方
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
IBM Developer
