この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起こしたものです。 当日はたくさんの方にお越しいただきありがとうございました。 会場に入れなかった方もいらっしゃったそうですみません。 この記事で、少しでも内容を共有できればと思います。 このセッションでは、オリジナリティのあるWordPressサイトのテーマをデザインする際に私が気をつけていることについてお話させて頂きます。 このセッションでお伝えしたいことは「4つ」あります。
いずれも、私がオリジナルのWordPressテーマをデザインする際に気をつけていることです。 このセッションで伝えたいこと このセッションでお伝えしたいことは「4つ」あります。
いずれも、私がオリジ

サイトのデザインを変更しようかと思ったのですが，自力でデザインを考えるのは限界があるのでフリーの HTML/CSS テンプレート集をざっと探してみました．尚，どのサイトが人気なのか分からなかったので，各種ソーシャルメディアのカウントを取得して併記してみました．海外サイトばかりなので，SBM としてははてなブックマーク以外に Delicious のカウントも取得しています． 掲載されてあるデザインはまったく見ずに，サイトの使いやすさ（と言うか「広告の少なさ」かな）だけからの感想ですが，個人的には http://www.solucija.com/ が使いやすいかなぁと言う気がしています． URL Delicious Hatena Twitter Facebook 1 http://www.oswd.org/ 24,170 951 471 1,002 2 http://www.freecsste

とある知り合いのブロガーから、「管理人さんは記事を書くときどんなツールを使っているんですか？」を質問を受けました。本当は個人的な返信にとどめるつもりでしたが、もしかすると他にも知りたい人がいるかもしれないので、私的な備忘録としての意味合いもかねて、記事としてまとめておきます。 さて、私自身はブログを書くときにブログエディタのような特別なソフトを使っているわけではなく、誰もが知っているようなきわめてオーソドックスなツールしか使っていません。なので、単にそれらを紹介するだけでは何の面白みもありませんが、長いブログ運営の経験から、効率的に記事を作成するために多少は自分なりに工夫している部分はあります。 そこで今回は、使用ツールの紹介と併せて、「ブログ記事を効率的に作成するために、それぞれのツールをどんなふう活用しているのか」ということについても少し書いてみました。なお、私はWindowsとMac

こんにちは、＠IT編集部の西村賢です。IT系のオンラインメディアで編集・記者をしております。タイトルに「ど素人」と書くと、ちょっと嘘になるので「素人」と書きましたが、素人がWebアプリを作ってみた体験談と感想を書いてみたいと思います。「オレもプログラミングを勉強して何か作ってみたい！」と考えている人や、「自分でサーバを借りて何かやってみようと思っていたんだよね」という人の参考になれば幸いです。 去年の夏、Webアプリケーション開発フレームワークのRuby on Railsのことを調べていて「面白そうだな」と思い、ドキュメントに従ってサンプルアプリをいくつか作ってみました。作ったり壊したりしている間に、こう思いました。 「あれ？ これなら自分が欲しかったサービスが作れちゃうんじゃないの？」 で、「Worklista」（ワークリスタ）という名前のWebサービスを作りました。3カ月ほど前から親し

ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa

ブログのアクセスアップをしたい人！SEOツールはいくつ使っていますか？ 今回は「ブログのアクセスが伸びない...」と悩んでいる方向けに、数あるSEOツールの中から実際に使ってみて役に立ったサービスを厳選してまとめてみました！ 僕もアフィリエイト収益は月300万円を越えているので、アフィリエイターの人は特に使った方がいいですよー！ そもそもSEOツールで何を調べるの？ ツールの紹介の前に「そもそもSEOツールで何を調べるのか」を少し説明したいと思います。 SEOツールは５つの目的で使い分けます。 自分のサイト分析 ライバルサイトの分析 検索順位のチェック キーワード選定 ブログの改善方法 自分のサイト分析 SEO対策をする最初のステップは、自分のサイトの現状を知ることです。 自分のサイト分析をするには、SEOツールを使って次の8つの情報を入手します。 訪問者数 ユニークの訪問者数 PV数 平

JPEG画像を劣化させずに軽量化するサービスがスゴすぎると話題に Tweet 1：名無しさん＠涙目です。(東京都)：2011/09/07(水) 03:19:18.95 ID:ejyZxZDn0 JPEG画像を劣化させずに軽量化する『JPEGmini』がスゴすぎる 2011.09.05 [Mon] JPEG画像を劣化させずに約80%ほど軽量化する『JPEGmini』が素晴らしいということで。 Original さっそく試してみる。建設中のスカイツリーの写真(元データは解像度4,672×3,104の6.6MB)の解像度を 横560pxにして、最高画質で書き出すと容量は122KBになった。 JPEGmini これをJPEGminiのサイト上で圧縮してもらったのが↑。どこにも変化がないように見えるが、容量は約4分の 1の30KBとなった。 一部を拡大してみました。処理の具合が若干確認できるけど、気

以前ご連絡を頂いたフォントポ日本語の 作者さんから新作のお問い合わせを頂 いたのでご紹介。やわらかい印象の明朝 系フォント、「はんなり明朝」です。こちら も商用で利用できるとのことです。なんとも 太っ腹ですね・・ フォントポ日本語の作成者さんからまたまたご連絡いただきました。いつもありがとうございます:D 商用で利用できる日本語フォントに新しく仲間入りです。 かわいいですねーｗきりっとした印象の明朝ですが、こちらは少しふんわりとした印象を与えられそう。明治時代の築地体を参考に作られたそうですよ。 利用規約 利用規約は 当サイトのフォントはすべて無料です。個人・商業用途での利用について特に制限はございませんので、どうぞお気軽にご使用ください。ただし、フォントデータの改変はおやめください。また、フォントの使用によって生じたいかなる結果や損害につきまして、一切の責を負いませんのでご了承ください。

ウェブサービスは星の数ほど存在するが、注目を集め、盛んに利用されているものは限られている。幅広い選択肢がある中で、使われるサービスと使われないサービスの分岐点はどこにあるのだろうか。 8月29日に開催されたイベント「Startup Dating（スタートアップ・デイティング）」では、そのヒントを見つけるべく、「あの有名サービスは何を考えて作られているのか」をテーマにしたパネルディスカッションが繰り広げられた。 パネルディスカッションに参加したのはkamado代表取締役の川崎裕一氏、クックパッド技術部長の井原正博氏、ロケットスタート代表取締役の古川健介氏の3人。モデレーターはユーザーローカル製品企画・開発担当の閑歳孝子氏が務めた。登壇者らのやりとりから見えてきた「使われているウェブサービスの設計に必要な要素」をここで紹介したい。 「どんな人が使うのか？」を具体的に考えて作る 閑歳氏はまず、最

2011年09月02日22:02 by tkfire85 フリーでOK！日本語も漢字も使える手書き風フォントのまとめ。 カテゴリ管理人　雑談 tkfire85 【関連記事】 ・「超基礎」高校英語で学ぶ全英語文法をまとめてみた。 ・知らなきゃ危険！コンビニから学ぶ「買わせる」７つの心理テクニック ・フィンランドの小学5年生がまとめた議論のルールが凄い。 ・楽天から届く迷惑な「メールマガジン」を一括で解除する方法。 ・脳外科医が直伝！脳が変われば人生が変る。ー　脳に悪い７つの習慣 ・たった1分で人生が変わる片づけの習慣 ・孫正義が自然エネルギー参入で狙う真の標的 ・もうダメだ！と思った時、あなたの心を救う魔法の7つの言葉。 ・本当は教えたくない！1年365日ブログを更新し続ける僕のアイディア術。フォントには沢山の数があります。よく明朝体とかゴシック体とか言いますが、使用場所や用途に応じて使い分

レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ

電子書籍出版社のNEXTBOOKは9月1日、マークアップ言語を利用したiOSアプリ開発ツール「NextScript1.0」を無償公開した。法人、個人を問わずあらゆる利用が無償で、開発したアプリやプラグインの販売も自由。 NextScriptは、HTMLライクなマークアップ言語を利用することで、Objective-C言語を使わずにiOSアプリを制作できる。同社の電子絵本アプリの制作を効率化するなかで作られ、「クリエーター自身がスクリプトを書けることを狙って開発された」という。 徹底的に簡素化したスクリプトが特徴で、オブジェクトのクラスは17種類、ロジックを記述する構文は5種類のみ。HTMLやActionScriptなどの経験が多少でもあれば、1日で習得が可能という。メモリ管理をスクリプトエンジンが行うため、メモリ管理の知識が不要なのも特徴だ。ビルドの際にはXcodeが必要となる。 デフォルト

Windows/Mac/Linux：『Komodo Edit』は、多種多様のスクリプト言語に対応し、パワフルなカスタマイズオプションやアドオンオプションも用意されている無料のクロスプラットフォームテキストエディターです。まだ試したことのないコーダーの方は、是非チェックしてみてください。 ある程度コーディングを行なっている方ならば、お気に入りのテキストエディターの一つや二つあるかと思います。米Lifehacker編集部的にはWindows用なら『Notepad++』、Mac OS X用なら『TextMate』がオススメですが、直感的操作が可能なインターフェースを持ち、WindowからMac、Linuxなどへジャンプできるエディターをお探しであれば、Komodo Editがオススメです。 また、JavascriptやPHPだけでなくRubyやPythonも使うことがあり、将来的にはPerl、T

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

携帯販売ランキングによれば、最近の人気携帯はスマートフォン一色。メーカーから様々な機種が発売され、iPhoneだけでなく、Androidもすっかり一般化してきました。 そこで気になるのが、Webサイトのスマートフォン対応。PC版のままでも見られなくはないですが、やっぱり画面サイズが合わずに文字が小さすぎたり、画像がはみ出したりするのは親切ではありません。 とはいえ、スマートフォンにはOSやバージョンがたくさんあって、検証も大変そうだし、対応するには結構お金もかかるだろうし...と、二の足を踏んでいる方も多いと思います。そういった方々へオススメなのが、「DudaMobile」です。 DudaMobileを使えば、URLを入力するだけで、あっという間にiPhone/Android/BlackBerry/Windows Phoneに対応したスマートフォンサイトが完成します！ DudaMobile

cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le