タグ ウェビメモ
人気順 5 users 10 users 100 users 500 users 1000 usersまだ使っていない方にはオススメしたい。Sketchって結局どんな感じなのよ?と思ったので試してみたよ。|ウェビメモ
こんにちは!霙( @xxmiz0rexx )です! 2015年ももう終わろうとしている時に、遅ればせながらやっとデザインツールに Sketch を導入してみました。 まだインストールして1週間ほどなんですが、入れて良かったという感想しかないです…。爆速で仕事が終わっていくやんけ、、、。そんなわけで今年最後の記事は、今年最後に手に入れたデザインツール『Sketch』をご紹介させてもらおうと思います。... 続きを読む
誰にでも起こりうる…サイトをリアルタイムでミラーリングされて検索上位を奪われたお話[不正コピー、ダメ。ゼッタイ]|ウェビメモ
こんにちは!みぞれ(@xxmiz0rexx)です。 たまに見かける「記事の内容を丸ごとコピーされた!」という嘆き。 「大変だなぁ…」なんて眺めていた私ですが、今回なんと記事の文章どころか、サイトが丸ごと不正コピーされる(URL以外で判別がつかない)というとんでもない被害に遭いましたので、私が行った対処法をまとめておきます。 経緯 事の始まりは10/21。 Googleの検索結果を見ていたら、わたし... 続きを読む
備忘録:Gmailで受け取った内容をGoogleスプレッドシートに自動で読み込んで管理する方法|ウェビメモ
こんにちは!みぞれ(@xxmiz0rexx)です。 先日写真素材サイトを作ったとき、メールフォームから送られた『素材のリクエスト内容』が自動でGoogleスプレッドシートに入ったらラクだよな〜と思い、いろいろ調べて設定してみましたので備忘録がてら記事にまとめたいと思います。 必要なもの サイトのメールフォーム Gmailのアドレス Googleスプレッドシート まずはメールの仕分け設定から ご存知... 続きを読む
[Web制作]iPhoneサイトで表示崩れが発生した時、実機とMacを繋いでWebインスペクタ機能でデバッグする方法|ウェビメモ
こんにちは、霙(@xxmiz0rexx)です。 スマートフォンサイトを制作している時、たまーに困ることがあります。 それは、実機でしか再現しない表示崩れ。 Macでみた時は大丈夫だったのに、何故かiPhoneでは謎の余白が…なんてことが先日もありまして、 解決のためにSafariのWebインスペクタ機能を使ってみましたので使い方をメモしたいと思います。 Webインスペクタ機能とは iPhoneで見... 続きを読む
[WordPress]ダッシュボードの使い勝手を向上させるカスタマイズTIPS 10|ウェビメモ
こんにちは!霙(@xxmiz0rexx)です。 今回は私が今までにクライアントワークや個人プロジェクトで行ったダッシュボードのカスタマイズ例をメモしていきたいと思います。 カスタマイズTIPS 10 ログイン画面のロゴ変更 まずはおなじみのカスタマイズから。 WordPressロゴをサイトのロゴに変更します。複数のメディアを運営している時などに判別しやすいです。 functions.php内 //... 続きを読む
左が過去で右が未来…?ページ送りの正しい方向とは?WEB屋のみなさんに聞いてみました|ウェビメモ
ブログって、ページ送りがついてますよね。一覧にも、記事詳細にも。先日気付いたのですが、 記事一覧のページ送りは『右』にいくほど過去になって、詳細ページは『左』にいくほど過去になるサイトが多いのです。 これって何か変じゃない?という疑問をWEB屋の皆さんにぶつけてみましたので、いただいた回答をまとめます。 何が言いたいか よくあるページ送りはこんな感じなんです。 記事一覧のページ送り 記事詳細のペー... 続きを読む
デザイン効率大幅アップ!Photoshopとスマホの画面がリアルタイムに同期される神アプリ『Skala Preview』|ウェビメモ
世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか!!なんて非効率な日常を送っていたのか!!悔やんでも悔やみきれないです本当に。。 というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:) スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください!! 『... 続きを読む
ヌルヌルの秘訣はCSS!Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』|ウェビメモ
以前『スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました 』という記事を書きましたが、今回は『Qiita [キータ] – プログラマの技術情報共有サービス 』にてGoogleでも採用されているCSS3のアニメーションを使ったスライドメニューというものを発見したのでご紹介します。 jQueryプラグイン『jSlideMenu』 な... 続きを読む
iconDrop|デザイナーのためのiOSアイコンギャラリーサイト
デザイナーのためのiOSアイコンギャラリーサイト--About this site iOSアプリのアイコンギャラリーです。 自分がアプリアイコンを作る時に、ディティールや色などを指定して 一覧を眺めたいと思ったので作ってみました。デザインの参考に是非どうぞ。 内容の不備やご意見・ご感想はxxmiz0rexx@gmai.comまで。 --Author @xxmiz0rexx ウェビメモというWEB関... 続きを読む
週3勤務で残りはフリー!?フリーランスと会社勤務を同時に実現するおいしい方法。│CAREER HACK
「企業勤めでなくとも個人で食べていける」 そんな働き方がごく普通に可能になっているのがWEB/IT業界の特徴の一つだ。 だが、その選択肢は本当に「企業勤め」か「フリーランス」の2択なのだろうか? 今回お話を伺ったのは、人気WEB系ブログ『ウェビメモ』管理人であり、 iOSアプリ《FeedDrop》や《キャンディコットンまちがい探し》の デザインを手掛けたWEBデザイナーの霙(みぞれ)さん。 なんと... 続きを読む
初めて創ったアプリ《FeedDrop》がニュースカテゴリ4位に!ウェビメモ・霙(みぞれ)氏に訊く!│CAREER HACK
スマートフォン利用者が増加の一途をたどる中、 様々なアプリケーションが日々リリースされストアに氾濫する現在。 有名サービスや大手企業が出すアプリであっても、 高評価を獲得したり、上位ランキングに食い込むのは至難の業だとされている。 そんな中、プライベートプロジェクトで生みだされたアプリが、 激戦のAppStoreニュースカテゴリで一時4位まで食い込んだ。 それが《FeedDrop(フィードロップ)... 続きを読む
[アプリ]注目の記事をまとめ読みできるiPhoneアプリ『FeedDrop』をリリースしました[作ってみた] | ウェビメモ
こんにちは、霙(@xxmiz0rexx)です! 最近ロクにブログも書かずに何をしていたかと言いますと、水面下でいろいろな事に首を突っ込んで活動をしておりました。その中の1つを本日発表させて頂きます :) ユニットを組んで、iPhoneアプリを共同開発しました!! 自由大学でiOSアプリの作り方を学んでから半年ほどが経過したでしょうか。 作る作ると言って全然X-Codeを起動する時間もなく年を越して... 続きを読む
アプリデザインの参考になるギャラリーサイト+クオリティを格上げできるセンスのいい素材配布サイトの紹介 | ウェビメモ
最近、会社でも個人でもアプリの制作に関わることが徐々に増えてきた霙(@xxmiz0rexx)です。 勉強のため、そしていざ制作!となった時の強い味方をメモしておきたいと思います。 ギャラリーサイト まずはインプットから。アプリのデザインはWEBデザインとはまた違うものなので、時間のある時にギャラリーサイトを眺めることは引き出しを増やすのにとても大切なことだと思います。 Mobile Pattern... 続きを読む
アイコンフォントの欠点である意味不明な文字列をリガチャ(合字)で解決したWEBフォント『Ligature Symbols』 | ウェビメモ
こんにちは、霙(@xxmiz0rexx)です。 興味はあったけれどなかなか手が伸びなかったアイコンフォント。 そんな私をやっと使う気にさせてくれた素晴らしい発想のフォントに出会ったのでご紹介いたします! そもそもアイコンフォントとは アルファベット1文字1文字にアイコンが割り当てられたフォントで、例えばスマートフォンサイトの製作をする時 画像でアイコンを用意する場合は通常用とRetina対応用で2... 続きを読む
[商用利用OK]デザインに行き詰まった時に刺激をもらえるUIエレメント検索サイト『UICloud』 | ウェビメモ
あけましてめでとうございます。年末年始 魔の9連休により完全にダメ人間化した霙(@xxmiz0rexx)です。2013年一記事目は最近出会った素敵なサイト『UICloud 』のご紹介をしたいと思います ;) UICloud 『UICloud 』は、ボタンやフォームなどの細かいパーツからダッシュボードのデザインまで幅広いUIデザインを検索でき、ありがたい事にすべてpsdデータがダウンロードできる素晴... 続きを読む
メインマシンをWindowsからMacにした時に教えてもらった「Macではこれできないの?」→「できるよ」Tips | ウェビメモ
2011年7月にMacBook Airを購入して約1年半。 職場でもメインPCをWindowsからMacにして頂けたこともあって 段々と扱いに慣れてきた霙(@xxmiz0rexx)です。 今回はそんな私の「Windowsでできたアレ、Macではできないの??」 という購入当初の疑問とその答えをまとめます。 まだMacに慣れていない人、もしくはこれから購入を考えている人はチェックしてみてください! ... 続きを読む
恋する速度を爆速化。Sublime TextでZen-Codingを使用する際の設定メモ | ウェビメモ
先日「恋に落ちるエディタ」Sublime Textの勉強会に参加してきた霙(@xxmiz0rexx)です。 エディタの便利さ、優雅さ、魅力などを語るのは別の機会にするとして、 今回はそのSublime Textで、爆速コーディング用プラグイン「Zen-Coding」先生を使えるようにする設定方法を学んできましたので、備忘録もかねて記事にしたいとおもいます。これから使ってみようと思っている方は是非!... 続きを読む
Google Analytics APIを使って、プラグインに頼らずに記事のアクセスランキングを表示しよう[ wordpress] | ウェビメモ
こんにちは、霙(@xxmiz0rexx)です。 サイトにGoogle Analyticsを導入していることが条件ですが、APIを利用すればプラグインに頼らなくても記事のアクセスランキングが表示できることを最近知りました!色々カスタマイズもしてみましたので、以下に手順とサンプルコードをメモしていきます。 1:GAPI(GAPI – Google Analytics API PHP Interface... 続きを読む
スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました | ウェビメモ
こんにちは、霙(@xxmiz0rexx)です。 スマートフォンサイトでのメニューの表示方法をあれこれ考えた結果、素敵なjQueryプラグインに辿り着きましたのでご紹介したいと思います。 コンテンツ量が多くてもメニュー分のスペースを考えずに構成できるのでかなり気に入っています :) jQueryプラグイン『PageSlide』 FacebookやPathなどで使われているあのメニュー表示の動きをjQ... 続きを読む
サイトに外部ブログのRSSを表示する方法と、記事タイトルが長すぎる場合に省略表示する方法メモ。 | ウェビメモ
今更ですが、Google Feed APIを利用してRSSを取得・表示する方法と、そのタイトルをCSSで省略表示させる方法を学びましたのでメモメモ。 みんなだいすきGoogle Feed API サイト制作の際、トップページなどに外部ブログのRSSを表示させたいときってありますよね。 私は過去にバンドの公式サイトを制作していた時、メンバーのブログRSSを表示させてくれとよく頼まれたものです。 (そ... 続きを読む
せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ | ウェビメモ
去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『Coda』をインストールしたんですが、 DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙(@xxmiz0rexx)です。 使い方さえ覚えてしまえばさらに快適なコーディングライフを送れると思うので、機会を作ってちゃんと覚えてみようと思い記事にしました。 プラグインを入れて快適に使う まずはCoda... 続きを読む
WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと | ウェビメモ
このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく(ないのかよ!!と全力でつっこんでおk)今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。 私は携われないんですけどね\(^o^)/ 様々なWEBシステムの... 続きを読む
WordPress管理画面にオリジナルメニューを追加した時の手順メモ | ウェビメモ
前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますw ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー&メニューを差し込みます。 デフォルトの管理画... 続きを読む
良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!! | ウェビメモ
フリーランスでWEB製作をされている@sou_labさんから ドラッグ&ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です!! ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防... 続きを読む
2011年総まとめ!商用可能素材、WEB系知識などなど今年わたしがお世話になったWEBサイト10選。 | ウェビメモ
わたしにとってのブログ元年がもうすぐ終わろうとしています。 今年はこのブログを立ち上げ、良くも悪くも生活が一変した年でありました。 そんな激動の年の最後の記事は、感謝の記事で締めくくりたいと思います。 なお、単純にお世話になったサイト様だと数が多すぎるので、わたしが今年 頻繁に足を運ばせて頂いた事が選定の基準となっております。 商用可能な素材系 9search 何度お世話になったか分からないくらい... 続きを読む