今見ているページのURLに更にパラメータを追加してソートや表示件数の変更を行いたかったので、何か便利な関数ないかなと公式のリファレンスを見ていたらそれっぽいものを見つけました。 やりたいこと カラーが赤の投稿を表示するURLが以下とします。 ※ 普通はhttp://wp.example.com/color/red/になると思いますが、サンプルなのであえてこうしてます。 http://wp.example.com/?color=red これから更にカスタムフィールド「レート」が高い順にソートする場合は以下のようなURLになります。 http://wp.example.com/?color=red&meta_key=rate&orderby=meta_value_num&order=DESC 静的に表示するだけであれば直接入力で問題ないんですが、ユーザの選択にあわせて動的にパラメータを追加
Webデザインに”デザインセンス”は必要か? | takashi178.me 上のエントリを読んでガラにもなく感化されたので、普段Webデザインについて個人的に思ってることをまとめてみる。 チラシの裏にかいても字が汚くて自分でも読めないのでブログに書きます。 文章能力皆無なのでおかしくてもスルーしてね☆ミ いきなり結論 結論から述べると概ね元記事のとおりですが、デザインセンスが必要か?と尋ねられたらある程度は必要と答えます。 個人的には知らないことが多ければ多いほどデザインセンスは必要になり、逆に知れば知るほどデザインセンスは必要ないと考えています。 ぼくがかんがえるさいきょうのデザインセンスとは デザインセンスってなによ?っていうところがあるので、曖昧で定義しようがないと思いますが、話を進めやすくするためにも勝手に定義します。 一般的なWebサイトのデザインは、その時の流行りや技術な
知り合いが便利そうなものを作っていたのでご紹介します。 Web制作時によく使う機能をひとまとめにしたjQueryプラグインです。 読み込むjsのファイルが増えてきたり、その都度追加していくのが面倒だなと感じてきていたのでこういうのは非常に助かりますね。 Laquu.js 個人的によく使う機能 アコーディオン ドロップダウン ブランク XHTMLで非推奨とされているtarget属性の代替となる機能です。 個人的にはJSで実装するなら非推奨でも入れてしまいますが… ちなみにHTML5ではtarget属性は復活しています。 スクローラー ページ内リンクのスムーススクロールを実装する機能です。 スクロール2ビュー スクロールを検知して指定要素を表示/非表示してくれる機能です。 イメージオーバー そのうちプリロードしてくれるようにするそうです。 ツールチップ コナミコマンド ネタ機
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
参考 プログラマの嫁が知るべき97のこと | Life like a clown Webデザイナーバージョン作ってみた。 さすがに97個は思いつかなかったので71個で。 何か追加したいことがあればコメントください。 Adobe製品以外の使い方はよく知らなかったりするのでOfficeについて聞いてはいけない あ、その作業は事務のお姉さんの方が得意だと思います ペンタブをもっていても絵が書けるわけではない チラシなんかも作れるわけではない デザイナーといってもファッションセンスが良いわけではない カナ入力に変えたら必ずローマ字入力に戻しとけ Amazon で買っているのは技術書だから、別に中身を確かめる必要はない 買い物は主にAmazon 無料やフリーという言葉に弱い JavaScriptをJavaと略してはいけない gifをギフと言ってはいけない 旦那の前ではホームページと言ってはいけな
フレームワークやらライブラリやら、色々触る機会が多いですよね。 そうやって色々触っていると「あれ、あの関数なんだっけ」みたいな事がよくあります。 そういう時に便利な各種チートシートをまとめてご紹介します。 上はデザイナー向け、下へ行くほどデベロッパー向けになります。 Photoshop Keyboard Shortcuts 忘れがちなショートカット。Win/Mac両対応。 Color theory 壁紙用サイズも多数あります。 Periodic table of typefaces よく使われるフォントを元素周期表にはめ込んだモノ。ぱぱっとどんな感じのフォントなのか確認するときに良さそう。 Git Cheat Sheet Wallpaper どこに入れるか悩んだけど、皆使うべきなのでここにおいとこう。 Ultimate HTML5 Cheatsheat HTML5について網羅したチート
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く