自閉症啓発週間毎日何らかの記事を書こうという野望は簡単に崩れました ASD者にとって体力の温存、体力のキャパ拡大、上手な体力の使い方を学ぶ。 これとても大事だと思います。 体力がなくなるとやっぱり頭が働かなくなるし精神的にも当然不安定になるし、良いことはほとんどありません。 わたしも意気込んで自閉症に関する記事を書こうと思っていたのですが、己の体力のなさに簡単にその野望は崩れ去りました。 わたしの場合、線維筋痛症というこれまたマイノリティの身体的難病を患っていますので、一応寛解しているのですが、気を許すとあっという間に、全身動かなくなる(痛みで)。この病気の原因などはハッキリしていないことから私が勝手に想像(妄想)するには、ASD者はこの疾病にかかりやすいのではないかということ。 緊張の強いタイプの自閉者たくさんいますよね。この状態が長年続いたりすると、筋肉のあちこちが筋肉同士がかばいあっ
はじめに コニュミ障な管理人が最初に読んでほしいこと、管理人がどういう人間なのかの紹介です。 2.管理人について 1.はじめに 生きづらい人たち 管理人が関わった生きづらい人達のことなど。管理人のことも含めて書いています。どういう風に生きていけば楽なのか、そういうこともこちらに書きます。 87.自罰的思考がいきすぎると苦しくなる- new!! -86.罰のように生きなくていい- new!! -85.すべての人にOKの答えなんかない 84.深い息は心と身体の状態を表す、一つの指標 83.どうしても行きたくない気持ちになった 82.非二元。「私」という夢から覚めて、わたしを生きる 81.「自分を好きにならなくては」と考えるのが苦しいなら、それを一旦忘れてもいい 80.人に防衛的である限り温かな関係は築けないのだろうか 79.エネルギーがスカスカなまま、人を助けねばならないと思い込むとき 78.
一つ前のエントリーでも書いたけど、卒業研究や修士研究で体調崩したり、心の調子を崩したりするのはバカらしい。真剣にかつ楽しくやろう。定期的に次の事柄を確認してみて。 週を平均して、自分にとってベストな睡眠時間ぐらい寝れている? 睡眠は精神バランスの維持に重要な要素なので、十分に寝ること 定期的に運動しているのに眠気がこない場合は、念のためカウンセリングに行こう 定期的(最低週に一度)は運動している? 中国理系最高峰の清華大学の格言「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アニメーションはたいていの場合、ホバー時(:hover)に仕込まれるものが多いと思います。 ここでは他の疑似クラス「:active」や「:focus」などやMedia Queriesに仕込んでみるチュートリアルを紹介します。 CSS3 Transitions Without Using :hover [ad#ad-2] 下記は各ポイントを意訳したものです。 「:active」を使ってCSS3アニメーション 「:focus」を使ってCSS3アニメーション 「:checked」を使ってCSS3アニメーション 「:disabled」を使ってCSS3アニメーション 「Media Queries」を使ってCSS3アニメーション 各スタイルシートについてのメモ 「:active」を使ってCSS3アニメーション 疑似クラス「:active」をトリガーにするCSS3アニメーションは、あらゆるエレメ
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アニメーションを実行させるタイミングに関してサンプルをもとに紹介してみます。 サイト上にアニメーションを組み込む際、その動作を実行させるタイミングは —————————— ・ページロード時 ・マウスオーバー時 ・クリック時 —————————— とパターンがあると思います。 今回はこの3パターンでのCSS3 Transitionを実行させる方法のサンプル。 サンプルでは上記3つの状況で、画像が回転するアニメーションを実装させます。 ※動作環境はCSS3 Transition対応ブラウザのSafariやGoogleChro
フラットデザイン、流行が止まりませんね。国内サイトや記事でも、以前にも増して見かけるようになりましたし、TLでもよく議論しているのを見かけます。iOSもフラットデザインに~みたいな話もあったり、TwitterBootStrap3.0もフラットデザインですね。そんな僕もロゴ変更時にフラットチックにしていますし。個人的にもけっこう好きです。なんで好きなのかと言うと、「色」が好きなんです。色そのもの。というわけで、以下、個人的に注意している点です。 あ、始めに言っておきますが、このブログデザインがフラットデザインの正解だ、なんて本当に1mmも思ってません。むしろ前のデザインにむりやり組み込んだこのデザイン、これでフラットデザイン語るなんてヤバいです。勉強し直す自戒も含めて、書かせて下さい。そして読んでくれた皆さま、心より御礼申しあげます。 英語圏と同じにしない テキストで大胆なタイポグラフィ
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によって作られたもので、ベースは英語、その他の対応している言語は以下のようになっています。 ・ポーランド語 ・ドイツ語 ・イタリア語 ・スペイン語 ・ポルトガル語 ・クリンゴン ・ロシア語 ・日本語 ・中国語 ・朝鮮語 ・フランス語 ・オランダ語 ・フィンランド ・ヘブライ語 ・ノルウェー語 ・
この小説の謎を解くのは、あなた 高名な推理小説家、ベラージオ氏の待望の新作が発表され あなたの元にも、その小説が届いた。 そこには一言添えられていた。 「どうぞこの本は、指定の場所で読んでください。」 指定された場所は、小さな怪しげな本屋。 店内へと一歩足を踏み入れたその瞬間… 「ようこそ、本屋迷宮へ」 その言葉とともに、重い扉の鍵が閉められてしまった。 「これは、氏の最高傑作にして最も危険な小説と言えるでしょう。 この本の謎を解くのは、本を手に取った、あなた自身なのです。」 どうやら、この本に隠された謎を解き明かさないと ここから出ることは出来ないらしい。 世界一危険な推理小説の謎を、君は解く事ができるだろうか? ※このイベントは、実際にあなたが書泉グランデ(本屋)で本を片手に謎解きをして物語を進めていく、参加型ゲームイベントです。 【開催期間】 2013年3月29日
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デザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もお
Colour Code http://colourco.de/ 、いいドメインだ! 使い方は簡単です。 カラーの変更 マウスの左右で、色相を変更 マウスの上下で、光度を変更 スクロールで、彩度を変更 ※スクロールはMagic Mouseじゃないとできないかも 基本操作 クリックで、カラーをロック ロックされた鍵アイコンをクリックで、ロックの解除 カラーをクリックで、保存して新しいカラーを作成 ゴミ箱をクリックで、カラーの削除 まずは、流行のサーモン(#F38268)を右上のボックスにセットしてみます。
素人とプロを分ける4つのソフトを紹介します 少しでも早く、少しでも的確に伝えたい。そんなプロ根性を支える、無料ソフトを紹介します。 「しょせんは無料ソフトでしょ?」とあなどる無かれ、プロのデザイナー御用達のPhotoshopでもできないことをやってのけます。 目次 PNG画像を劣化させること無くサイズを圧縮する「PNGGauntlet」 JPEG画像を劣化させること無くサイズを圧縮するソフト「carmine」 JPEG圧縮で劣化した画像を綺麗に直す「Jpeg Enhancer」 デジカメの高感度ノイズを除去する「Neat Image」 PNG画像を劣化させること無くサイズを圧縮する「PNGGauntlet」 WebでPNGを圧縮してくれるサービスは多々ありますが、ネットワーク経由のやり取りのため、利用者の多い時間帯にはレスポンスが悪く、エラーで処理できない場合もあります。 WordPres
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く