kjktkのブックマーク - はてなブックマーク

[報告]Chrome即反映が魅力の快適テキストエディタ『Adobe Brackets』がなかなか良い感じだったよ

先日、勉強会でAdobe Bracketsをはじめて触ってきました！私はST2に恋している身なのでそこまで興味はなかったのですｇげふんげふん！これ、使ってみたらなかなか良かったのですよ…！なので、今日はそこで学んできたAdobe Bracketsの魅力と、コーダー必須アイテムであるEmmet（Zen-Coding）のインストール方法を皆さんにご紹介したいと思います！！というわけで、@stocker_jpさんがオープンされた教室『Stocker.jp / Space 』にて行われた@glatyouさんのAdobe Brackets勉強会にいってきました。こういう勉強会に参加して、アプリケーションに触れてみるのって大事ですねー。ST2の時も触るまで微塵も興味なかったなぁ…ｗ Adobe Bracketsとは Adobeから出ている無料のテキストエディタです。CCに加入している必要はなく

kjktk 2013/09/07

Web制作

リンク

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

このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。私自身WEBシステムの制作を手がけたことはなく（ないのかよ！！と全力でつっこんでおｋ）今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。私は携われないんですけどね＼(^o^)／様々なWEBシステムのデザインよいデザインはデザインをする対象（今回はWEBシステム）のことを知らなければ出来ません。自分の考えだけでデザインをはじめると、思考の偏った使いにく～いものになってしまう恐れがありますので必ず調査をしましょう。そして、何故その要素がそこに配置されているのかを考えましょう。以下に様々なWEBシステムのキャプチャと超稚拙で言葉足らずな安易すぎる説明を掲載します。ですが、掲載されてい

kjktk 2013/03/12

リンク

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

フリーランスでWEB製作をされている@sou_labさんからドラッグ＆ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です！！ワイヤーフレームとはデザインにとりかかる前にサイトの骨組みを視覚化し、要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。実はわたしは今まで作ったことがなかったのですが、しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとはそんなワイヤーフレームですが、自分用ならともかくクライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方

kjktk 2013/03/12

リンク

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

あけましてめでとうございます。年末年始魔の9連休により完全にダメ人間化した霙(@xxmiz0rexx)です。2013年一記事目は最近出会った素敵なサイト『UICloud 』のご紹介をしたいと思います ;) 『UICloud 』は、ボタンやフォームなどの細かいパーツからダッシュボードのデザインまで幅広いUIデザインを検索でき、ありがたい事にすべてpsdデータがダウンロードできる素晴らしいサイトでございます。サイトで使われている言語は英語ですが、検索する単語は慣れ親しんだWEB用語（buttonとかsearch formとか）ですし、ライセンス表記もぱっと見て分かるところ（サイドバー最上部）にあるので特に困ることはないですね :) クオリティの高いデザインばかりなので見ているだけで刺激になりますよ！もちろん、商用利用可能なので素材をそのまま使ってもOK! いくつか見たところライセンスは

kjktk 2013/03/11

リンク

ウェビメモ

こんにちは！みぞれ(@xxmiz0rexx)です。すごいニッチかもしれないんだけど、WordPressでカテゴリ一覧を表示している時に、さらに記事を絞り込むためにタグ一覧を表示することってありますよね？そんな時はWordPress Codexにも載っている以下の方法を参考にする人が多いと思うんですが、実はこれだと下書きなどに設定しているタグも出力されてしまいます。 PHP <?php if ( is_category() ) { // 現在のカテゴリーのIDを取得 $cat_id = get_query_var( 'cat' ); // 表示中のカテゴリーに属する投稿のIDを配列で取得 $current_posts = get_objects_in_term( $cat_id, 'category' ); // 表示中のカテゴリーに属する投稿に付けられたタグの情報をまとめて取得 $cu