自閉症啓発週間毎日何らかの記事を書こうという野望は簡単に崩れました ASD者にとって体力の温存、体力のキャパ拡大、上手な体力の使い方を学ぶ。 これとても大事だと思います。 体力がなくなるとやっぱり頭が働かなくなるし精神的にも当然不安定になるし、良いことはほとんどありません。 わたしも意気込んで自閉症に関する記事を書こうと思っていたのですが、己の体力のなさに簡単にその野望は崩れ去りました。 わたしの場合、線維筋痛症というこれまたマイノリティの身体的難病を患っていますので、一応寛解しているのですが、気を許すとあっという間に、全身動かなくなる(痛みで）。この病気の原因などはハッキリしていないことから私が勝手に想像(妄想）するには、ASD者はこの疾病にかかりやすいのではないかということ。 緊張の強いタイプの自閉者たくさんいますよね。この状態が長年続いたりすると、筋肉のあちこちが筋肉同士がかばいあっ

一つ前のエントリーでも書いたけど、卒業研究や修士研究で体調崩したり、心の調子を崩したりするのはバカらしい。真剣にかつ楽しくやろう。定期的に次の事柄を確認してみて。 週を平均して、自分にとってベストな睡眠時間ぐらい寝れている？ 睡眠は精神バランスの維持に重要な要素なので、十分に寝ること 定期的に運動しているのに眠気がこない場合は、念のためカウンセリングに行こう 定期的（最低週に一度）は運動している？ 中国理系最高峰の清華大学の格言「7は8に勝る」。意味：7時間勉強して1時間運動する方が、8時間連続で勉強することよりも効率が良い 研究においては、一時的に頭を研究以外にそらすことが重要。運動は良い方法。 私にとって、悩んだときの常套手段は散歩。1〜2時間くらい歩くと良いアイデアが浮かぶことが多い 中国でアイデアが一番浮かぶ場所と言われているのが3乗（馬の上、トイレの上、ベッドの上）。頭を緩める必

この前「CSSだけで作る動きのあるドロップダウンメニュー｜Webpark」という記事を書きました。jQueryでしそうなことをCSSのみで作ったのですが、これはマウスを乗せたとき動くようにしたいのでhoverを使いました。 今回はクリックで開閉するということで、hoverは使えません。では何を使うのか。 ラジオボタンを使います。ある項目にチェックするとそれまでチェックされていた項目のチェックが外れる。アコーディオンメニューと仕組みが一緒です。 今回もサンプルを用意していますのでご覧ください。 IE8以下の場合「:checked」が非対応なのでうまく表示されません。しかし、CSS3セレクタはSelectivizrを使えば簡単に対応できます。使い方は「CSS3を使うにあたって知っておきたいIE対策のまとめ｜Webpark」をご参考に。 それではHTMLから紹介します。 HTML <div id

CSS3だけでクリックでアニメーションさせる CSS3でアニメーションが使えるようになり「hover」と組み合わせればマウスオーバーアニメーションならJSを使わなくても余裕な感じですが、クリックでアニメーションしたいときはそれらしいセレクターがないのでできないかなと思ってましたが、頑張ればできるらしいです。 投稿日2011年12月21日 更新日2011年12月21日 クリックした要素自身をアニメーションする チェックボックスを使用して、クリックした状態でcssを切り替えることでアニメーションさせます。 動かしたい要素を「label」で囲めばチェックボックスと連動するんです。 html <input type="checkbox" id="start"> <label for="start"> <div id="box"></div> </label> css /* チェックボックスは非表示

先日『CSS3のtransitionプロパティでアニメーションを試してみた』をエントリーしましたが、とりあえずは:hoverで動作するものばかりを試作していたのですが、:hover以外はどんなのがあるか？と思い、とりあえず調べてまとめてみた。 E:hover まずは前回同様:hoverから。マウスを要素に乗せることで動作します。 .demo1 div{ width:150px; height:100px; background-color:#0066cc; border:3px solid #ffffff; color:#ffffff; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; -webkit-transition: 1s; -moz-transition: 1s; -o-transiti

CSSのみでアニメーション動作を可能とするCSS3の機能Transition。 海外のサイトではもうすでにCSS3アニメーションを実装しているサイトを見かけることもちらほら。 そんなCSS3アニメーションのテクニックを紹介しているサイトは多く見かけますが、 ここではCSS3アニメーションを実行させるタイミングに関してサンプルをもとに紹介してみます。 サイト上にアニメーションを組み込む際、その動作を実行させるタイミングは —————————— ・ページロード時 ・マウスオーバー時 ・クリック時 —————————— とパターンがあると思います。 今回はこの３パターンでのCSS3 Transitionを実行させる方法のサンプル。 サンプルでは上記３つの状況で、画像が回転するアニメーションを実装させます。 ※動作環境はCSS3 Transition対応ブラウザのSafariやGoogleChro

CSS3アニメーションを利用したサンプル CSS Niteビギナーズ：HTML5+CSS3でCSS3アニメーションを紹介したところ、使いどころがよく分からないとの意見をたくさん頂いたので、サンプルをいくつかご紹介します。 実際の動作はサンプルページから確認できます。 sample1 ボタンにマウスをのせた際にアニメーションして背景色を切り替えます。 /*sample1*/ .sample1 a{ background:#3f8bad; text-decoration:none; padding:1em; color:white; -webkit-transition:all 400ms; -moz-transition:all 400ms; -ms-transition:all 400ms; -o-transition:all 400ms; transition:all 400ms; }

カリフォルニア大学サン・ディエゴ校の計算機科学者達が開発した Codespell は、一人称視点の3Dゲームなのですが、その一番の特徴は、プレイすることでJavaプログラミングを身につけられるという点です。 Codesp […] カリフォルニア大学サン・ディエゴ校の計算機科学者達が開発した Codespell は、一人称視点の3Dゲームなのですが、その一番の特徴は、プレイすることでJavaプログラミングを身につけられるという点です。 Codespellでは、プレイヤーは小動物ノーム(gnome)たちが住む土地にやってきた魔法使いです。ノーム達は過去に魔法を使って生活していたのですが、今は魔法をうまく使えなくなっています。魔法の呪文はJava言語プログラムで、物体を浮遊させるとか火を起こすといった7つの手持ちの呪文を使って、ノーム達を助け、火を消したり川を渡ったりといったクエストを解き、バッ

インディーズゲーム開発者向けに、よく使うフレーズを翻訳した一覧表がネット上で共有され、リアルタイムで更新されまくっています。 Indie game developers - common words translation sheet by www.bladko.com https://docs.google.com/spreadsheet/ccc?key=0Al1cNCkGdEJfdF8xX0dsaHl6ZVpzMDF2OW9JaWVWMVE#gid=0 この各フレーズの対応表はblako.comによって作られたもので、ベースは英語、その他の対応している言語は以下のようになっています。 ・ポーランド語 ・ドイツ語 ・イタリア語 ・スペイン語 ・ポルトガル語 ・クリンゴン ・ロシア語 ・日本語 ・中国語 ・朝鮮語 ・フランス語 ・オランダ語 ・フィンランド ・ヘブライ語 ・ノルウェー語 ・

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

紙テープで作ったっぽいフォントやインクだまりができたようなフォント、雨が降っているような細かい編み目で構成されたフォントなど、非常に繊細でユニークなデザインのフォントがYosukeMasakiから無料でダウンロードできるようになっています。商用利用も可能で、ウェブサイトやフリーペーパーなどで印象付けたい時に便利です。 YosukeMasaki http://yosukemasaki.com/ ◆PAPERWORK 紙やテープの折り目をモチーフにデザインしたのが「PAPERWORK」 現在は「ストライプ」「ドット」「アウトライン」「ブラック」の4種類がセットになっています。 なお、これから新しい柄を使ったフォントも増やしていく可能性もあるとのこと。 ◆Quote デザインした正木洋介さんによれば、「丸いけど形はまじめ」というのが「Quote」。インクだまりが少しできる柔らかいデザインになって

TOP  >  Design  >  バックグラウンドデザインのパターンを生成できるツールまとめ「5 Pattern Generators for Background Designs」 WEBサイトを制作する際に、背景に大きな画像を張り込むとその分サイトの容量が大きくなってしまい、重いサイトという認識をされてしまうことも。今回はそんな背景画像を手軽に、そして容量にも配慮して生成できるツールをまとめた「5 Pattern Generators for Background Designs」を紹介したいと思います。 ZenBG—Background Generator ダウンロード形態を選べる5つのジェネレーターサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■10,000s Cool FREE Seamless Pat

こんにちは、デザイナーの王です。ぼくは普段Photoshopを使うとき、極力ショートカットを使っているショートカット野郎です。 英語で言うところの「ショートカット」は、「近道」を表しているというのはみなさんご存知ですよね。方向音痴の方は別として……近道があれば、誰しも遠回りしようだなんて思わないはずです。 今回は、Photoshopの作業効率化におすすめのショートカットを一挙に紹介します。前半では基本のショートカットキー、後半ではプロ向けに選んだ意外と知られていない隠れショートカットも紹介しているので、ぜひ実践してみてください。 macの場合とWindowsの場合それぞれで記述しているので、該当する欄をご確認ください。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もお

素人とプロを分ける4つのソフトを紹介します 少しでも早く、少しでも的確に伝えたい。そんなプロ根性を支える、無料ソフトを紹介します。 「しょせんは無料ソフトでしょ？」とあなどる無かれ、プロのデザイナー御用達のPhotoshopでもできないことをやってのけます。 目次 PNG画像を劣化させること無くサイズを圧縮する「PNGGauntlet」 JPEG画像を劣化させること無くサイズを圧縮するソフト「carmine」 JPEG圧縮で劣化した画像を綺麗に直す「Jpeg Enhancer」 デジカメの高感度ノイズを除去する「Neat Image」 PNG画像を劣化させること無くサイズを圧縮する「PNGGauntlet」 WebでPNGを圧縮してくれるサービスは多々ありますが、ネットワーク経由のやり取りのため、利用者の多い時間帯にはレスポンスが悪く、エラーで処理できない場合もあります。 WordPres