プロ御用達！WEBデザインに役立つデザインツール13選
更新日: 2017年9月26日公開日: 2015年6月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方にお勧
クリックするとフォーム内の字が消えるJavascript * Devotion Time
検索やメールアドレス記入のための入力フォームに、あらかじめ「検索キーワードの挿入」といった薄い文字が記されていて、クリックすると消える。しかもフォームの外をクリックすると字が復活する、そういう入力フォームをhtmlとjavascriptで簡単に実装しましょう。 フォーム内のvalueの値はjavascriptと関係なく自由に変えることができます。 <form> <input type="text" value="ご記入下さい" onFocus="cText(this)" onBlur="sText(this)" style="color:#999"> </form> <script type="text/javascript"><!-- function cText(obj){ if(obj.value==obj.defaultValue){ obj.value=""; obj.style
空き時間にスマフォでソースコードが読める『CodeLibrary』をリリースしました！ - hamheiの日記
英語でこの記事を読む（Reading in English） ・4/5 追記: 好きなプロジェクトのコードが読めるPocketCodeをリリースしました。 クリスマスも当然の如く開発充なはむへいです！ 僕と同じくクリエイティブで孤独なＸデイを過ごす500万人のエンジニアを応援する為に 『CodeLibrary』というOSS（オープンソースソフトウェア）のコードをスマフォ上で読めるアンドロイドアプリをリリースしました！ きっかけ 「OSSも読まないエンジニアって...」という記事を読んで、慌ててコードリーディングを始める 移動中にSNSを見る時間を、コードリーディングに充てたい スマフォでソーシャルにコードリーディングが出来るプラットフォームを作ろう！ ベータ版ができたから公開するお^^ ←ｲﾏｺｺ どんなアプリ？ ちょっとした空き時間に、スマートフォン上でソースコードが読める、アンドロイド
タッチスクリーンデバイスのジェスチャー素材｜スマートフォン｜モバイル／スマートフォン｜PHP & JavaScript Room
スマートフォンやタブレット端末などタッチスクリーンデバイスにおけるユーザーの指の動きを表すアイコンやステンシルを配布されているサイトの紹介です。 仕様書を書く時にこういうジェスチャー素材を入れておくと、動きに対するイメージの認識のズレがなくなるので助かります♪ デバイスごとにジェスチャーをまとめられているサイトもあるので、アプリの仕様を考える時など、この端末はどんな動きができるんだっけといった悩みも解消してくれます。 実写のジェスチャーアイコン 2012/5/23 High quality multitouch gesture for devices License: Creative Commons Attribution 3.0 マルチタッチジェスチャー素材9種類。 きれいな女性の手で、サイズは実物大！ PSD形式で、赤い部分と手は別レイヤになっています。
[as3][js] FlashでBitmapDataをbase64エンコードしjs経由でhtmlに表示する | R o m a t i c A : Blog : Archive
flash上の任意のDisplayObjectを Bitmap化して、ByteArrayにし、base64変換し、 その文字列をExternalInterface経由でjavascriptに受け渡して、 html上に表示するサンプルを作って見ました。 [sample] flashでBitmapDataをbase64エンコードし、js経由でhtmlに表示する どんな場合に有効な手法？ 自分もいまいち使いどころがぴんと来ませんが、 jsでは生成できないようなイメージを動的にflashで作成して、htmlに渡すなど。でしょうか。 例えば、以前 jsdo.it で作成したトランスメタルジェネレータ HTML5版では、 flashでサウンドの波形画像を作成し、html上に表示しています。 Trance Metal Generator HTML5 α ver （ トランスメタルジェネレーター
hondakiyoshi.com — as3_movieclipを動かす（減速イージング）
This page is a blog to which my 3DCG artwork, design, flash actionscript, web programming,and my hobby work etc. are updated when the nature turns. We are both alive in the beautiful earth. flashムービーを作るときにもっとも基本になるのがムービークリップをアニメーションさせることだと思います。 actionscriptでムービークリップを動かす時に良く使うのが以下の仕組みで、 目的値に向かって減速していって最後に止まるというものです。 FLASHアニメのかっこよさげなものは、ほぼこれを使っておけば間違いないです。 減速する座標移動の計算は下記のとおりです。 動かしたいMC座標 +=（ 目的地座標 –
[J] a タグの href に # とか javascript:void(0) とかする理由 - Jamz (Tech)
以下のような記述を見かけるが、これはリンクを無効にするため。 a href="javascript:void(0);" こうした上で、a タグの onclick で関するを呼び出すパターンが多い。 つまり、以下のような感じ a href="javascript:void(0)" onclick="function_name(); return false;" っで、関数呼出し後の return false も肝で、クロスブラウザで挙動を合わせる場合に、onclick に関しても、見せ掛け上、処理が無効となるよう return false する必要がある。 実際には、途中の処理が実行されるので別ウィンドウ開くなどのアクションは正常に処理される。 プログラミング > JavaScript - void(0)onClick に false を返すと、クリック自体が無効になり、リンクしなくなります
プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね？」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
中学生でもわかるベジェ曲線
Android UIのデザインパターンを集めた『Android Patterns』 | 100SHIKI
http://e0166nt.com/blog-entry-22.html
有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳