黒い背景と白い背景で、色まで変わる画像 – Taro is here!
白い背景と黒い背景で別の絵に変わる画像を作りましたが、これをカラーでやるのは無理だと思っていました。 ですが、がんばればできることが分かりました。 ニコニコ動画版 その画像がこちらです。 こちらの画像をクリックすると大きい画像が表示されるので、そちらを保存してください。 先ほどの動画のように、iPhoneのカメラロールで表示するか、PC上でPowerPointやExcelに挿入してやると、よくわかります。 Twitterに投稿すれば、色まで変わる「クリック推奨画像」になります。 (再)今までカラーの「クリック推奨画像」を作った人はいただろうか？ なぜ黄色が青や赤に変わるのか、作った自分でも不思議。 (PCの公式クライアントでないと多分見えません)https://t.co/VCBdJRtDjo pic.twitter.com/AFUVte0r1O — Yusuke Ochiai (@taro
１２時間円柱を描きつづけてはじめてわかったこと。「気づく」までにはたくさんの時間がかかるのに、みんな先に教わってしまうんだね。 | ■ 暮らしの旅あるき ■
４月から美大の学生になった。 美大といっても、大学生と一緒に通う形のもんじゃなくって、ムサビが社会人向けにやっている各種学校のほう。 普通に１９歳と一緒に美大に入るには、私にはほかの生活がありすぎるので、１年分のカリキュラムを、私は週2日づつ２年かけてやってる。 これは人生のリベンジなんである。 とにかく、どうやったって絶対絵を描きたくて、学びたいのは美術で、ほんでもって高校の美術の先生も「君は絶対美術系に進みなさい」って言ってくれてたにもかかわらず、親に強固な権力行使をされて普通大学にしか学費を払ってもらえなかった。ってか、それ以外は選択の余地なしで、父親のDVも恐ろしかったので、そうするしかなかった。 今の時代、得意なものを探せ、やりたいことをみつけろ、進路を早めに定めろってさんざん言われてるのに、当時、それをちゃんと高校一年生から定めていた私は、ちっともやりたいことなんて選ばせてもら
デザイナーやコーダーがいなくても、BootstrapベースのかっこいいWebページが驚くほど簡単に作成できてしまう -Assembly | コリス
デザインやHTML, CSSの知識は不要。Bootstrap 3ベースのかっこいい縦長ページや複数ページのサイトが簡単に作成でき、デザイナーやコーダーがいなくても、そしてデザインやコードが分かる人には今までの作業がぐっと楽になるオンラインサービスを紹介します。 サンプルを元にカスタマイズしてもよし、ヘッダやコンテンツなど100種類以上のコンポーネントからクリック一つでぽんぽんページのレイアウトが完成してしまいます。 Assembly Assemblyは無料で利用でき、一部のコンポーネントとHTML化が有料（$17）です。 $17は2016年2月現在、1,900円なので、フル機能でこの値段は有りですね。 まずは、Assemblyでどんなページができるか見てみましょう。 縦長スクロールのページで、ヘッダは大きい写真画像、コンテンツが数パターンあり、フッタがデザインされています。コマ数を落として
CSSで片方可変、片方固定のカラムレイアウトを実装する方法 - NxWorld
CSSで片方の幅が可変で、もう片方の幅が固定というタイプのカラムレイアウトを実装する方法を全4パターン紹介します。 対象ブラウザやOSなど環境によっては使えないものもありますが、全て同じ見た目（レイアウト）を実装することができます。 HTMLと実装イメージについて 紹介する方法はいずれも下記のようなHTMLを使用したものになり、ご覧のようにメイン・サイド・それらを括る親要素の3つのdiv要素で実装していきます。 <div class="wrapper"> <div class="main"> <!-- 可変 --> </div> <div class="side"> <!-- 固定 --> </div> </div> また、今回はこのイメージのようにdiv class="main"（青い背景色の領域）を可変、div class="side"（赤い背景色の領域）を固定にそれぞれする方法で、固
商用可の無料(フリー)のアイコン素材をダウンロードできるサイト『icon rainbow』 « カラフルな商用利用可能なアイコン素材を無料でダウンロード!! 商用可の無料(フリー)のアイコン素材をダウンロードできるサイト『icon rainbow』
商用利用可能なアイコンを即刻ダウンロードできるアイコンサイトです。 ダウンロードした素材は、WEBページやアプリのアイコン、DTPデザインなどに使用可能!!
Lightbox v2.7.1～サムネイル画像をクリックして、そのページに、拡大画像をクールにオーバーレイ表示させる＜Ajax｜Lightbox＞
サムネイル画像をクリックして、そのページに、拡大画像をクールにオーバーレイ表示する Lightboxの使い方［Lightbox v2.7.1 - 2014/3/30 バージョン］ サンプル｜使用方法｜Lightboxのダウンロード ｜Lightbox v2.7.1のカスタマイズ＋ソーシャルボタン設置（応用編） Lightbox2は、 サムネイル画像をクリックするとJavascript(Ajax)を利用して同じページに、拡大画像をオーバーレイ表示します。 Lightbox2(v2.7.1)は、JSフレームワークに、jQueryフレームワークを使用しています(旧版はPrototypeフレームワーク）。 画像の表示は、「１枚の画像」または「複数画像のグループ」の２つの表示方法があります。 だだし、スライドショー、大きな画像を画面に合わせて表示や画像を別ウィンドーに表示などができません。 これらを
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
フォトショが使えないWebディレクターが週1で必ず使うフリーソフト＆無料アドオン10選｜MarTechLab（マーテックラボ）
LPO研究所所長の鎌田です。 本日は私が過去6年間、Webディレクターをしてきた中で、厳しい生存競争を乗り越え、 今日まで愛用し続けてきたフリーソフト＆アドオンを厳選してご紹介します。 今回ご紹介するツールは、私が必ず週1回は使っている、ないと仕事ができなくなるようなツールばかりです。毎日、いや、ほとんど常時使っているものすらあります。 ちなみに私、Webディレクターという職につきながら Photoshop、Illustrator といったソフトは一切使えません。 それでもここでご紹介するソフトさえ入れておけば、 デザイナーに指示を出す デザインに赤入れする 構成を書く といった作業は苦もなくできてしまいます。 職業柄、それこそ数えきれないほど様々なフリーソフトやアドオンを試してきましたが、実際の所、いま私はここでご紹介するソフト以外はほぼ使っていません（笑） それではいってみましょう。
本当にあったプログラマとデザイナの怖くない話 in Fukuoka.php Vol.11 · けんごのお屋敷
Fukuoka.php Vol.11 に参加してきました。 リンク先にもあるように今回は NO PHP DAY ということで Fukuoka.php という名前を冠しながらも、誰一人として PHP の話をしなかったという珍しい勉強会でした。残念ながらUstreamの中継はなかったためオープンにはなりませんでしたが、いろいろと勉強になってたくさんインプットができたイベントでした。素晴らしい発表の数々は、後々各発表者の方より資料やブログが公開されると思います。Twitter では #fukuokaphp ハッシュタグで流れを追えると思います。 そんな NO PHP DAY な Fukuoka.php で僕も LT 枠をもらっていたので、ひとつアウトプットをしてきました。 プログラマとデザイナのコラボレーション Web 業界では、プログラマとデザイナが一緒に仕事をすることは多いと思います。一般的
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Webサイト開発にパワーを与えるデザインテンプレート·Semantic MOONGIFT
SemanticはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 Bootstrapはとても人気がありますが、より実践的に使われるであろうUIコンポーネントを多数提供してくれるデザインフレームワークがSemanticです。 ID、パスワード入力フォーム。 チェックボックス。 ローティング。これは良くある処理だけに便利ですね。 入力エラーも項目毎の表示がサポートされています。 ボタン。 押せる/押している/押せないといった各ステータスごとの表示ができます。 Bootstrap並に様々なカラー設定が用意されています。 こんなフィード表示も。 日付を表示したり、下に追加の画像を表示したり。 コメント。カード型で格好いいです。 多段のコメント。 アイテム。こういう表示も良くありますよね。 さらに複数並べた形。左右はつながっています。 最近多い背景を
制作途中にお世話になる、ダミーテキスト・ダミー画像のジェネレーターいろいろ
2021年10月21日 便利ツール Webサイトや印刷物の制作中には、とりあえずで入れておく「ダミー」を使用する事が多々あるかと思います。日本ではアタリ・アテなどとも呼ばれますね。それらのダミーテキストやダミー画像を便利に生成してくれるジェネレーターをいくつか紹介します。いろんな種類のジェネレーターやサービスがあるので、うまく利用して時間短縮しちゃいましょう！ ↑私が10年以上利用している会計ソフト！ ダミーテキスト（英文） Lorem Ipsum ダミーテキストの大本命、Lorem Ipsum。Photoshopでも採用されている、「Lorem Ipsum…」から始まる有名なダミーテキストを生成できます。 Dummy HTML snippets for webdesigners HTMLタグ付きのダミーテキストのジェネレーター。左の要素を右側にドラッグ＆ドロップでカスタマイズできます。類
レスポンシブWebデザインの勘違いについて
ぼうくん | VoQn 🎨 @VoQn ちょいと待った。「メンテナンスが楽」「一貫性のあるデザイン」「親切、安心設計の操作性」とか大嘘すぎる。それらは本気でやった場合のみ叶うものでパラダイムが持つメリットじゃない / “レスポンシブWebデザインのメリット、デメリット比較ま…” http://t.co/SJOVjnbK 2012-11-13 07:07:27 ぼうくん | VoQn 🎨 @VoQn RWD でメンテナンスが楽とか何寝言いってんの、っていうかそもそも昨今の RWD 採用例はだいたい単発の使い捨てスペシャルサイトかリニューアルで作ったばかりでメンテナンスコストの検証どこも出来てないだろ 2012-11-13 07:09:51
)
Windows のタッチ操作 - Windows app development
Windows 8.1 には、システム全体で使われるタッチ操作の簡単なセットが用意されています。このタッチ言語を一貫して適用することで、ユーザーに、自分が使い慣れたアプリと似ていると感じさせることができます。アプリの使い方をわかりやすくすることで、ユーザーの信頼感が増します。タッチ言語の実装について詳しくは、「ジェスチャ、操作、対話的操作」をご覧ください。 この記事の内容: タッチの設計原則 タッチ言語 タッチ ターゲット 位置と持ち方 関連トピック タッチの設計原則 即座にフィードバックを返す 画面がタッチされたときにすばやく視覚的フィードバックを返すようにすると、ユーザーが安心して操作できます。操作に対して、色やサイズの変更、移動で応答する必要があります。操作できない要素は、画面がタッチされたときだけタッチ画像を表示するようにします。 コンテンツが指の動きに付いていくようにする キャン
俺の最強ブログ システムが火を噴くぜ
ブログを「はてなダイアリー」から、自分のサーバーに移転しました。 せっかく移転するなら、2012 年の流行を取り入れた挑戦的なブログにしてみたい！と思い、構想から半年、ついにこの日を迎えることができました。 せっかくなので、凝ったところを自慢させてください。 これが俺史上最強のブログ システムだ ブログ システムとして Jekyll を採用 Jekyll のプラグインを自作 (はてな記法対応、英語ブログとの統合) 履歴管理は GitHub を利用、git push で自動でデプロイ コメント欄には DISQUS を採用、旧ブログへのコメントはインポート済み HTML5 マークアップ、CSS3、レスポンシブ Web デザインでのモバイル対応 盛りだくさんですね。 詳しく説明していきます。 ブログ システムとして Jekyll を採用 最近では WordPress を選ぶのが普通でしょう。Wo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JPEG PDF 変換 - JPGを直観操作でPDFに - 基本無料
【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう
Amazon.co.jp: エロの「デザインの現場」: 有野陽一: 本
Amazon.co.jp: ユーザーインターフェイスデザイン: Windows95時代のソフトウェアデザインを考える: Alan Cooper (著), テクニカルコア (翻訳): 本
Amazon.co.jp ノンデザイナーズ・デザインブック
