ブログリニューアル時に助けられたプラグインや考えた事 #WordPress 2013/05/29 | カテゴリー: Creative | タグ: Blog, WordPress, まとめ, プラグイン, 考え方 タイトルとURLをコピーする Tweet このブログは結構前にデザインしていたので、 新しくしたいなとは思っていたのですが、 結構前に、やっとリニューアルしたものをアップしました。 これがリニューアル前のデザインです。 まずはURL変更 どーゆー事かと言うと、 ブログのカテゴリやタグがゴチャゴチャいていて、 かつカテゴリをURLに含んでしまっていて変更するとURLも変わってしまうため、 整理したくても出来ない状態でした。。 こんな感じ。 backless.org/design/999.html「カテゴリーがdesignの場合」 カテゴリを変更すると backless.org/css

こんにちは。プログラマーの卓司です。 今回はWordPressのサムネイルを再度、別のサイズも含めて作成する方法をまとめます。 0. 前段 先日、某WEBサイトの機能改修でサムネイルの画像サイズが微妙に異なるものを利用したいとの要望がありました。 『お。サイズ変えたいんだ。widthとheightいじってさくっとおわらせちゃお。』 WordPress中々さわる機会がなかったので、ソースを読んでびっくり。 サムネイル出力は <?php the_post_thumbnail('large-feature'); ?> と。。。 『え？画像サイズ変えりゃ済むもんじゃないんですか？』 有識者様に相談した所、新たに使いたいサムネイルのサイズを定義して、再度サムネイルを作成し、それを参照するのだそうで。。。 WordPress一年生の僕には『うわっ、面倒。。。』と少し抵抗がありました。 しかし、やってみ

デザインには意味があります。物を配置するにしても、なぜそれを配置するのか？なぜその色味なのか？なぜそこに置くのか？など、実に多くの事を考えてデザインは行われています。 そのためデザイナーが考える事は実に沢山有り大変なのですが、デザインには決められたルールという物が存在し、「こうしなければならないルール」、「こうしてはいけないルール」と言ったものが多数存在します。 デザイナーはそういったルールを知識として蓄えているので、考えるべき点を素早く整理し形にしていくことが出来るのです。 今回はそのルールについて少し述べたいと思いますので、デザインが苦手な人も是非そういったルールについて考えてみて頂ければと思います。 レイアウト ビジュアルは左、テキストは右 人間の脳は左側に配置されたものを感覚的に美しいと感じやすく、右側に配置されたものを理論的な思考で捉えやすくなっています。そのため上記のような写真

結構良さそうだったので備忘録。レスポンシブWebデザイン向けのライブラリです。モバイルのサイズになるとグローバルナビを横スライド式に切り替える、というもの。面白いですねー。 これ結構いいんじゃないでしょうか。レスポンシブWebデザインにするとどうしてもナビゲーションが縦長になりがちなのでその不満は解消できるアイデアですね。 PathやFacebookのiPhoneアプリのような横スライドメニューは使いやすいかもしれない。 Pathのようにというか、全く同じじゃないんですが、モバイルサイズになると横スライド式のメニューに変更するjQueryプラグインです。 ちょっといいアイデアですね。プラグインも圧縮版は3KBと軽量です。 タップすると左からメニューがスライドします。 手抜きで申し訳ないんですがサンプルです。 Sample※表示確認はresponsivepxを使うと楽です 実機で重いのは僕が

流行りのレスポンシブ・ウェブデザイン！ よく使われるデザインパターンを集めてみた！ 2013.01.18 | この方法お勧めです！ | サイト推薦！ tips | WordPress | ほらみんなも！ | デザイン | レスポンシブ あけましておめでとうございます！ 今いる場所がシアター！Huluの動画サイトにはまり、かなり引きこもりがちなブラウンです。　超寝不足。。。やばいです。。。 今回は流行りの【レスポンシブ・ウェブデザイン】について、デザイナー目線の記事を書こうと思います。 少し前までは『レスポンシブ！？そんなんいらんわっ！！無視や！無視っ！！』って思って勉強することから逃げていました。しかしもうダメのようです… もうIT業界では、レスポンシブ・ウェブデザインは当たり前って流れがきてます。確かにアクセス解析ではPCよりスマホやタブレットからの方が多いですし。 とにかく、今回レスポ

昨日紹介したデザインができるまでの過程をまとめたイラストが多くの反響をもらった。これを機にデザイナーに優しくしよう！ 元々@nerichichiさんという方が描いたイラストらしいのだが、その方の別の作品でクライアントが当たり前のように言ってくるデザイン修正がどれだけデザイナーにとって大変なのかを描いた漫画があったので、紹介する！これも物凄く納得感のあるイラストだ…。 密にコミュニケーションを取り、最高のアウトプットを これを見るだけでデザイン修正の大変さに納得すると同時に今後自分も発注する側として気をつけよう、と改めて心に誓った。 【img via 練乳の投稿画像】 クライアントによる大量かつ細かい要望に応えつつも複数回に渡る校正。最後にできあがったものは「絶妙なバランス」を持って成り立っているのを、根本的な要素に対して当たり前のようにデザイン修正を求めるクライアント。 もしあなたがデザイ

うおお年末ですね！いつの間にか今日が最後の平日だとは…！！今年最後の記事は、例の件の皆さんへの感謝と、この1年ウェビメモで多くの方に読んでいただけた記事をまとめてみようかと思います。 今年あったこと まずは2012年が私にとってどんな年だったかと振り返ってみます。WEBネタではないので興味のない方は下にスクロールしてくださいませww 今年は…そうだな…やはり様々な人との新しい出会いもありつつ、去年一昨年に出会った人との仲が深まった年でもありました。 6月にはWEBで知り合った方々と山梨県に合宿に行き、8月には女子写真部を立ち上げて北海道旅行、12月にはまたまた女子写真部の活動で京都大阪旅行。同じご飯を食べて一緒に寝るという行為は、こんなにも人と人との仲を深めるものなのですなぁ。来年も是非また行きたいですね！ そして例の件… まぁでも…いちばん覚えてるのは5月に旅先でまさかの緊急入院をしたこ

原宿・表参道は日本一パンケーキ店が密集しているエリア。いつも行列しているエッグスンシングス原宿店に加え今年はbills表参道、カフェカイラと海外勢の大型店が続々オープンした。 年末ということで今年食べたパンケーキを振り返ったら40店以上まわっていた。1年52週だからほぼ毎週パンケーキを食べていたことになる。 そんな@hara19jpが今年最強のパンケーキを10店、選んでみた。 インパクトで勝負！なパンケーキ：浅草「ミモザ」え〜（笑。積み上げるにも程があるのがこちら、浅草「ミモザ」の「ビッグホットケーキ」620円。ちゃきちゃきの女将さんが切り盛りしている下町の喫茶店なのだが普段3枚のパンケーキが「ほら、スカイツリーも開業したでしょ」ということで6枚重ねになったという一品。 ちなみに2人がそれぞれ頼むと2個出てくるらしいので注意w。 訪問記：積み上げるにも程がある！浅草ミモザのスカイツリーパン

数日前に話題になった、ヨーカ堂の「正社員半減」に関するニュースを読んでいたら、そのあまりにも酷い中身に腹が立ってきた。 ヨーカ堂「正社員半減」の挑戦　パートに託す命運 http://www.nikkei.com/article/DGXNASFK1902K_Z11C12A2000000/?dg=1 ヨーカ堂のやっていることは、単なる業績悪化に伴う人件費削減にすぎないのだが、それがまるで美談であるかのような書きっぷりをしているところが、いかにも日本の「労道」という感じがする。給与や待遇よりも、やりがいがある仕事を与えることが一番いい、とでも言うかのような書きっぷりである。 特に酷いと思ったのが、以下の部分。 能力とやる気を引き出すには正社員以上に強烈なインセンティブが必要だ。今回の改革でも上級職「ベストリーダー」を新設する予定だが「給与体系の見直しなどはこれから」（ヨーカ堂）。 人件費を抑えな

一年ちょっと前に 人間の視野角と矩形・解像度について考えてみた こんなことを書きまして面白いテーマだと思いつつ放置してました。 最近改めて調べるともうちょっと人間の視野についてわかったのでその辺のまとめなどを。 有効視野の中でも特に視力の優れる範囲は限られている 過去記事では主に「有効視野」と言うものについて調べ、矩形アスペクト比や解像度との関係について考えてみました。この中で「安定注視野」などという言葉も出てきて当時はその定義も良くわからないままだったのですがGoogleブックス検索で 眼・色・光 – 本書編集委員会 – Google ブックス こんな書籍を発見。で、このなかの9ページに人間の視野についてかなり詳しい解説が書いてありました。Googleブックスすげー。っていうか中見れるのすげー。 よくよく読んでみると前回調べた「有効視野」は眼球運動を含んだ認識範囲であり、さらにピンポイン

【Web制作などの依頼で「概要」しかわからないのに「とりあえず見積が欲しい」と言われたとき、私はこんなことに気をつけています】 どうもです。いきなりですが、私は毎年この年末から来年の3月末あたりまで、段階的に仕事周りが騒がしくなって来る時期だったりします。決算期の都合もあるんでしょうかねぇ。似たような状況の方も多いのではないかと思います。ほんと、最近依頼が多いです。 ところで、仕事の依頼があるって嬉しいことです。 普段あまり交流のなかった方から突然の依頼や、または、人づてで紹介を受けたりなど。紹介を受けるってことは「仕事ちゃんとしてくれるよ」ってのを認めてもらえた証拠だと思っています。本気でうれしいです。 と、ここで「依頼」についてちょっと掘り下げたいな～と思いました。本題に入る前に、少しだけ前置きにお付き合いくださいますと幸いです。 ・・・「依頼」っていろいろありますね。 「ハマる依頼」

12月も中ほどを過ぎいよいよ大掃除の時期です。一足早くゴロドク家でもお風呂の大掃除に着手しました。 お風呂掃除で厄介なのが鏡面や壁面に着いた鱗状痕。小さなシミ見たいのがポツポツと沢山付いてスポンジと中性洗剤では落としきれない憎いアイツです。 今年のお風呂大掃除ではこの鱗状痕落としのためにいろいろグッズを試してみましたのでそのレビューなどを。 1.クエン酸 ちょっと前にハテブで人気記事になってたクエン酸水溶液パック法。もしくは御酢パックや酸性洗剤パックも基本的には同様の原理。 洗っても落ちない「5大汚れ」をスッキリ落とす裏技【大掃除】 – NAVER まとめ この記事の中で紹介されてた方法で、クエン酸水溶液をスプレーしてラップでパック、半日おいて水ぶき、といった流れです。実際に試した結果はと言うと「あまりこびりついてない最近の汚れはそこそこ落ちる」という感じです。ちょっとコレだけで全部の汚れ