ウェブサイトの制作に携わる全ての人に役立つスタイルガイドを簡単に作成できる -Style Guide Boilerplate
ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します。 現役時代、独自のテンプレートを使ってましたが、こういう便利なものがリリースされる時代なのですね（遠い目 Style Guide Boilerplate Style Guide Boilerplate -GitHub Style Guide Boilerplateの紹介の前に、スタイルガイド未体験の人用にどのように役立てるか簡単に説明します。 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイトを効率的に管理する。 スタイルガイド制作のタイミングとしては、草案を制作中に作りつつ、納品時には定義が全て網羅されている状態がベストではないで
Re: WordPressで更新・お知らせ履歴を別ページで作る方法
WordPressで、更新履歴やお知らせ履歴をリスト表示したシンプルな別ページを作って、トップページやサイドバーからiFrameやphpのinclude等で呼び出したいケースがあります。 方法は色々ありそうです。私がクライアントさんのサイトで行った方法を紹介します。少々強引です。 私が実施した方法は、固定ページ内に更新履歴やお知らせ履歴のループをPHPで書いてしまう方法です。Exec-PHPプラグインを利用すれば、固定ページ内でPHPを実行することができます。 WordPressで更新・お知らせ履歴を別ページで作る方法 色々、最悪です。 まず、顧客案件で Exec-PHP を使うなんてもってのほか。 例えば、お客さんが以下のようなコードを通常記事に打ったら、MySQL のユーザーアカウント/パスワードが漏洩してしまいます。 <?php echo DB_USER ."\n"; echo DB
[CSS]パーセントで指定された正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニック
天地左右の中央に配置したい要素のサイズが幅も高さもピクセルで指定されていれば、marginやpaddingで簡単に配置できますが、サイズ指定にパーセントを使用した要素だと表示サイズに依存されてサイズが分かりません。 そんなパーセントで指定されたピクセルでの正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニックを紹介します。 デモページ：幅780pxで表示 HTML HTMLはシンプルで、中央に配置するdiv要素だけです。 <body> <div>Percentage sized and still centered.</div> </body> CSS ぱっと思いつく方法としてはパーセントをネガティブマージンで使えばいいのでは、となるところですが、ネガティブマージンを使用すると左右の中央はできますが、天地の中央がうまくいきません。 ここではネガティブマージンではなく、
"Web開発ツールを使いこなせ!"クリエイターの道具箱(6) 期待のWeb開発特化軽量エディタ、Adobe Brackets
第4回より、Web開発に特化した開発環境/エディタとして、GUI/CUIそれぞれの著名な開発プラットフォームを、第5回では最新版にて大幅にWeb開発の機能が強化された高機能開発プラットフォーム、NetBeansについて紹介しました。今回は、Adobeがオープンソースソフトウェアとして公開している軽量Web開発エディタ・Bracketsについて取りあげたいと思います。 Adobe Bracketsとは Adobe Bracketsとは、Adobeが開発・公開しているエディタです。The MIT Licenseのもと、オープンソースソフトウェアとして公開されています。Windows、Mac OS X上で動作します。 特徴は次のとおりです。 ・初期状態でHTML/CSS/JSをサポート ・ライブプレビュー、コード補完、自動インデント、JSLint ・必要最低限の機能のみを搭載。利用者が別途欲しい
会社を辞めました - 脱社畜ブログ
私事ですが、先日、2年ほど勤めた会社を退職しました。 会社を辞めた理由ですが、細かい話はまぁ色々とあって実際にはそれほど単純ではないんですが、大きく（１）そろそろ会社のハードワーキングな働き方がキツくなってきたということと、（２）会社の外で色々とやってみたいことが多くなってきた、という２点に集約されると思います。 （１）についてですが、僕が働いていた会社は、実際ハードワーキングな職場でした。もっとも、某居酒屋チェーンのようなブラックかというとそんなことはないです。お給料は仕事が忙しいぶんそれだけ高めに貰っていましたし、法令遵守も行き届いていました。タクシーで深夜帰宅する際には、タクシー代も会社から出てました。たまに、ブログの内容から僕がブラック企業で酷い仕打ちをうけながら働いていると勘違いする人がいますが、それは間違いです。以前、職業選択マトリクスという記事を書きましたが、それでいうところ
photoshopでのウェブデザインの勘どころ | バニデザノート
Photoshopで複数ページのカンプデザインを展開するとき、ファイルは一括にするのか、それとも１ページごとに作成するのか、その際共通オブジェクトをどう扱うかといったデータ・ファイル管理についてまとめてみました。また、Photoshopでのウェブデザインの際に便利そうなツールや「やり方」も合わせて考えてみました。
会社を辞める人、残る人。 | コピーライターの目のつけどころ
少し前に、僕の同期が、会社を辞めた。 彼は、新しい会社を既に立ち上げ、今はサービスのリリース準備に追われている。会社名は”KABUKU“。サービスは「rinkak」という３Dプリンターを使ったものづくりマーケットだ。 彼がやろうとしていることは、ものづくりを誰もがもっと楽しくできる社会を創ること。最近話題になっているように、3Dプリンターの技術がどんどん向上している。今後さらに安価になり、誰でも使えるようになったら、コーヒーカップとか、指輪とか、自分の等身大フィギュアとか、そういうものを誰もが気軽に自分で作れるようになる。そういう「ものづくり社会」をつくる一人になろうとしている。 ◆ 彼は会社を辞めて、僕は会社に残っている。 それに関して、モヤモヤと考えるところがあって、この記事を書いています。 会社を辞めた人間がエラいとか、すごいとか、かっこいいとか言うつもりはありません。「博報堂辞めま
特命：WordPressとMonacaを連携させてビジネスチャンスを生み出すこと
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <script src="plugins/plugin-loader.js"></script> <link rel="stylesheet" href="plugins/plugin-loader.css"> <link rel="stylesheet" href="topcoat/css/topcoat-mobile-light.css"> <link rel="stylesheet" href="css/pageslider.css"> <link rel="stylesheet" href="css/main.css"> <script src="js/fastclick.js"></script> <script src="js/pageslider.js"></script
JavaScriptで`undefined`の代わりに、`void 0`を使ったほうがいい理由 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今まで平気でundefinedを使ってましたが、underscore.jsのソース読んで、無防備にundefinedを使っちゃいけないなってことを初めて知りました。いやはや、まったくもって面目ない！ 知っている方なら知っていると思いますが、意外と知らない方も多いのでは？という意味でのプチ記事です。 void 演算子 voidは１つの式を取って、常にundefinedを返す演算子です。 例えば void 0 void (0) void 99 void "wow" void {} //すべてundefinedが帰ってくる と、このように、voidはundefinedの代わりとして使えるのが分かりますよね。 上記の理屈で行くと、そんな面倒なことをするまでもなく、undefinedを直接使えば済む話じゃあ？と思いますよね。ところが話はそう簡単ではないようです。 何故なら、なんと、undefined
感情はデザインできるのか？（How can we design human emotion?）
先日、「TEDカンファレンス」を題材にプレゼンと英語を学ぶNHK番組「スーパープレゼンテーション」に関連するイベント「第7回スーパーハングアウト of アマンダ・パーマー」に参加しました。テーマは”クラウドファンディング”。ゲストは映画『ハーブ＆ドロシー ふたりからの贈りもの』の佐々木芽生監督でした。佐々木監督は、クラウドファンディングにより2,000人近い人びとから2,200万円もの資金を集めて話題となった人で、いろいろな話を伺うことができました。 話していて気づいたのは、マスプロダクツ（量産品）をつくりマーケティングを駆使して”売る”こと自体が、曲がり角を迎えつつあるんじゃないかなということです。図にしながら考えていきたいと思います。 「ハーブ＆ドロシー」が商品だとしたら、商品の種類は「映画チケット＝2,000円」「DVD＝5,000円「グッズ＝3,000円」など全部購入してもせいぜい
驚きの対応サービス数！ Webメールの引越しには「YippieMove」が便利 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
