最近、Pixivでは初心者向けに人体を描く講座が 多く投稿されています。 初心者でも分かりやすい『人の描き方』をまとめましたので 是非、これを見て勉強してはいかがでしょうか？ 【顔・頭】 ・もっと顔の描き方を勉強したい人はこちら 顔の講座　まとめ 【体・バランス】 【わき】 【腰・おなか】 【胸】 【手】 ・もっと手の描き方を勉強したい人はこちら 手の描き方講座まとめ 【足・脚】 ・もっと脚の描き方を勉強したい人はこちら 脚・足の描き方 講座まとめ 【人体の描き方が学べるサイト】 人を描くのって楽しいよね(hitokaku) KITAJIMAのお絵かき研究所 この他にも、 『プロが教えてくれる勉強法』 『効率よく絵が上達する方法』 などの良い記事がありますので、 こちらもご覧になってはいかがでしょうか？ ・プロ絵師から学ぶ！必ず絵が上手くなる方法 ・美大卒の漫画家が教える！画力上達の為の練

昨年から、地元の印刷会社さんのお手伝いでスーパーのチラシを制作させていただいているんですが、最初に作業手順を聞いたときに、そのあまりの面倒さに閉口してしまいました。 スーパーのチラシって、何重もの文字フチとか、値段の数字が重なってて円だけ小さいとか、囲みとか、必ず文字が画像にかかってしまうから白フチもつけないといけないとか・・・ そんな手数のかかる作業を、長年チラシ制作をされている方は、イラストレーター5.5 でショートカット連打でバキバキ作ってたりするわけです。 しかし、短納期・安価を求められる今の時代、いつまでもイラストレーター5.5時代の作業を続けているのでは、相当な熟練者でないと時間にもお金にも見合う仕事ができないし、会社としては熟練者に単純作業に近いことに延々と時間を使ってほしくないのです。 でも、今のイラストレーターならできるんですよね。 そんな、知っている人は知っているけど、

デザインのルール、レイアウトのセオリー。 デザインルールのカタログ本。あらゆる法則、イディオムが網羅的にまとめてある。 ４８のルールそれぞれに理論、オリジナル作例、実際のデザイン作例、実務上の注意点がまとまっている。 デザインルール本に多いパターンが、すべて実際のデザインの作例だけをみせるか、もしくはオリジナルの作例だけを見せてルールや理論を語るタイプが多かった。本書は両方の作例をのせている。オリジナル作例は11人のデザイナーがつくったもの。 デザインルールの総まとめともいえる内容である。この一冊でデザインルールは十分の内容になっている。 増補改訂版 レイアウト、基本の「き」 エディトリアルデザイナーであり、近年は巨大壁画の画家活動もされている佐藤直樹さんの異例のデザインの入門書。一般の人向けにデザインの基本を伝えている。レイアウトだけでなく、文字、色、写真、地図などレイアウトに含む要素を

Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置（行頭行末揃え／ジャスティファイ） 禁則 文字組み（約物前後や和欧間のスペースの設定） 逆を言えば、Illustratorではポイントテキスト（文字ツールでクリックして入力したテキストオブジェクト）を前提としています。 デフォルトの［行送り］は、文字サイズの175％に設定されています。「（14.4pt）」のように（）付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日本語では150-190%程度に設定します。 ［段落］パネルの［均等配置（最終行左揃

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！デザイナーのマチダです。2012年４月に新卒入社し、現在はスマートフォンゲームのイラストを制作しています。 はじめに-Illustratorの仕組み-多機能によってグラフィックだけでなく文書作成などマルチに活躍できるIllustratorですが、機能の多さに最初は何をどのように使ったらいいのか戸惑うかと思います。 ＜illustratorでイラストを描く際に心がけていただきたいこと＞ 普通絵を描く時は線画を描いて着彩すると思いますがIllustratorは少々違い、"様々な形をした図形を配置"して絵を描きます。図形を上に重ねていくことで

一定期間更新がないため広告を表示しています

初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 どうもこんにちは、フレッシュさに定評のない新入社員のtek_kocです。 初めてのお仕事として「Titanium Mobileでアプリを試しにつくってみる」というのを担当していました。 JavaScriptはあまり使ったことがないですし、そもそもMacもほとんど触ったことがなかったので苦戦するかと思いましたが、２週間ほどでとりあえず形になるところまでできました。Titanium Mobileすごいです。 ということで、Titanium Mobileで試しにアプリ開発をしてみた感想を書いてみました。 そもそもTitanium Mobileとは？ Titanium Mobileとは、Appcelerator社によるスマートフォン対応アプリケーションの開発環境です。 iPhoneやiPad、Androidを

iPhone アプリ開発を初めてはや2年。わけわからんレベルからなんとかアプリをリリースするところまでこぎつけました。もともと趣味ではじめた事ですが今は仕事でも iPhone アプリ開発をしています。ここに至るまで自分が調べたことや参考にした文書をアプリの構想からアプリをリリースするまでの手順にそってまとめてみました。 iOSアプリ開発関連の本を書きました 初めて iOS アプリ開発をされるかた向けに「プロの力を身につける iPhone/iPadアプリケーション開発の教科書」という本を書きました。 この記事を読んで iOS アプリ開発に興味を持たれた方におすすめです(2013年2月26日発売)。2015年1月17日にSwiftに対応した改訂版がでました。 本の内容に関する詳しい記事はこちらです。 iOSアプリ開発の本を書きました 初期投資 8400円とプライベートな時間、iPhoneまたは

はじめまして！ みなさま、はじめまして！@akio0911と申します。 自由大学にてアプリクリエイター道場という講義をやったり、cocos2d for iPhoneレッスンノートというゲームアプリ開発の入門書を執筆したり、ハイパーアプリクリエイターズというインタビュー番組を制作したりしています。 また、拡張現実ライフというブログを運営しているブロガーでもあります。 このたび、AppBankさんにて、アプリ開発入門の連載記事を執筆させて頂くこととなりました。ぜひぜひこの連載を読んで、アプリ作りの第一歩を踏み出してみて下さい！ 第1回の目次です。 iOSアプリ開発に必要なものは？ Xcode 4のインストール 早速アプリの作り方を学んでいきましょう。 iOSアプリ開発に必要なものは？ iOSアプリを開発するには、以下に挙げるものが必要となります。 Mac iOSアプリを開発するには、Intel

いまさら聞けないiPhone/iPadアプリの作り方の基礎：SDKで始めるiPad/iPhoneアプリ開発の勘所（1）（1/4 ページ） 初めてiPhone/iPadアプリ開発に挑戦する人が、迷わず短時間でアプリを作れるように、数多くの情報の中から要点をグっと絞った開発の勘所を紹介する入門連載です 迷わず短時間でiPhone/iPadアプリを作れるように 皆さんのお気に入りのiPhone/iPadアプリは何でしょうか。筆者は、Googleカレンダーと同期してくれるスケジュール管理アプリがお気に入りです。いまでは目的のアプリを探すのも大変なほど、日々多くのiPhone/iPadアプリが登場しています。 6月8日にはiPhone 4の発表があり、マルチタスクやモバイル広告ネットワーク、ゲーム開発など、iPhone OS改め、iOS 4で実現できる機能がたくさん追加され、さらに魅力的になりました

【重要な追記】プログラミング独学はキツいと、本題になる前に重要なことを書いておきます。 僕も最初そうでしたが、JavaScriptなどプログラミングは独学だと難しくて投げ出したくなります。 僕もできずに心が折れかけていました。 そんな時に東京でプログラミング教室をやっていることを知り、参加してみたのでした。 ＞＞プログラミングでできること、日常生活での活用例、主要言語などまとめ プログラミング教室で理解速度は格段に上がる結果、プログラミングへの理解度がかなり高まり、その後の勉強がスムーズにいきました。 なので、僕はお金を払ってでも、プログラミング講座、スクールには行った方がいいと思っています。 当時、学生ながら3万円くらい払いましたが、そこに投資して本当に良かったです。 今月から有料プログラミングスクールに通うことに 独学だと概念理解できなくてつまずいてしんどかったので 結果として行ってよ

スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ

スマートフォンの普及に伴い、スマートフォンサイト制作案件が増えてきている方も多いと思います。かくいう私もその一人です。 最近は一人でカバーしきれない程のご依頼をいただくようになり、新たに担当者を増やすことにもなりました。 普段私が気をつけている点、どういったことを考えてスマートフォンサイトを制作しているかを伝えることになったので、ついでに記事にしてしまいたいと思います。 私がスマートフォンサイトを制作するときのポイントは、以下のとおりです。 1.そのサイトはいつ・誰が・どんな時見るのか2.実際のサイズ感を考えて、使いやすさを確かめる3.死角と押しやすい位置を意識する4.CSS3で実現可能なデザインを5.ユーザは本当にスマホサイトを求めているのかそれでは、詳しくお話していきたいと思います。 こんなの当たり前だよ！ということばかりかもしれません。 案件やサイトのジャンルによっては当てはまらない

iPhoneサイト制作（スマートフォンサイト制作）をする上で、ソースの無駄な記述を最低限に抑え、通信速度を上げることが「最適化」へとつながります。 スマートフォンサイト用に最適化したcssを制作する場合、reset.cssの記述を減らすことで、重複する命令を減らして、読み込みのスピードを上げることができます。 今回はスマートフォンサイトを制作する上で、最低限必要となるreset.cssの記述について紹介します。 iPhoneサイト制作（スマートフォンサイト制作）にreset.cssは必要？ そもそもreset.cssは各ブラウザ(IE・FireFox・safariなど)のブラウザ間のデフォルトのCSSの違いをなくすために読み込むものであり、必ずしもコーディングの際に必要となるものではありません。 PCサイトの場合は様々なブラウザやそのバージョンによって独自のデフォルトスタイルがあるため、r

これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事

作成：2013/02/12 更新：2013/02/21 Tool > Web制作 毎月生活が出来るくらいの収益を発生させたい 会社の給料が多くても、少なくても テレビを消して、アフィリエイトをやってみたい。 今回は、経験にもとづいて「確かにそうだ」と思った超優良サイトをジャンルごとにまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．基本 / マニュアル ２．無料ツール ３．Google AdSense ４．WordPress ５．Webサービス ６．NAVERまとめ ７．はてな / せどり ８．税金対策 １．基本 / マニュアル クリック報酬と成果報酬型広告→まずはこれを把握 1サイトで毎月10万以上の副収入を得るために・・・| 四畳半ワークス サンプルを見せながら解説→イメージしやすい アフィリエイトで稼ぐ方法 - それなりに・・・ | ア

リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こうと思います！以前別のブログを作った時もそうですが、基本僕はとにかく効率重視派です。細部に渡る美しいデザインや、ガリガリのプログラミング。標準に法ったコーディングとかはその道のスペシャリストが仲間内に居るので、今回も僕は効率化に焦点を当てています！ ご紹介させて頂くのは主にFacebookやTwitter周りで共有させて頂いてきたリソースばかりですが、実際に使ってみると見えてくる注意点や、戸惑った部分、周りのデザイナーにも知っておいて欲しい部分等が見え隠れしてきたので、まずはその辺りを中心に、作業ステップ毎に簡単にご説明させて頂こうと思います。 僕と同じ

ADC MEETUP ROUND05 HTML5 Design Tools (http://www.adobe.com/jp/joc/adc/meetup/round05/)の「Dreamweaver CS6で作るレスポインシブWebデザイン」のセッション資料です。

WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー

いわゆるレスポンシブ・ウェブデザイン、つまりメディアクエリーを採用した Web サイトを構築する際の一番管理しやすいと感じるコードの書き方をまとめました。ただし、あくまでも個人的な、経験から感じた意見ですので絶対ではありません。 CSS のコードの配置広く知られている方法はいくつかあります。 CSS ファイル自体を分ける方法 @media 規則で 1ファイル内にメディア特性単位に書く方法 @media 規則で 1ファイル内にパーツ単位で書く方法 それぞれをコードで表すなら以下の書き方が該当します。 方法1 : CSS ファイル自体を分ける方法この方法は管理が大変でおすすめできません。これでファイルごとコード分割されてしまったらコード検索しづらいわけです。 <link rel="stylesheet" href="desktop.css" media="(min-width:769px)">

作成：2012/12/17 更新：2014/11/01 Webデザイン > ある国で純白の白色は「死」、米国での緑色は「お金」をあらわす。経理財務に関係するサイトで「赤」を無意味に使用してはならない。 世界のさまざまな地域の人たちを対象にデザインする場合は、文化や色の意味にも配慮しなければならない。 世界を相手にすることなんてないけど、売上アップさせる為の色使い、自然な配色の選び方・適切な余白の使い方・バランスのとり方・・・専門家じゃないのでパッと分からないです。そして長時間悩む。 あまり時間を取られないように、「わかりやすくて５分程度で読める良記事」をまとめました。配色がわからなくなったり、売上に困ったらこれらの良記事読んどきゃ大丈夫。 デザイナー、ウェブ系じゃない人もきっと参考になると思います！ エンジニア速報は Twitter の@commteで配信しています。 もくじ 色とマーケテ

HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

基本的なことやちょっと変わった意外な使い方などCSSに関する小技テクニックをたくさん紹介していきます。知っていることも多いかと思いますが、新しい発見もあるかもしれませんので復習を兼ねてぜひご覧ください。

はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ

40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート［訪問者目線編　2008年版］ SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環 ウェブサイト作りの基本のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ？」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、

コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。 そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows　→　C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Mac　→　ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands 拡張機能はダウンロード

画像の色調補正する時、何を使いますか？ 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、簡易的に明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPAKUTASOさんから写真をお借りして、説明します。 トーンカーブ基本 縦軸と横軸は、0から255まで階調を表しています。 画像モードがRGBの場合、縦軸は上から下に向かって暗くなり、横軸は左から右に明るくなります。 横軸が入力、縦軸が出力を表します。もっと噛み砕くと、横軸が元画像の階調、縦軸が補正後の階調です。 斜めに走っている線にはいくつも点が打て、曲線や直角にしたりできます。 階調の出

今朝も雪が降っており、全然春めいてきませんが、あと1ヶ月もすれば新しい職場でスタートする方も多いでしょう。 制作業界ですと、これから新しくデザイナーになろうという方も多いのではないでしょうか。 別にこれからなろうという方を脅そうというわけではありませんが、端から見ているとデザイナーさんってかなり大変そうです。 私もデザイナーにあこがれてこの業界に入ったわけですが、成果物の華やかの陰にすごく地道で地味な作業があったりして、これは自分はプログラムを作っていたほうが良いな、ということで挫折しました。 プログラムやマークアップもそれはそれで大変であったりはするのですが、デザインなど見た人の感覚によって評価の異なるものは正解っていうものがないというか、何をもって正しいかというと依頼した人の感覚が正解だったりするわけで、感覚をあわせるという大変さがあると思います。 正直、感覚が合わないとどこがゴールな

こんにちは！みなさんはWebサイトを見ている時、Aboutページをチェックしますか？ 今回たまたま見つけたWebサイトのAboutページがとても個性的でおもしろかったので、Aboutページについて調べてみました！（そのWebサイトは最後にご紹介します） Aboutページについて調べていたところ、「16 Tips for a Better Website（Webサイトをより良くする16のTips）」という記事にWebサイトをより良くするTipsとしてAboutページのことが書かれていました。（以下翻訳抜粋） ビジネスパーソンや顧客がお仕事をお願いする時、たいていどんな人と仕事をするかに興味が湧きます。あなたのチームの写真や経歴をAbout usページに記載してみてください。技術的なスキルや資格などを書くのもいいですが、趣味や家族、好きな事を書く事で人間味がでます。 確かにAboutページで社

私のデザイン修正で一番多い指示が、「メリハリをつけてください」で、以前はどうすれば良いかわからず困っておりました…。(今も時々わからなくなりますが…) 最近ようやくどうすればメリハリがつくかわかってきたので、その方法をまとめてみました。 「メリハリをつけてください」の修正意図は、目立つべきところが目立っていないので、重要な部分を視覚的にはっきりさせてください、ということだと思います。 例として、以下のような見出しとテキストをもとに考えてみます。 （メリハリをつける場合、サイト全体のバランスをみてつけることが必要ですが、ここではわかりやすくするため、見出しと説明文のみで考えています） （引用：Wikipedia: カメラ http://ja.wikipedia.org/wiki/%E3%82%AB%E3%83%A1%E3%83%A9） 私の場合、メリハリをつけるのは以下7つの方法が多いです。

Photoshopに限らないのですが、パスの操作は慣れが必要で、またわかりにくかったりもしますね。 うちのブログに、「Photoshop パス」で検索してくる方が多く、しかしそれに応えられる記事がなかったので書いてみました。 ややこしい原因 ペンツールの挙動がつかめない、読めない 操作をするのにいろいろなツールがあって把握できていない しかし、パス操作は、基本のペンツールと2つのショートカットを覚えれば簡単に理解できます。 基本的に、ツールの変更はショートカットを使って行います。 そうすることで時間短縮＆操作がしやすくなります。 それではいくつかの例をもとにパスの操作を解説します。 1) アンカーポイントを移動する 角丸での大きさ変更を例にします。 ペンツールを選択し、Ctrl (command) を押してパス選択ツールにし、角丸図形をクリックします。 大きさを変えたい辺の4点を囲むように

スイート＆シックなベクターシェイプアイコンを作りました。ファイル形式はPSDです。 汎用性は低いですが、結婚式場などのフォーマル目なサイト、上品な雰囲気の商品やサービスを取り扱っているサイトに合うと思います。 ご使用にあたって 以下を守ってお使いください。 禁止事項 × 再配布、またはダウンロード可能な状態にすること × 販売 × 素材への直リンク 許可事項 ○ パスの変更・着色・拡大縮小などの加工 ○ 商用・非商用サイトでの使用 ○ Web、プレゼンなどの資料、ソフトウェア、印刷物への利用 アイコンは大きめのまま使うのがきれいです。縮小をすると、ご自分での調整が必要になるかもしれません…。 ただ、色変えなどの加工をしやすいよう作ってありますので、迷わずできると思います。 以上です。お役に立ちましたら幸いです。

はじめまして。GIRLS UPでデザイナーをしています、アビン(GUPDesinger)です。 今回はGIRLS UPのデザインを元に、かわいい女性向けアプリのデザインの要素と作り方をお勉強しましょう！センスに自信が無い人でも、「かわいい」のロジックさえわかっていれば、簡単にかわいいアプリを作ることができると思います。そのロジックをぜひ参考にしてみてください！ まずはたくさんのキーワードを用意する。 よく「かわいいデザイン」って聞きますが、「かわいい」という言葉を聞いてイメージするものが、全ての人にとって全く同じとは限りません。 「かわいくて〇〇」をキーワードで表現する自分が持っている「かわいい」というイメージを表現するには、たくさんのキーワードで表現するとわかりやすくなります。 まずは、「20代の美を追求する人たちが使うアプリ」というテーマから連想する、〇〇に入りそうな言葉をたくさん並べ

こんにちは！ 最近Goodpatchでアプリの制作依頼をいただくようになったので、この機会にアプリを作る際に必要なアプリのアイコンサイズを一通り調べてみました！ 調べたのは以下の6種類です。調べた限りこれらがまとまっている記事がなかったのでMEMOPATCHで記事にしました。（サイズは全てピクセルです） ◯PC ・Mac OS ・Windows XP ・Windows 8 ◯モバイル ・iOS ・Android ・Windows Phone 7 16 x 16（icon_16x16 .png） 32 x 32（icon_16x16@2x .png） 32 x 32（icon_32x32 .png） 64 x 64（icon_32x32@2x .png） 128 x 128（icon_128x128 .png） 256 x 256（icon_128x128@2x .png） 256 x 25

Fireworks で複数の画像を一気にリサイズする場合は［ファイル］→［バッチ処理］が最速だと思われますが、今回は別の方法での作業手順をご紹介します。 画像をリサイズした後に、ちょっと編集したい（個別にフィルタをかけたいなどの）場合は、こちらの方法のほうが結果的にスムーズかも。 今回使用するのは Fireworks CS5 です。 STEP1 画像のリサイズ 1. Fireworks を起動し、新規ドキュメントを作成する。 2. 作成した新規ドキュメントのステージ上に、リサイズしたい画像をドラッグ＆ドロップ。 3. カンバスをフィットする。（［変更］→［カンバス］→［カンバスを合わせる］） 4. 画像サイズを変更する。（これでカンバス上の画像が全てリサイズされます） 現時点では、レイヤー 1 の直下に全ての画像が配置されています。 STEP2 画像を個別のレイヤーに分配して加工 5. ［

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバ事業本部でディベロッパーをしています、平木(id:Layzie)です。 先日2/9に行なわれたFrontrend Vol.4で"JavaScript Development Tools – JavaScript開発の効率アップ"というテーマで登壇させていただいたのですが、セッションでは時間の都合でお話できなかった補足や、その他のツールのご紹介をしていきたいと思います。公式サイトで各講演のスライドと動画を見ることができますので、残念ながらイベントにいらっしゃらなかった方は、ぜひご覽になってください。 Chrome Canaryビル

壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 猫384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186

壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 猫384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186

ドイツのフォントメーカーであるLinotype社がMonotype社に名前が変わることを記念し、「Neue Frutiger Heavy」「Akko Rounded Thin」「Gill Sans Bold Italic」「ITC Galliard Roman」「Slate Light」「Neo Tech Black」「Neue Haas Grotesk Thin」「ITC Officina Serif Medium」の8種類の有料フォント(OpenTypeフォントファイル)を現地時間の4月3日まで無料でダウンロード可能にしています。 Linotype.com - Fonts for global communication http://www.linotype.com/6987/linotypewirdmonotype.html ダウンロードできるフォントは4つずつ、2組のフォントセッ

どうすればWEB業界に就職できる？ステップアップの方法は？その質問に答える！ 2013.03.05 | 初心者向け | 相談 | 考える。 どうもパープルです。前回アップいたしました　”　WEB制作会社って実際儲かるの？これから先もやっていけるの？その疑問に答える！　”という記事につづき、WEBのよくある質問に答えてみるシリーズ第２弾です。 今回のテーマは雇用。社長やフリーランス割合が多いWP-Dでは、自然と面接をする側、雇う側から、どういった人と一緒にやりたいか？という事に焦点があたったようです。 これからWEB制作会社に入りたいなと思っている方 今の会社からの転職や独立、そんな将来について考えている方 新しい人を雇いたい、一番いい方法は？と考えてられる経営者の方 パートナーを増やしたい。と思うフリーランスの方 そんなみなさんの考えが少しだけ明確になるためのきっかけになればいいなと思いま

配色やデザインが全然分からない どもども。色彩感覚ゼロ。りくま（@Rikuma_）です。 これまで幾つかサイトやブログを開設してきたのだけど、作成時に毎回ブチ当たる壁が「配色」や「デザイン」など、見た目の問題。 センスないのもあるし、昔から絵が絶望的に下手なのもあってか、どんな色彩にすればいいのか、どんなパーツ構成にすればいいのか、全く分からない。 なのでいつも混乱するんですよ。先月のカスタマイズ大作戦でワイヤーフレームという手法を初めて導入したのも、結局のところ「どんなデザインにすればいいのか分からず大混乱したから」。 配色の本も何冊か買ったし、初心者向けに解説されてるサイトやブログの記事も読んだけど、キッチリ理解できてるとは言い難い。で、いっつもテキトーなデザインにしてしまう。 素人なりに考えた当ブログの基本的な色調 デザイナーさんなど、デザインの玄人から見れば現在も「なってねえな～」

サンセリフ セリフ(飾り)のない書体です。スッキリしてますよね。 限界まで線が太い 太字の代表格かなーと思ってます。ただ使ってみると意外と癖があったり…太字で標準フォントって考えるとこれじゃなくてもAlial Blackとかでも良くないかなーと思うときはありますｗ 縦長 そのくせすごい縦長。ギュッと横につぶされてますよね。カーニングも詰まり気味。 アセンダとディセンダが超狭い 縦長に見えるのを更に助長している特徴ですが、アセンダ(小文字の頭から大文字の頭まで)とディセンダ(文字の下のラインから小文字のpやjの下のラインまで)が狭い。なので小文字を混ぜても文字の高さが変わらず、みっしりした印象を受けますね。 IMPACTの使いどころ ロゴタイプ 企業のロゴタイプとして使われたりしています。名前の通り、どっしりとした印象を与えるのかなと思います。小文字の背もあんまり変わらないという特徴を持って

Dillingerは、オンラインのMarkdownエディタです。コードはリアルタイムで反映され、Dropboxに保存したり、HTMLでエクスポートする事も可能です。 Dillinger

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

人様によっては、12秒、13秒かかるかもしれません。 dolipoを試してみたかったんですが、Lion対応とまでしかわからなかったので、 諦めて、Google Public DNSを設定してみた所、体感でかなり早くなったので、 ご紹介を。 なんだかんだでネットワーク周りの改善になるので、基本ブラウジングが快適になったのですが iTunesStoreとかのツールでも体感でかなり改善されたような気がしましたので。 Google Public DNSって？ Google Public DNS Googleが提供する無料のパブリック DNSサービスだそうで、 Google先生曰く、速度向上及びセキュリティ改善が望めるとかなんとか。 このあたりについてはこちらの記事にて詳しい解説がのっておりましたm(_ _)m Google Public DNS を使う理由を学びました。ちゃんちゃん。の巻 では、ま

inuit.cssは、面倒な作業のみをカバーしたシンプルなSassベースのCSSフレームワークです。コアと別用途向けのCSSを分けてあるため、例えばグリッドレイアウトにする場合は別途用意されたCSSを使うようにします。 inuit.css On Github

Colllor任意の色を指定すると、トーン表や同... / 配色の見本帳色をクリックすると、どんどん新しい色... / iWantHue簡単操作のカラーパレットジェネレ...他...全8件

ヘタしたら自宅より快適かもしれん...！ 先日発表された、スターバックスの無料Wi-Fiサービス「at_STARBUCKS_Wi2」。無料で、機器を選ばず、高速のWi-Fiサービスを利用できるという、えらく気前のいいサービスです。 今月に入って正式にサービスインしましたので、さっそく接続の手順を確認＆通信スピードをチェックしてきました！ なお、接続にはあらかじめat_STARBUCKS_Wi2の登録サイトで、メールアドレスを登録＆パスワードを設定しておく必要があります。 設定と言っても、この画面にメルアドとパスをまとめて入力するだけでOK。 スタバに入って席についたら、スマホのWi-Fi設定から「at_STARBUCKS_Wi2」を選びます。ちなみにWi-Fi通信の暗号化はノーガードです。パスワードなどはSSL暗号が使われてはいますが、プライバシーすぎる通信は向かないかもですね。 次にブラ

「カエレバ」ブログパーツは、ブログ上で、特に量販品を紹介するためのブログパーツです。アマゾン、楽天市場、Yahoo!ショッピングなどの複数のネットショッピングモールへのリンクを表示することで、アフィリエイト報酬のとりこぼしを減らせます 楽天ポイントを貯めている人はAmazonでは買いません。彼らは、あなたが紹介した商品を買おうと思っても、楽天へのリンクがなければ、楽天市場へ移動して探します。報酬率を意識して楽天を紹介しないことは、読み手のニーズ無視した、無意味な機会損失です！ デザインは「amazlet」や「G-tools」といった人気ツールに準拠しています。それらのパーツ利用に慣れている方でも安心して利用できると思います なにはともあれ、まずは上のキーワード検索フォームから、お好みの商品を検索して、ブログパーツを作ってみてください(見本を作れます) ●表示例

これがずっとやりたかったんだよ！すべてのソリューションはかちびとで問題ない。@shintarowfreshです。 もうとにかくWordPressでアイキャッチ画像を用意するのが面倒極まりない。とはいえ設定しないとみっともない。という2重苦を抱えていたのですが、これからは開放されます、気持ちいい！！ WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.netWordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.net 設定に必要なIDの調べ方はコチラに。 Quick Tip: Saving a Default Post Thumbnail | Wptuts+ 後はもう書いているコードをコピペして終わり、イッツダン！ すると こんなかんじで、新規投稿の際、指定のデフォルトの画像がハマっているわけで。 上書きしたかったら、新し

こんにちは、ひらたです。わたしは「…」を多用するのが好きなのですが、そのせいか、なんの前触れもなく、三点リーダーについての話題を振られてしまったので、ちょっととまどいつつも書いてみたいと思います... そもそも「…」は日本語では三点リーダーと呼ばれたりします。もともと日本語にはなかった表現なのですが、欧文からの翻訳のなかで日本にも定着していった(Wikipedia調べ)ようですね... で、なぜ三点リーダーが話題になったかというと、Movable Type関連情報が数多く紹介されているブログ「小粋空間」に「三点リーダが真ん中に表示されない理由」というエントリーがあがったからのようです。日本語では、ちょうどフォント高の真ん中にあってほしい「…」が、ブラウザ上では「…」のように、ベースラインの上に表示されてしまうようです。なるほど... エントリーでも解説されているのですが、こちらは欧文フォン

色彩センスのいらない配色講座 「色の比率」や「色相の距離」、「トーン」などを意識してデザインを見てみると、いろんなが配色方法が発見できるかもしれません。

私の両親はフリーランスでした。30年以上二人のフリーランスを見て来た彼らの一生から、教訓めいたものを抽出しようと試みました。才能ある若いフリーランスの方々やこれからフリーランスを目指す方々の少しでもお役に立てば幸いです。 ◎一生食べ続けられるフリーランスの条件 ノマドやフリーランスになりたい人は潜在的に多いように思います。私の両親は二人ともフリーランスでした。ここで、私が両親を見ていて学んだある事実を皆さんと共有したいと思います。 ＜フリーランスの20代＞ 若い人がフリーランスとして成功するのに、最も重要なことは何だと思いますか？ 「年上から好かれること」 ではないかというのが、30年以上観察してきた私の結論です。 フリーランスの仕事というのは、仕事を発注してくれる人がいなければ成立しません。その発注してくれる人、つまり予算や決済の権限を持っている人は、20代の時は大抵年上です。BtoBの

前の記事でレポートしたデザイントレンドの前日打ち合わせと称した飲み会の席で、登壇者の原一浩さんから、「なんでヒューレットパッカードの色が黒から白に変わったんでしょうね」と言われていたのですが、結局当日はセッション時間の都合で話せなかったので、ここで私の見解をまとめておきたいと思います。 まずは2011年と2012年のスクリーンショットを並べてみました。これはまたガラッと変えてきましたね。 そもそも大きく色を変えなければならない時は、企業としての戦略が変わったときがほとんどです。会社の業績が堅調であれば、ブランドイメージを変える必要はないのですから。さらに発展させたいという場合もあるでしょうが、大きく色をを変えることで、今までのブランドイメージを壊してしまうこともあるため、リスクが高いことからよほどのことがない限り、しない方が無難だと思います。 そんなわけで、そもそもヒューレットパッカードが

年間500程度のwebサービス等を見てきて 私は去年の10月ごろまで「201*年*月のwebサービス・コンテンツ**(リリース・話題になったもの)」というサービスまとめ記事を書いていたのですが、11月から書いてません。わりと大変なわりにあんまりニーズがあるように思えなくなってきたというのもあって…。ネタは溜まってるんで、再開しようかな―とは思ってるんですけど。めんｄ(ry で、その中でも私はやっぱりまずサイト名に目が行くわけです。何を考えてこの名前にしたんだろう？あーなるほど、とそういう感じで考えてみてます。 その中で気にすべきだなと思ったことを軽くまとめてみます。 ユニークな名前かどうか 何はなくとも、とりあえず考えた名前で検索しましょう。これすらやってなさそうなパターンもあります。固有の名前にしましょうねーという事です。 私の中では、検索に出てこないサイトは存在しないサイトです…少なく

最近昼間の暖房が少し暑いくらいなので、油断して薄着で出かけてみたら夜寒くて死にそうになった seki です。 今回は、先日Fireworksの拡張機能を色々復習＆整理をしていた時にたまたま見つけた拡張機能「Transform Panel」というのを入れてみたので、機能のご紹介をします。Fireworksで要素のサイズや細かい座標をプロパティで直接入力する人には、痒い所に手が届く良さを感じられるかと。 詳細は以下より。 ダウンロード http://www.senocular.com/fireworks/extensions/?entry=572 こちらからダウンロードしてください。 「Transform Panel」で出来ること まずは基本となる便利な機能を一つ一つ見ていきましょう。 実際のパネルがこちら。 簡単に言うと画像やテキストの変形を補佐してくれる拡張機能です。 1.小数点単位を表示

作成：2013/03/4 更新：2014/11/01 Web制作 > もし「全部」自分でやることになっても 一人でサクッと作れるようになりたい 今回はWeb制作や、ツール・ソフトの使い方が「簡単」に分かる、デザインが良い「マニュアル的」なサイトを抜粋しまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．Photoshop (フォトショップ) ２．Illustrator (イラストレーター) ３．Dreamweaver (ドリームウィーバー) ４．iPhone アプリ ５．Kindle 出版 ６．WordPress ７．スマートフォンサイト ８．アフィリエイト ９．アクセスアップ / ブログ １０．ライティング １１．SEO １２．プログラミング １３．html / CSS １４．Google Analytics １５．レスポンシブ Photos

各ブラウザのバージョンごとのCSSハックやJavaScriptによるハック方法をまとめているWebサイト・Browserhacksをご紹介します。CSSハックという言葉自体ちょっと懐かしい気がします・・・ CSSハックやJavaScriptによるハック方法をまとめたサイトです。IEはともかく、OperaやSafariのハックはちょっと助かるかも。 ブラウザ名で検索も出来る様になっています。IE、Firefox、Chrome、Safari、OperaなどのCSSハックやJavaScriptによるハック方法が掲載されています。 試してないけどMedia QueriesでIEのCSSハックという方法は思いつかなかったです。 デモページもあるのでハックが効いてるか確認する事も可能です。 Browserhacksにも書いてありますが、ハックは最適な解決法とは言えないので、個人のサイトなら別にいいと思

2013年から更新が停止されてるので、利用しないほうがいいかなと思います！ そもそもダウンロードできない？ でも注意点もありますよと。 Macは時々重たくなりますね。 で、月に一回くらいですかね、ちょいちょいメンテナンスをやります。 場合によっては効果があったり、あんまりなくてもまぁいいかというノリで。 で今回紹介する「Magican」なんですけども、過去に一度入れて！？みたいな事がありまして、なんかちょっと避けてたんですけど、最近久々に入れてみて、機能が増えていたり、UIがかなり改善されていて、かなりよくなったなぁと思い、ちょっと紹介 アプリとしては継続的にアップデートもされてるみたいなので 今後も期待できるかなと。 1. 不要なファイルを削除してくれる キャッシュや利用していない言語パックを削除してくれるよう。 また重複ファイルの削除機能などもあります。対象範囲も指定できる。 ※ファイ

IconBeast Lite is a strip-down version of IconBeast Pro ($75). This 500 icons is free for download and is published under Creative Commons Attribution license. You can use these icons in your all your projects, but we required you to credit us by including a http link back to IconBeast website.

以前紹介した『rvl.ioの使い方』エントリーが好評だったので, またまたWebツールについての紹介です. 今回は, Web 上で簡単にワイヤーフレームを作成, 公開できるサービス『Wireframe.cc』について 紹介します. Table of contents Wireframe.cc って？ Wireframe.cc の使い方 Wireframe.cc って？ Wireframe.cc は, ウェブサイトとモバイルアプリ用の簡単なフレームワークを作成, 公開できる Web ツールです. 下のリンクから Go!! View 直感的に操作でき, 機能も最低限に絞っているので 簡単に使い始めることが出来ます. 作成した内容を URL で保存するってのも気軽に使えて 良いですね. up Wireframe.cc の使い方 マウスで領域をドラッグするとそこにワイヤーフレームボックスが作成され

WEBデザイナーのためのWEBサイトのデータベース・リンク集、「WEBサイトを作成する際のデザインの配色・見本・参考」「お客様・クライアントにイメージを伝えるためのサンプル」「制作会社へのサイトイメージを伝えるためのご提案」などサンプル・配色・見本・参考・ご提案にご利用ください!!

WordPressについて取り上げられることの多い当サイトですが、意外とWordPressを知らない人に向けた記事がなかったなと思いまして、WordPressのいいところ、WordPressのメリットをまとめてみました。これからWordPressを学んでみようかなと思っている方、WordPressの採用に不安を持っている企業担当者の方などの参考になれば幸いです。 オープンソース オープンな開発体制 WordPressはGPLライセンスのオープンソースソフトウェアです。ソースが公開されているだけでなく、開発過程の議論も広く公開されていて、開発への参加の障壁が低いことが大きな特徴です。 Make WordPress.org オープンソースを「フリーウェア」のように捉えられる方から、「趣味の延長のソフトウェアなんて、いつまで続くか分からいのではないか」ということを尋ねられることもありますが、大き

前の記事では、WordPressのイイところをまとめてみました。ホメてばっかりでは人間伸びて行きませんので、今回は逆にイマイチだなー、もっと何とかならんのかなと思っているところをまとめてみました。といっても、実は前回のイイところのそれぞれに隠された面をご紹介するという感じです。意外とWordPressで提案する時に、できると思って進めてしまうと痛い目に会うこともありますので、知っておくと便利かもしれません。 オープンソースとして 複雑なライセンス GPLライセンスはオープンソースライセンスの中でも最も普及した素晴らしいライセンスです！なのでもちろん変えてほしいというわけではありませんが、しかし、分かりにくい、複雑なライセンスであることも確かです。当サイトのWordPress を使うなら知っておきたい GPL ライセンスの知識【基本編】などをよく読んで、理解してから使うようにしましょう。タダ

iOS/OS X：OS Xの中でも特に便利なAirDrop機能。Mac同士でのファイル共有がとても簡単になりました。アプリ『Instashare』を使うと同じユーザビリティでiOSデバイスとMacがつながります。やり方は簡単です。 1. iOSデバイスでInstashareを起動。 2. Instashare内でカメラロールを開きファイルを選択。 3. 表示されている端末の中から、転送するものを選びドラッグエンドドロップ。 これだけです！　同じWi-Fi内か、Bluetoothの圏内にある端末で共有できます。Mac版のソフトウエアをインストールすれば、MacからiOSデバイスへのファイル送付も可能。いわゆるドラッグアンドドロップ形式のシンプルなインターフェースですが、使っていて、とても楽しいアプリです。 デバイス間のファイル転送サービスは他にも多々あります。ただ、その中でもInstasha

先日書いたCSS小ネタまとめのようにCSS3も使えば使うほど味が出て、応用次第で色んなことできて楽しいですよね。私も大好きです、CSS3。 IE非対応云々のためハックがどーこーとかめんどくさいことはありますけど。 というわけでここらで初心者からパワーユーザーまでぜひおさえておきたいチートシートページやリファレンスサイトをまとめておきますので参考にどうぞ。 CSS3の困った/アレが知りたい、はここで調べよう筆者選で7つほど。他にもいろいろあるんですが、読みやすいのメインに挙げてみました。 1.E BISUCOM TECH LAB : CSS3プロパティ＆ブラウザ対応一覧 恐ろしくまとまり過ぎているページ。もともと書籍の巻末付録だったものをWebで公開しているらしいです。各プロパティの対応ブラウザが一目でわかるのがありがたい。 ベンダープレフィックスの要・不要とかまで書いてます。時々更新されて

メニューバーやドックに天気のアイコンや温度が出るだけじゃない！詳細な天気予報まで見れる！よくあるこの手のアプリは日本語対応しているものはなく、僕が知る限りではおそらく日本初のMac版天気予報表示アプリです。 以前に男子ハックで紹介したことがあるメニューバーに天気予報をかっこよく表示してくれるアプリ「Degree」というものもありましたが、当然海外のアプリです。 「そら案内」を使ってみて感動したポイントはやはり、わかりやすい天気予報の表示です。メニューバーのアイコンをクリックすることで天気予報が表示されます。最初に表示されるのが「時間別」の天気予報です。 表示された画面内のタブをを選択すれば「週間天気予報」も表示できる。 「概況」を選択すれば、言葉で天気予報を説明してくれます。アイコンだけでは伝わらない部分まで知りたい時に便利。天気に左右されるような大事な予定の前には確認したい項目です。 「

どうも、久しぶりのブログ更新です。 今日のネタは、ピコーンでお馴染み futbol24 ( http://www.futbol24.com/ )より便利かもしれない、「365Scores」というアプリ。 ダウンロード ここ( http://biz.365scores.com/mobile.html )からダウンロードしましょう。iPhone、アンドロイドともアプリがあります。 使ったことがないので紹介はしませんが、ブラウザ用のアドオンもあるようです。 また、 http://www.365scores.com/LiveScores/ でも各種速報が確認できるようです。 My teamの設定 インストールしたアプリを開くと、こんな画面が出てくると思います。 このままでは何も速報してくれないので、左上のボタンを押すか右にスワイプしましょう。 すると、左に色々メニューが出てきます。まずは一番下の「

SassやCompassを使って、ズルいデザインテクニック：ズルいデザイン（2）（1/2 ページ） SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは？ シリーズ第2回、前回に続き、今回もSassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介します。 今回は、グラデーション、角丸のお手軽かつ効果的な使い方について解説します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 1: ズルいグラデーション CSS3ではグラデーションを扱えるようになったことから、画像を使わずに自在にグラデーションを描画して、CSSだけでよりリッチなビジュアル表現が可能になりましたが、一口にグラデーションといっても、う

Today, we are showcasing 40 beautiful and free calendar PSD designs for you. We all know very well that Adobe Photoshop is the best and first option for the designers and developers but the problem is that Photoshop is hard to learn and you need to have good practice on it in order to get good results. Furthermore, finding out the good design elements and selecting which designs can reflect creati

ですが、これと同じ機能なら、過去に「PasteBot」という便利なアプリがありました。 「PasteBot」は、同じWi-Fiを使用しているMacとiPhoneのクリップボードを共有するアプリ。機能としては「CloudClip」と同じです。 ですが、そこには大きな違いがある。 「CloudClip」は、iCloudで共有するのです。iPhoneやMacでコピーした内容はiCloudに保存され、それをiPhoneとMacで共有する。これが他のアプリと大きく違う所。 その辺りの話を、今日はお話ししようと思います。それでは参りましょう。 アプリ「CloudClip」とは？ まずは簡単に、アプリ「CloudClip」の機能を説明しましょう。 まず条件として、iPhoneとMac、それぞれにアプリをインストールする必要があります。それぞれ無料のアプリなので、気になる方は早速インストールしておきましょ

まずはアプリをインストール・起動 何はともあれ、今回の主役である「CloudClip」をインストールしましょう。このアプリは、MacとiPhoneでクリップボードを共有できるもの。詳しい話は、以下の記事を参照してください。 [図解] iPhoneとMacでクリップボードを共有できる無料アプリ「CloucClip」。PasteBotとの違いは？ | あなたのスイッチを押すブログ ▼Mac版CloudClip MacのCloudClipを起動すれば、メニューバーにアイコンが表示されます。これで準備完了。 MacでiTunesのURLをコピー Macでウェブサーフィンをしているとき、気になるiPhoneアプリを見つけたとします。例えば最近の私であれば、以下の記事で紹介されたアプリが気になりました。 [browsershot url="http://japan.cnet.com/app/iphon

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか

Macbookをフル充電する１．Macbookをフル充電する 電源ケーブルを接続し、ケーブルのLEDが緑色に光っていればフル充電状態です。 ２．フル充電状態を最低二時間以上維持する バッテリーに最大状態を記憶させるために最低二時間以上はフル充電状態にします。 ＞ほしいものを買うためにお金をもらう方法（無料でOK）：節約術も紹介 電源ケーブルを外し、バッテリー残量警告が出るまで使用 ３．電源ケーブルを外し、バッテリー残量警告が出るまで使用又は放置する バッテリー残量を減らすために省電力設定を解除することをオススメします。 システム環境設定→省エネルギー設定を参照して下さい。 ４．バッテリー残量が残り僅かになり自動的にスリープモードに切り替わる もし作業中のデータがあればスリープモードに切り替わる前に保存しておきましょう。 【働かずに収入を得るようになって人生変わった】 分配金で毎月儲かってて