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