Learn typed code through a programming game. Learn Python, JavaScript, and HTML as you solve puzzles and learn to make your own coding games and websites.

こんにちは。マラガの海の贈り物SEKOです。 フラッシュを使えばサイトはダイナミックな動きを実現しますが、今回はフラッシュでなくてもJavascriptで凄い動きのサイトを集めてみました。 是非参考にしてください。 Javascriptを使った、凄い動きのサイト10選！ MoMA MoMA 円が時系列で表現されております。クリックするとグリンっとまわる動きは気持ちがいいです。ただサイト自体がけっこう重いですね。。 DUB FIRE DUB FIRE マウスを右や左に動かすとサイト全体が動きます。広がりがあり、操っている感もあり、こちらも操作が気持ちいいサイトです。 Volkswogen Volkswogen メインスライドの動きが綺麗です。スクロールで車を操作する年表ページやフォトギャラリーにも楽しい動きが沢山含まれています。 Secret Study Secret Study DUB F

こんにちは。 10月が終わり新しい月がはじまったということで、先月中に話題になったイケてるwebサービスやアプリを10個ほどご紹介します。 calll カカオトーク（カカオジャパン）がリリースした、みながら話せる電話アプリです。 何を見ながらかというと、写真やWebサイトを一緒に見ながら話せる無料通話アプリです。 シェアされた情報は、通話履歴として自動で保存されるため通話後でも簡単に振り返ることができます。通話中にスマートフォン画面をタッチすると、触れた部分が相手の画面上に小さなサークルで表示されます。新しい。 オンガクスリ ユーザーの悩みの投稿に対し、音楽を紹介して回答するソーシャルコミュニケーションサービスです。 音楽をクスリと捉えて、個人が投稿した悩みに対して周りのユーザーが音楽の紹介をして回答します。キャッチコピーは「あなたの心に効く音楽が、きっと見つかる。」 studygift

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

僕は色々勉強しなきゃ行けないのは分かってるんだけど、勉強しなきゃなーとか言いながらズルズルとしてしまう人で、気づけばゲームばっかしてるような人間なんです。 もはや、WEB屋兼ゾンビキラーとか名乗った方がいいんじゃないかとこのまえ友人に冗談半分で言われましたが、そのくらいゲームは結構好きなんですね。（先月はCOD2のOriginsやりこんで、今はGTAVやってます…） そんな、学ぶの面倒だけどゲームは好きって人に、もしかしたらオススメできるかもしれない、CodeCombatというJavascriptを学ぶサイトを今日はご紹介させて頂ければと思います！ 内容は至って簡単で、ゲームをすすめる為にはJavascriptでコードを書かなきゃならないって感じの物。それっぽいのはいくつかありましたが、ちょっととりあえずやってみましょう。 とりあえず、PLAY！ どうやら僕はウィザードとしてプレイするよう

auが、auスマートパスの各種サービス入会・退会ページを刷新した。以前から退会の方法が分かりづらいという声が多かったことに対応したものと思われる。 あまりにもストレートなデザインに、公式ページかと疑うユーザが出かねないほどのシンプルさだ。 PC向けページ PC向けのページは、auスマートパスのロゴと、それぞれのサービス入会・退会ページへのリンクがとても分かりやすく並べられている。ページ下部（フッター）部分には細いオレンジの線が引かれているが、さらにその線の下には白地が続いている。 スマホ向けページ スマホ向けのページは、更にシンプルだ。 最上部のページタイトルに、au公式サイトであることを示す文言はない。筆者は、このページにたどり着いた際、フィッシングサイトではないかと感じてしまった。 あまりにもシンプルすぎるUIで気づきにくいかもしれないが、右上の黒い縦線は、ナビゲーションを開くためのリ

タイトル長いですが。 これまでGUIアプリで操作してきたことをコマンドラインで操作出来るようにするMacでのセットアップメモ。 いつも忘れるので、現時点での覚え書きです。 自分の手順だけをざっくり書くので、わからなかったりエラーが出たらその内容で検索して調べてください。 2018.11.7 update やることリスト Xcode（iPhoneやiPadのエミュレーターなど） Homebrew（パッケージ管理ツール） Node.js、Grunt、gulp.js Sass + Compass（cssプリプロセッサ） Jekyll + bundler（スタティックウェブサイト） Git（バージョン管理） wp-cli （WordPressをコマンドラインから操作） Virtualbox、Vagrant（仮想マシン・サーバー） bash-completion（ssh実行時のホスト名の補完など）

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

こんにちは、デザイナーのサリーです。 以前こんな記事を書きましたが↓ これが無料!?背景画像のフリー素材配布サイト 14選 紹介した中でも一番よく利用しているテクスチャ素材サイトが「Subtle Patterns」です。 シンプルかつシームレスなので、サイトの背景・ボタンなど色々な場面でお世話になっています。 でも素材の数が多いだけに選ぶのが一苦労な上、素材それぞれの違いが微妙なので色々試したくなってしまったり。。。選んで、ダウンロードして、解凍して、Photoshopで当てはめて…の一連の作業が結構時間かかっちゃったりするんですよね。 そんな「Subtle Patterns」からPhotoshopのプラグインが出ました！有料ではありましたが、使ってみるとお手軽に素材を使用できて上記の悩みを解決してくれました。 今回はそちらのプラグインを紹介します。 まずはインストール http://pl

使う機会がありそうなので調べたら、いくつか良さそうなものがあったので備忘録兼ねて紹介します。 商品の使用前後・家などのリフォーム前後・美容室のカット前後といったように、ビフォーアフターを見せたいときに便利なjQueryプラグインです。 全部で3つのプラグインを紹介していますが、どのプラグインも簡単に設置できてほとんどのブラウザで問題なく動作する感じです。 TwentyTwenty 使用方法 「TwentyTwenty」からファイルをダウンロードし、jQueryと併せて必要なファイルを下記のように記述します。 パスなどは自身の環境に合わせて変更してください。 <link href="css/twentytwenty.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.js

スマートフォンの設定を一度でも自分好みに変えてしまったら、その後は設定画面を見直さない、という人は多いでしょう。でも、物事は変化していくものです。 よく考えもせずに「承諾」ボタンを押せば、アプリはどんどん個人情報を吸い上げていきますし、いつでもどこでもプッシュ通知画面が表示されるようになります。何もしていないのに、突然バッテリーの持ちが極端に悪くなったりもするでしょう。 こうした事態を防ぐために、1カ月に一度はチェックすべき設定項目をご紹介しましょう。 「プライバシー」項目をチェック アプリに許可を求められると、それが何であれ、深く考えずに「承諾」ボタンをタップしてしまう人はいませんか？　何を隠そう筆者もそうです。iPhoneはかなりクローズドな環境なので、取り返しのつかないミスを招くことはあまり考えられませんが、公開するつもりのなかった情報をうっかり漏らしてしまう可能性がないとはいえませ

海南 东部靠旅游，西部靠工业，那中部以后靠什么？_海南发展_论坛_天涯社区 海南的大部分水资源都是从中部输出的。如果产业在中部地区发展，对海南只会是百害而无一利。运输也是一个问...... 中小创加速坠落，上证50独木还能撑多久？ 盘面消息：上证综指今日表现平静，围绕昨日收盘点震荡，最终小幅收涨0.13%，收于3222.42点；上...... 集团简介 万博手机版max网页版(中国)-官方网站于2017年成立于美丽的江北水城--山东聊城，目前在菏泽、聊城设有分公司，2020年筹备泰安、德州分公司。主要从事一级注册消防工程师、一级建造师、二级建造师、健康管理师、心理咨询师、成人高考、网络教育等考试培训服务。公司具有严谨的教学系统，拥有行业最好的软件，紧跟国家考试大纲编制的浓缩课程。以网络职业教育为核心，线上线下相结合的发展策略，不断扩充产品线，为各行业领域的个人和企业提供教育产品和服务，公司

作成：2013/10/28 更新：2014/10/24 Webデザイン > 先週、合同商談会があったのでバタバタとリーフレット作ったんですが、字詰めなどに慣れてなくて時間をとられました。サイトをリニューアルするときもフォントの大きさ、行間、位置などで悩んだり。今回はWebページを読みやすく、見栄え良くするために「文字」に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ フォントに関する知識 １．字間 ２．行間 ３．字詰め ４．文字組 ５．ジャンプ率 ６．余白／図版率 ７．メリハリをつける ８．書体 ９．読みやすいフォントサイズ １０．見やすい文章 １１．Webフォント スライド １２．フォントに関するスライド フォントに関する知識 １．字間 字間とは文字と文字の間に生まれる空間。文章の行間・送り、漢字とひらがなの字間など文章レイアウト

いえーいCSSでぐりぐり動かしてますか！ やろうやろうと思いつつなかなか手が出ないなんて事もありますが、CSS Animationについてそんな人のための簡単な導入です。 CSSでのアニメーションは二種類 実はCSSのアニメーション、と言っても二種類あります。 transition … マウスホバーとかの操作時に動くやつ animation … ずっと動き続けるやつ プロパティは割と似てる 今のところ、どちらもベンダープレフィクスが必要 頻繁に使われるのは前者でしょうか。 transitionでさくっとアニメーション リンクにカーソルを載せると文字色が変わる、という例。 transitionプロパティで設定します。 値は「変化させたいプロパティの名前」と「変化にかける時間」です。 時間の単位はsで、secondsつまり秒です。 （ちなみにCSSは0.1を.1と記述する事が出来ます。） 複数

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

およそ「仕事」と呼ばれる経済活動は、大きく三つの部門に分解できると思う。 すなわち、ビジネス部門、クリエイティブ部門、コーポレート部門だ。この３つの仕事を１人でこなせなければ、フリーランスとして働くのは難しい。人間は、分業すればするほど作業効率が高くなる生き物だ。だから多くの場合、「会社」を作って、少しずつ手分けして事業を運営している。 ビジネス部門とは、売上げを伸ばして事業を大きくする仕事を指す。いちばん分かりやすいのは営業部隊だろう。より多くの人脈を広げ、商機を見逃さずにすばやく飛びつき、会社の売上げに貢献する。それがビジネス部門だ。渉外活動だけでなく、広告宣伝活動もここではビジネス部門に加えたい。 クリエイティブ部門とは、端的に「ものを作る仕事」のことを指す。デザイナーやイラストレーターだけでなく、プログラマ、エンジニアなども、ここではクリエイティブ部門に含めたい。会社の業務として何