二回もハマったので、メモメモ。 MAMPをインストールして一息ついたところで、pearコマンドを打ったら下のようなエラーが出てきて、??? Notice: unserialize(): Error at offset 267 of 1141 bytes in Config.php on line 1050 ERROR: The default config file is not a valid config file or is corrupted. これでは何も出来ないので、ぐぐると答えを見つけた。 http://forum.mamp.info/viewtopic.php?t=13815 /Applications/MAMP/bin/php/php5.3.6/conf/pear.conf ってファイルを消せばいいよって書いてあったので、試してみると成功。パスはバージョンによって変わる。
Latest CSS3 Tutorials For You To Create Modern Websites モダンなサイトを作成するためのCSS3チュートリアル集。 CSS3のテクニックがあつまったチュートリアル集のご紹介。自分に無い知識を取り入れるために参考にできそう。 いつも進んでる感を感じますが、もうずっと進化し続けるんでしょうね。 関連エントリ CSS3でChrome風ウィンドウを作成するチュートリアル 使えない(?)CSS3ジェネレーター「Useless CSS3 Generator」 CSS3でボーダーを超かっこよくアニメーションするサンプル CSS3ベースのオシャレな価格表作成チュートリアル
ご存知の通り、illustratorにはヒストリー機能がありません。 ラスタライズしたり、アピアランスの分割をしない限り、大部分の機能は再編集が可能なのですが、複雑な図形でパスファインダーをミスるとけっこう辛いものです。 アートボードの外に編集前のオブジェクトをコピーしておくのもひとつの手段なのですが、それとは別の方法を紹介します。 複合シェイプにする optionキーを押しながらパスファインダーの効果を選ぶことで複合シェイプにすることができます。 この状態ではオブジェクトをダブルクリックするか、ダイレクト選択ツールなどを使うことでオブジェクトの編集が可能になります。 その後、複合パスを統合したい時には[拡張]をクリックすることで複合シェイプが解除され、適用後のオブジェクトのみが残ります。 *複合シェイプへの適用が可能なのは、パスファインダーパネルの「形状モード」にある4つの効果のみ
こんにちは、初めまして! 今日からMEMOPATCHブログの更新をさせていただく、だいきです。 よろしくお願いします! 先日「280万回押されるボタンのデザインとは」 という記事を読み、 アメーバから出ている「きいてよ!ミルチョ」の 「きいてよ!」ボタンが押したくなるようなデザインで とてもいいなーと感じました。 そこでアメーバの「きいてよ!ミルチョ」のような 「思わず押したくなるようなデザインのボタン」 を10個ピックアップしてまとめてみました! (各アプリ名のリンクはiTunesに飛びます) きいてよ!ミルチョ 内容: 人には言えないノロケ・愚痴・思いつき・ひらめきをキャラクターに聞いてもらえるアプリ コメント: このアプリで一番押すボタン(きいてよ!ボタン)が立体的で押したくなるデザイン。 phoster 内容: 簡単にオシャレなポスターが作れるiOSアプリ コメント: homeなど
先日、こちらの記事で角丸について詳しくまとめられていました。 その中で「角丸は中心にいくほど小さくなる」と書かれていたので、illustratorで扱う際の注意点をまとめました。 デザイン時に注意したい角丸の使いかた | Design Color illustratorで角丸を表現する方法 [効果] → [スタイライズ] → [角を丸くする]です。 ショートカットは⌘+Shit+Rに設定しています。 ちなみにiOSのアイコンでは114pxで角丸半径20px、512pxで90px、1024pxで180pxですので、アイコンのサイズと一辺の角丸の比率は17%って覚えとくといいかもです。 Photoshop効果を使った場合の角丸 左は角丸に粒状フィルムを適用したもの、右は粒状フィルムを適用した後にマスクをかけたものの拡大図です。 粒状フィルムなどのPhotoshop効果を適用した場合
ブログやWebサイトを見ていると必ず目に入るのがバナー広告です。 バナー広告は、とりわけその広告先の情報を求めているわけではないが、 潜在的に興味がある人にリーチするための広告です。 デザイナーとしては適切なメッセージを簡潔に伝え、クリックしてもらえるようなバナー広告を作らないといけません。 Creative Web Banner Ad Designsという海外の記事で、Webのバナー広告をデザインするときに下記の事を心に留めておくべきと書かれています。 ◯どこに広告をだすか? 競合企業がどんなバナー広告を出しているのかを確認し、クライアントのブランドイメージを守りながら競合、またはその他の広告より目を引くものでないといけません。 ◯広告のターゲットは誰か? 広告のターゲットに合わせたデザインにする ◯その広告は何を販売しているか? ユーザーが混乱しないようにメッセージ/製品と一致したバナ
普段よく使う粒状フィルムについて軽く研究したので、その内容などを… 粒状フィルムとは [効果] → [アーティスティック] → [粒状フィルム] パラメータは「粒子」「領域のハイライト」「密度」があります。 名前の通り、粒子を生成してくれる効果です。 かなり万能なテクスチャとして使うことができます。 少しざらっとしたような質感から、メタリックな質感、簡単な芝生なども粒状フィルムで作成できます。 粒子パラメータ こちらは薄いグレー#e6e6e6(R230 G230 B230)のオブジェクトに、粒状フィルムを適用したものです。 左から順に「粒子」パラメータの値を1ずつ増加させていき、一番左が値10のものです。(最大値は20) 「粒子」パラメータ1のオブジェクトを6400%に拡大したものです。 細かい1pxが色を変えてランダムで並んでいます。 同じく「粒子」パラメータ10のオブジェクト
こんにちは、だいきです。 海外のUIデザインに関する記事「14 Golden Eggs of Good UI Design(直訳: 優れたUIデザインの14の金の卵)」で書かれていたUIデザインに関するTipsがとても勉強になったので、その中からいくつか抜粋したものを翻訳しました! (この記事はJohannes Thönesというブログの14 Golden Eggs of Good UI Designという記事の抜粋翻訳ブログです。) 1, 先進的な技術を使う理由 photo credit: Carlos Varela via photopin cc HTML5が新しい技術だからといって、それを使う必要性はありません。 新しい技術を使うことが目的になってはいけません。 ユーザーとユーザーが期待している事を考えてください。 どんなUX(ユーザーエクスペリエンス)をユーザーに与えたいですか?
使用ツール まずillustratorでシャドウを表現できるのがこちらの9個のツール。 (*SVGフィルターの使用方法については使用した経験が無いため触れていません。) CS6を参考にしたものですので、バージョンによって微妙に使い方が異なる場合や存在しない機能もあるかもしれません。 ドロップシャドウ 光彩(内側) 光彩(外側) ぼかし(ガウス) ぼかし グラデーション グラデーションメッシュ ブレンドツール 不透明マスク ドロップシャドウ [効果] → [スタイライズ] → [ドロップシャドウ] ショートカットは⌘+Shift+Dに設定しています。 もっとも頻繁に使うシャドウのひとつです。 値指定の「ぼかし」はぼかし(ガウス)と同じで、元のオブジェクトの形に対してドロップシャドウが適用されます。 ドロップシャドウはひとつのオブジェクトに対して何重にも適用することができますが、2回
こんにちは、いつかiOSのデザインのみで食べていきたい鈴木(@suzukisan__)です。 まだまだ若輩ですがiOSのデザイン環境について紹介させて頂きます。 画面設計 iPhone Idea Sheet あまり紙でやることはないのですが、使う場合はこちらのiPhone Idea Sheetです。 うちではむしろエンジニアさんのほうが使っています。 三階ラボ | iPhone Idea Sheet ver.01 あまりに使いやすいのでiPhone5用にiPhone5 Idea Sheetなるものをうちで作成しました。 iPhone5のワイヤーフレームに使えるアイデアシートをイラレで作りました | ナナメウエblog POP 本来は紙に書いたワイヤーフレームから画面設計をイメージするためのものだと思いますが、普通にデザインだけしてコーディング前の画像を取り込んで画面推移を説明す
iOSのデザインをやる時に一番大変なのが実機確認だと思います。 特にアイコンは実際にホーム画面に置いてみて、周りの他のアプリのアイコンに埋もれていないかなどを何度も検証します。 今まではiPhoneのホーム画面のスクリーンショットを撮って、その正確な位置に配置して画像として書き出したものをiPhoneに送信 → 確認という方法を使っていました。 一度ホーム画面のレイアウトを作ってしまうと難しくはないのですが、どうしてもiPhoneに送る手間がネックでした。 今回はそれを解消してくれる「iconsider」というアプリを発見したのでご紹介します。 こちらのアプリは、自分のDropboxにアイコン画像を入れるだけで自動的にiPhoneで確認することができるとても便利なもので、iOSデザイナーには必須になるんじゃないかと思います。 iconsider アイコンデザイン実機シミュレーター
Hello, I'm Shane Prendergast. I make things online. About Hello, my name is Shane Prendergast. I'm a developer who lives in Macclesfield, UK. I have a BSc (Hons) Web Design and Development degree from the University of Hull and I'm currently working at Gather Content. Primarily a Front-end Developer, I also have a strong interest in Design and UX. At the moment I'm working with various Javascript
To use this icon, you must first accept the license agreement.
こんにちは、だいきです。 前回MEMOPATCHで書いた【2013年度版】今年流行る!7つのUIデザイントレンドまとめ では取り上げませんでしたが、2013年のWebトレンドの一つに「固定ヘッダー」が上げられているブログをいくつか見かけました。 固定ヘッダーが2013年のトレンドになる理由として、海外のブログで下記のような意見があります。 固定ヘッダーのメリットとして、 そのページを見終わった後、別ページに行きたい時、先頭までスクロールする必要がないことがあげられる。 私たちはユーザーがスクロールしたり、検索する手間を省き、いつでも関連情報に簡単にアクセスしてもらう必要があります。 このような固定ヘッダーを準備することでUX向上にもつながります。 Fixed Headers – 2013 Web Trend – Karma https://yourkarma.com/ Wi-Fiルーター販
illustratorでグランジ加工をする方法です。 線をチョークや木炭などに設定して上から重ねるという方法が最もポピュラーですので、ちょっと珍しい方法をご紹介します。 一回作っておくと使い回しが効くので便利かと思います。 まずは長方形ツール(ショートカットはM)を使い、適当な四角形を描きます。 わかりやすいように色は黒にしています。 続いてナイフツールで四角形オブジェクトを切っていきます。 もうメチャクチャに切りまくります。 上下左右に切り分けて、細かくしてあげます。 切り終わったら、オブジェクト全体を選択した状態で[オブジェクト] → [変形] → [個別に変形](ショートカットは⌘+Shift+Option+D) 「水平方向:5%」「垂直方向:5%」「水平方向:100px」「垂直方向:100px」、オプションは「垂直軸にリフレクト」「水平軸にリフレクト」「ランダム」「オブジ
2024.04.22 「glass of SMILE」能登半島義援金チャリティードリンク3月実施報告 2024.03.06 「glass of SMILE」能登半島義援金チャリティードリンク2月実施報告 2024.02.07 「glass of SMILE」能登半島義援金チャリティードリンク1月実施報告 2024.01.14 「glass of SMILE」能登半島義援金チャリティードリンク企画を実施しています。 2023.11.10 チャリティーイベント「FAITH, HOPE& LOVE Vol.28」ご報告 2023.10.20 チャリティーイベント「FAITH, HOPE& LOVE Vol.28」を2023.11.08に開催致します。 2022.11.16 チャリティーイベント「FAITH, HOPE& LOVE Vol.27」ご報告 2022.10.20 チャリティーイベント「
tmlib.js と WebAudio API で MML 対応してみましたー!! MML 系の情報は少なかったのですが, 良質なものが多かったのでわりと サクッと実装できました!! 動的に入力した MML から音楽を再生するサンプルを作ってみたので よかったら色々打ち込んで遊んで下さい♪ これで tmlib.js は画像データ, 音データどちらも動的に 作って再生できるようになりましたー\(^o^)/ もちろんサンプルは jsdo.it で作ってあるので, その場で実行できます. tweet ボタンを押すと, 入力した MML を保存した状態で Twitter に投稿できます!! 作った音楽をみんなに自慢しよう♪ あと iPhone でも iOS6 だったら鳴ります!! Table of contents Sample MML って何? Flash の SiON Reference Sa
Hi folks! Today, I offer you a nice pack of social icons (again? yes…) in PNG format and in 7 different sizes. (512, 256, 128, 64, 48, 32 and 24 pixels). You will also find for each service, the PNG file for hover-style. Enjoy! You will find the following services : 500px (2 versions) AIM (2 versions) Apple Baidu Basecamp (2 versions) Bebo Behance Blogger Delicious DeviantART Digg Dribbble (2 vers
Realtime Queries: From results of queries to single document fields, with RxDB you can observe everything which makes building realtime applications effortless.Realtime Replication: Run a two-way realtime replication with one of the many replication plugins. Also making your custom backend compatible is pretty simple.Offline Support: Store data locally on your clients device to build applications
ごあいさつGreetings "Hashima" is a Japanese restaurant located on a small street in Katamachi, Osaka. Utmost care and attention to detail makes every dish a unique experience. We serve delicate and carefully prepared seasonal dishes, using only the finest ingredients but keeping it simple . The delectable Hashima experience, where you can taste the effort, will leave a smile on your face. 一期一会に丹精込めて 大阪
品質マネジメントの国際規格であるISO9001:2008を北大阪物流センターにて認証取得。高品位な物流サービスを保証しています。また阪神物流センターにて、労働安全衛生マネジメントシステムの国際規格OHSAS 18001:2007を認証取得し、より安全な職場環境の構築をめざしています。 リクサスの品質方針 総合物流企業として保管・輸送から流通加工に至るまで、一貫した物流システムを提案・構築します。 物流に関する法令、条例、その他当社が同意した協定を遵守します。 「安全・確実・迅速・丁寧」を基本とし、高付加価値で高品質なサービスを提供するため、システムの継続的改善に取り組みます。 社員一人一人が物流品質の維持向上に積極的に取り組めるよう、本方針の周知徹底と品質向上教育に努めます。 この品質方針は、広く一般に公表します。 リクサスの安全衛生方針 安全衛生管理体制を整備し、安全衛生意識の高揚と健康
Firefox OSとは? Firefox OSは、Mozilla Foundationで開発されているスマートフォン向けの新OSだ。iOSやAndroidなど既存のスマートフォン向けOSと異なり、Web技術をネイティブサポートしているという点が大きな特徴だ。iOSやAndroid向けのアプリは、基本的にObjective-CやJavaで記述する必要があるが、Firefox OSの場合にはHTML5、CSS3、JavaScriptといったWeb技術を用いて開発したものがネイティブに実行されるのだ。 今回はこのFirefox OS向けアプリの開発方法について取り上げてみたい。 Firefox OSの開発環境 Firefox上で動作するアドオンとしてFirefox OSエミュレータが提供されているので、これを使用してFirefox OS向けのアプリ開発を体験してみよう。Firefox OS S
文書構造って難しいですよね コーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの?」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。 エレメントの役割とタグの用途の正確な理解 コーディングしているときに何故迷うか。これは、 それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない 各タグの用途を理解できていない このいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く