一億総かっこいい職業をテーマに色々な職業の給料年収をまとめたポータルサイト
年収もRPGだ！ RPG風の年収診断が無料でできる！ あなたの貰っている年収は実際今の市場価値と比較してどうなのか・・・。設問に答えるだけで、あなたの培ったスキルや経歴を診断し、どのくらいの年収を貰うべきなのかがわかるサービスを提供開始！ ＲＰＧ風のキャリアアドバイザー『年収師』と4人の天使たちがあなたの奥底に眠る「潜在的年収」を引き出します。 一億総年収診断ページはこちら 最新刊2024年2月発売！ 「決定版 日本の給料＆職業図鑑 最強DXリニューアル版」 宝島社のシリーズ累計50万部超のベストセラー「日本の給料&職業図鑑」が、新職業を大量に追加して大幅リニューアル！気になる職業の概要や給料などをわかりやすく解説。有名漫画家・人気イラストレーターによる完全新規描き下ろしイラストも多数収録！ 発売日：2024年2月26日 本体価格と定価：1760円（本体1600円＋税） 版型・ページ数：A
はてなブログを一瞬でおしゃれにする最強のデザインカスタマイズ方法（テーマDUDEの手引き） - LITERALLY
以前、はてなブログのスマホデザインのカスタマイズ方法について書いた。 はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - Literally 多くの方に参考にして頂いたようでとても嬉しい。続編を書いて欲しいというご要望をいくつか頂いたので、僭越ながらまたデザインカスタマイズのTipsを書こう思う。前回はスマホデザインについてのみ触れたが、今回はPC表示のカスタマイズについて。主にコピペだけで「超カンタン」におしゃれなブログが作れるので、Webデザイン初心者の方にも是非読んでいただきたい。 はてなブログユーザーでないのにこのページに辿り着いてしまった方、大変申し訳ありません… はてなブログテーマ「DUDE」を作りました。 「はてなブログを一瞬でおしゃれに美しくする最強のデザインカスタマイズ方法」と仰々しいタイトルを先に決め、ブログのカスタマイズ記事を書き出し
グリッドベースの美しいサイトをコレクション -Grid Base Designs | コリス
国籍に関係なく、グリッドベースの美しいウェブサイトをコレクションしている「Grid Base Designs」を紹介します。 Grid Base Designs サイトのローンチは2009年11月で1ヵ月少々ですが、登録されているサイトはけっこう多いです。 サムネイルでみると、特にタイポグラフィとグラフィックの美しさに惹かれます。
ベジェ曲線をゲーム感覚で特訓して自由に操れるようになる「The Bezier Game」
IllustratorやPhotoshopといったソフトを使う際に避けては通れないのがベジェ曲線の使い方です。特に初心者にとっては「最初の難関」として立ちはだかることも多いベジェ曲線ですが、そんなペンツールを使いこなすべく、全く知識がない人でも1から使い方を学べるようにしたのが「The Bezier Game」です。 The Bézier Game http://bezier.method.ac/ 実際に特訓している様子は以下のムービーから。最初にチュートリアルが表示され、それに続いて実際に練習を行っている様子を見ることができます。 「ペンツール」を使いこなすべく「The Bézier Game」で特訓してみた - YouTube 上記URLにアクセスしたら、まずは「Get Started」をクリック。 まずはシンプルに線の書き方からスタート。3つの点をクリックして結んでいくというお手本が
CSSで泥沼にはまらない3つのアプローチ｜『プロとして恥ずかしくない 新・WEBデザインの大原則』発売記念イベント
注釈 60分のセミナー用のスライドです 60分間ひたすらしゃべるための資料なので、目次はありません セミナーのフォローアップのために公開しています 文字が大きいのは、会場の後ろの席でも見えるようにするためです Cascading Style Sheets .header { margin: 8px; color: #f00; } マジックナンバーの良くない例 .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } 数値が乱立 .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd
illustratorでUIデザイン：設定編 - Two hats
Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
『The Essential Web Design Handbook』読んだ - ✘╹◡╹✘
Rafal Tomalの書いた『The Essential Web Design Handbook』という本を読んだ。初心者のためにWebデザインの基本となる知識を広く紹介している。構成としては、筆者がWebデザインを行うときのプロセスをまず最初に紹介し、その各段階を追っていきながら、「この作業は無視されがちだけどこういう点で効率的だからやった方がいい」「これを考えるときにはこういう知識を使う。今回の例ではこうやって考えた」という具合に進んでいく。 プロセス 筆者が推奨するWebサイトのデザインプロセスは次の通り: 調査して計画をつくる 発想を膨らませる スタイルガイドをつくる ワイヤーフレームを組む モックアップをつくる コードを書く 調査と計画 調査するというのは、明確なクライアントがいる場合は要求を聞くことであったり、競合サイトの様子を調べてくることであったり、使えそうな資料を広範に
Web・アプリ開発に使える無料のワイヤーフレームツールまとめ
Web制作やアプリ開発では、本格的なデザインに入る前にワイヤーフレーム作ることがよくあります。制作会社によってはPower pointやExcelなどが使われることもありますが、それらはワイヤーフレームに最適化されておらず、やや不便。 以下で紹介するようなツールを使えば、もっと便利で豊富な機能を使うことができます。Excel方眼紙から卒業したい！という方は要チェック。 無料で使えるワイヤーフレームツールまとめ JUSTINMIND こちらはワイヤーフレームからデザインまで可能なプロトタイピングツール。PCサイトはもちろん、モバイル向けのサイトやアプリのワイヤーフレームも作れます。Photoshopのような洗練されたUIで、ドラッグ＆ドロップでコンテンツを追加することができます。 Wireframe CC こちらは完全フリーで使えるワイヤーフレームツール。Webアプリなのでブラウザ上で編集す
2015年 Webディレクターに必須な11個のスキルまとめ | Web担当者Forum
はじめまして。katharsisの丸山純一郎と申します。 1998年頃からWeb制作にたずさわっております。 長年、ディレクターをしていますが、ディレクターに求められるスキルというのは年々増えていると感じます。 またWeb制作プロダクション以外の社内でのWeb担当者においてもディレクションスキルが必要な場面も多いかと思います。 ここに書く以外にも求められる能力はありますが、今現在何に手をつけていいかわからないという方は是非参考にしていただければと思います。 また制作を専門に行ってる方はディレクターは普段何をしているのかを知っていただければと思います。 新年年明けということもあり、Webディレクターが身につけておきたいスキルについてまとめてみました。2015にちなんで2015のスキルにしようかとも思いましたが11個にしぼりましたので是非お読みください。健康管理や社会人としてのマナーは含まれて
【超基礎】デザイン苦手なディレクターが依頼時に気にすべき7つのポイント
こんにちは。まだまだ半人前ですが、元気にWebディレクターやってます。まっつんです。 唐突ですがみなさん... なんて事態に困ったり、迷ったりしていませんか？ 僕自身も上記の質問に「そんなことあるわけ無いじゃん」と言ってみたいところなんですが、残念ながら...。 というわけで、今回は僕が超苦手としているデザイン制作依頼時に、なるべく失敗を起こさないよう必死で気をつけているポイントを紹介しつつ反省してみようかと思います。 ※ちなみに今回のモデル案件は広告ランディング用のLPページデザイン作成（マークアップは別）を想定しています。 1. 制作するページの目的をクライアントと共有する そもそもの話になりますが、なぜそのページを作成するか。「目的」の話です。 デザインを作る最初の段階で「どんなターゲットに、どんなサービス・商品を、どのようにしてほしいのか」が明確でないと、どういう構成・内容でページ
ゲーム感覚で自分のWebデザインのスキルがどのくらいなのかが分かるスキルチェックサイトのまとめ
図形の認識、カラーの見極め、文字の美しい字詰めなど、Webデザインに大切なスキルが自分はどのくらいなのか分かり、しかも勉強にもなるスキルチェックサイトを紹介します。 ちょっとした暇つぶしにチェックするだけでなく、定期的にやるとスキルがアップしてるのを実感したり、今日は体調悪いなという目安にもなりますね。
noteの使い方 その12【初心者が1か月で出来る創作物のマネタイズ方法：月4万円程度なら、すぐ稼げる！】｜岡田ぱみゅぱみゅZ女子組｜note
noteの使い方 その12【初心者が1か月で出来る創作物のマネタイズ方法：月4万円程度なら、すぐ稼げる！】 岡ぱみゅちゃんねるの…岡ぱみゅ、ですっ！ 今日は、ファミマのメキシカンチップスを食べてみます。 香ばしい…チップスに、タコス、タコスの、タコスのスパイスを、ピリッと、スパイスをピリッと、きかせた…クセに、なる、味わいです（棒読み）うん……OCです。口の中にタコスの味が広がり……OCです。 今日は、ここまでにしておきます。 ･･････毎度思うんだけど、こういうのについて 「どこまで説明するか」「どのぐらいの人が元ネタ分かるのか」 という問題がありまして。私は割と文中で解説してしまうタチなのですが、今回は一切説明なしで進めたいと思います。 元ネタ分かる人は、コメント欄に書いていただけると幸い…です。OCです。 さて、先日のエントリ のコメント欄で、ネタを提供して頂きました。 こちらのn
[CSS]ナビゲーションに明確なラベルを与えて実装するスタイルシート
dl要素で明確なラベルを与え、シンプルながらスタイリッシュなナビゲーションを実装するスタイルシートをZURBから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <dl> <dt>On This Page:</dt> <dd><a href="">Final Wireframes</a></dd> <dd><a href="">Updated Wireframes</a></dd> <dd><a href="">Initial Wireframes</a></dd> <dd><a href="">Sketches</a></dd> </dl> </textarea>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PCサイトのUIデザインにおける12のトレンド
http://wepli.net/2014/11/web-application/
要素の横幅と高さの比率を保つ | 集の一期一会
ちょっと使ってみたくなるHTML5/CSS3のUIエレメント集 -Boxtuffs
Photoshopでほそ〜い髪の毛を1分で綺麗に切り抜く方法｜フォトショップの参考書 [sitebook]![Photoshopでほそ〜い髪の毛を1分で綺麗に切り抜く方法｜フォトショップの参考書 [sitebook]](https://cdn-ak-scissors.b.st-hatena.com/image/square/98da957ee01fe3c133f94a65080ddc6ea5785bd7/height=288;version=1;width=512/https%3A%2F%2Fsitebk.com%2Fwp-content%2Fuploads%2FeyeCT.png)
https://coliss.com/articles/build-websites/operation/css/css-image-gallery-with-permanent-link.html
MSN Japan - ニュース, 天気, メール (Outlook, Hotmail), Bing検索, Skype
