まだ使っていない方にはオススメしたい。Sketchって結局どんな感じなのよ？と思ったので試してみたよ。｜ウェビメモ

2015/12/28 138 users Sketch 遅ればせ 爆速 xxmiz0rexx 感想

こんにちは！霙( @xxmiz0rexx )です！ 2015年ももう終わろうとしている時に、遅ればせながらやっとデザインツールに Sketch を導入してみました。 まだインストールして1週間ほどなんですが、入れて良かったという感想しかないです…。爆速で仕事が終わっていくやんけ、、、。そんなわけで今年最後の記事は、今年最後に手に入れたデザインツール『Sketch』をご紹介させてもらおうと思います。... 続きを読む

誰にでも起こりうる…サイトをリアルタイムでミラーリングされて検索上位を奪われたお話［不正コピー、ダメ。ゼッタイ］｜ウェビメモ

2015/10/26 460 users リアルタイム コピー みぞれ 検索上位 xxmiz0rexx

こんにちは！みぞれ（@xxmiz0rexx）です。 たまに見かける「記事の内容を丸ごとコピーされた！」という嘆き。 「大変だなぁ…」なんて眺めていた私ですが、今回なんと記事の文章どころか、サイトが丸ごと不正コピーされる(URL以外で判別がつかない)というとんでもない被害に遭いましたので、私が行った対処法をまとめておきます。 経緯 事の始まりは10/21。 Googleの検索結果を見ていたら、わたし... 続きを読む

[WordPress]ダッシュボードの使い勝手を向上させるカスタマイズTIPS 10｜ウェビメモ

2015/01/26 293 users ダッシュボード WordPress 使い勝手 おなじみ ロゴ

こんにちは！霙(@xxmiz0rexx)です。 今回は私が今までにクライアントワークや個人プロジェクトで行ったダッシュボードのカスタマイズ例をメモしていきたいと思います。 カスタマイズTIPS 10 ログイン画面のロゴ変更 まずはおなじみのカスタマイズから。 WordPressロゴをサイトのロゴに変更します。複数のメディアを運営している時などに判別しやすいです。 functions.php内 //... 続きを読む

左が過去で右が未来…？ページ送りの正しい方向とは？WEB屋のみなさんに聞いてみました｜ウェビメモ

2014/06/09 103 users ペー 正しい方向 みなさん 未来 Ｗｅｂ屋

ブログって、ページ送りがついてますよね。一覧にも、記事詳細にも。先日気付いたのですが、 記事一覧のページ送りは『右』にいくほど過去になって、詳細ページは『左』にいくほど過去になるサイトが多いのです。 これって何か変じゃない？という疑問をWEB屋の皆さんにぶつけてみましたので、いただいた回答をまとめます。 何が言いたいか よくあるページ送りはこんな感じなんです。 記事一覧のページ送り 記事詳細のペー... 続きを読む

デザイン効率大幅アップ！Photoshopとスマホの画面がリアルタイムに同期される神アプリ『Skala Preview』｜ウェビメモ

2013/12/20 356 users Photoshop リアルタイム 画面 神アプリ スマホ

世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか！！なんて非効率な日常を送っていたのか！！悔やんでも悔やみきれないです本当に。。 というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:) スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください！！ 『... 続きを読む

ヌルヌルの秘訣はCSS！Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』｜ウェビメモ

2013/08/27 194 users キータ Qiita PageSlide 秘訣 プログラマ

以前『スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました 』という記事を書きましたが、今回は『Qiita [キータ] – プログラマの技術情報共有サービス 』にてGoogleでも採用されているCSS3のアニメーションを使ったスライドメニューというものを発見したのでご紹介します。 jQueryプラグイン『jSlideMenu』 な... 続きを読む

iconDrop｜デザイナーのためのiOSアイコンギャラリーサイト

2013/08/07 214 users デザイナー アプリアイコン ディティール iOSアプリ 参考

デザイナーのためのiOSアイコンギャラリーサイト--About this site iOSアプリのアイコンギャラリーです。 自分がアプリアイコンを作る時に、ディティールや色などを指定して 一覧を眺めたいと思ったので作ってみました。デザインの参考に是非どうぞ。 内容の不備やご意見・ご感想はxxmiz0rexx@gmai.comまで。 --Author @xxmiz0rexx ウェビメモというWEB関... 続きを読む

週3勤務で残りはフリー！？フリーランスと会社勤務を同時に実現するおいしい方法。│CAREER HACK

2013/06/14 288 users CAREER HACK フリーランス FeedDrop 2択

「企業勤めでなくとも個人で食べていける」 そんな働き方がごく普通に可能になっているのがWEB/IT業界の特徴の一つだ。 だが、その選択肢は本当に「企業勤め」か「フリーランス」の2択なのだろうか？ 今回お話を伺ったのは、人気WEB系ブログ『ウェビメモ』管理人であり、 iOSアプリ《FeedDrop》や《キャンディコットンまちがい探し》の デザインを手掛けたWEBデザイナーの霙（みぞれ）さん。 なんと... 続きを読む

アプリデザインの参考になるギャラリーサイト＋クオリティを格上げできるセンスのいい素材配布サイトの紹介 | ウェビメモ

2013/03/12 317 users センス 参考 アプリデザイン 紹介

最近、会社でも個人でもアプリの制作に関わることが徐々に増えてきた霙(@xxmiz0rexx)です。 勉強のため、そしていざ制作！となった時の強い味方をメモしておきたいと思います。 ギャラリーサイト まずはインプットから。アプリのデザインはWEBデザインとはまた違うものなので、時間のある時にギャラリーサイトを眺めることは引き出しを増やすのにとても大切なことだと思います。 Mobile Pattern... 続きを読む

［商用利用OK]デザインに行き詰まった時に刺激をもらえるUIエレメント検索サイト『UICloud』 | ウェビメモ

2013/01/15 150 users UICloud xxmiz0rexx 素晴 ダッシュボード

あけましてめでとうございます。年末年始 魔の9連休により完全にダメ人間化した霙(@xxmiz0rexx)です。2013年一記事目は最近出会った素敵なサイト『UICloud 』のご紹介をしたいと思います ;) UICloud 『UICloud 』は、ボタンやフォームなどの細かいパーツからダッシュボードのデザインまで幅広いUIデザインを検索でき、ありがたい事にすべてpsdデータがダウンロードできる素晴... 続きを読む

メインマシンをWindowsからMacにした時に教えてもらった「Macではこれできないの？」→「できるよ」Tips | ウェビメモ

2012/12/03 2123 users メインマシン Tips xxmiz0rexx Mac アレ

2011年7月にMacBook Airを購入して約1年半。 職場でもメインPCをWindowsからMacにして頂けたこともあって 段々と扱いに慣れてきた霙(@xxmiz0rexx)です。 今回はそんな私の「Windowsでできたアレ、Macではできないの？？」 という購入当初の疑問とその答えをまとめます。 まだMacに慣れていない人、もしくはこれから購入を考えている人はチェックしてみてください！ ... 続きを読む

Google Analytics APIを使って、プラグインに頼らずに記事のアクセスランキングを表示しよう［ wordpress］ | ウェビメモ

2012/08/23 111 users WordPress プラグイン xxmiz0rexx API

こんにちは、霙（@xxmiz0rexx）です。 サイトにGoogle Analyticsを導入していることが条件ですが、APIを利用すればプラグインに頼らなくても記事のアクセスランキングが表示できることを最近知りました！色々カスタマイズもしてみましたので、以下に手順とサンプルコードをメモしていきます。 1：GAPI（GAPI – Google Analytics API PHP Interface... 続きを読む

スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました | ウェビメモ

2012/07/17 159 users PageSlide Facebook Path スペース 結果

こんにちは、霙（@xxmiz0rexx）です。 スマートフォンサイトでのメニューの表示方法をあれこれ考えた結果、素敵なjQueryプラグインに辿り着きましたのでご紹介したいと思います。 コンテンツ量が多くてもメニュー分のスペースを考えずに構成できるのでかなり気に入っています :) jQueryプラグイン『PageSlide』 FacebookやPathなどで使われているあのメニュー表示の動きをjQ... 続きを読む

サイトに外部ブログのRSSを表示する方法と、記事タイトルが長すぎる場合に省略表示する方法メモ。 | ウェビメモ

2012/06/14 366 users 省略 CSS RSS バンド 方法メモ

今更ですが、Google Feed APIを利用してRSSを取得・表示する方法と、そのタイトルをCSSで省略表示させる方法を学びましたのでメモメモ。 みんなだいすきGoogle Feed API サイト制作の際、トップページなどに外部ブログのRSSを表示させたいときってありますよね。 私は過去にバンドの公式サイトを制作していた時、メンバーのブログRSSを表示させてくれとよく頼まれたものです。 （そ... 続きを読む

せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ | ウェビメモ

2012/05/10 164 users CODA webオーサリングツール xxmiz0rexx

去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『Coda』をインストールしたんですが、 DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙（@xxmiz0rexx）です。 使い方さえ覚えてしまえばさらに快適なコーディングライフを送れると思うので、機会を作ってちゃんと覚えてみようと思い記事にしました。 プラグインを入れて快適に使う まずはCoda... 続きを読む

WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと | ウェビメモ

2012/03/23 717 users 思考 全力 後輩 プロジェクト うち

このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく（ないのかよ！！と全力でつっこんでおｋ）今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。 私は携われないんですけどね＼(^o^)／ 様々なWEBシステムの... 続きを読む

WordPress管理画面にオリジナルメニューを追加した時の手順メモ | ウェビメモ

2012/02/21 297 users 手順メモ WordPress管理画面 オリジナルメニュー

前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますｗ ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー＆メニューを差し込みます。 デフォルトの管理画... 続きを読む

良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!! | ウェビメモ

2012/01/12 190 users 骨組み placeholder ワイヤーフレーム 要素 視覚化

フリーランスでWEB製作をされている@sou_labさんから ドラッグ＆ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です！！ ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防... 続きを読む

和服オフ会しようず！たった5,000円で着物を1日中レンタルできる『パウル鎌倉』さんを利用してみた。 | ウェビメモ

2011/12/27 256 users 一式 MacBook Air 着物 洋服 成人式

あと少しで平成も24年になりますね。今やほとんどの人が洋服を身に纏う日本ですが、日本に生まれたのに着物をきたのは成人式だけ、などというのは、MacBook Airを買ったのにインターネットしかしないのと同じではないでしょうか？ せっかくこの国に生まれたのですから、たまには着物を着て遊びに行こうじゃありませんか！ 着物に必要な一式を格安でレンタルしてくれる『パウル鎌倉』さんについて 安い物だと300... 続きを読む

jQuery事始めvol.3・プラグインに頼らず自分でクリックで切り替わるタブメニューを作ってみる - かちびと. net

2011/12/20 138 users タブメニュー jQuery コピペ net 貢献

暫く空いてしまいましたが、jQueryを コピペに頼らず自分で書いてみよう、 という記事。第三回目です。僕よりも 全然詳しい人のほうが多いんですが、 最近何度かデベロッパーさんの憤り の発言を目にするので多少でも貢献 出来ればと思います。 というわけで第三回目はよく見るタブメニューを書いてみましょう、というもの。 「jQueryを使ったスムースなタブメニュー – ウェビメモ」という記事をお見かけし... 続きを読む

デザインから選ぶjQueryツールチップ5つ | ウェビメモ

2011/06/22 253 users ツールチップ 解説 デザイン

ちょっとした解説や情報を表示したい時、あらかじめデザインに当てはめておくよりも 必要な時だけに表示させる方が より目を引く場合があります。 そんな時に利用できそうなツールチップの中から使ってみたいデザインのものをピックアップしてみました :) 続きを読む

商用利用OK！エレガント､ガーリー､ロックなど種類豊富な飾り枠のベクター素材 | ウェビメモ

2011/06/10 119 users 見出し DTPデザイン webデザイン ベクター素材 ロック

WEBデザインやDTPデザインをしていると、 見出しなどにちょっとした飾りが欲しくなる時があると思います。 そんな時すぐに使える素敵な飾り枠のベクター素材を配布しているサイトに出会いました:) 続きを読む

スクロールしてもついてくる！ブログにソーシャルボックスをつけよう。 | ウェビメモ

2011/05/09 114 users ソーシャルボックス ブログ 需要 ソーシャルボタン タイミング

こんにちは、霙です。 ウェビメモ製作時に、ページをどんなにスクロールしても横にくっついて来るソーシャルボックスを作りました。 コードを教えて欲しいという方がいたので、他の方にも需要あるかな？と思い、記事にしてみました:) 自分のサイトに使いたい方はコピペしてご自由にどうぞ！ 読者が利用するタイミング みんなが設置しているソーシャルボタン。いざ自分のブログにつけるとなるとどこに置こうか迷いますよね。... 続きを読む