WordPressで一般的な企業サイトを作るときに参考になる記事WordPressでブログじゃないWebサイトを... / WordPressでのサイト構築事例を淡々と並べ... / 2012年春。wordpressで企業サイト制作...他...全5件
[CSS]正方形・ダイアモンド・台形・三角形・円・ハートなどを作り出すスタイルシートのまとめ
HTML <div id="square"></div> CSS #square { width: 100px; height: 100px; background: blue; } Diamond: ダイアモンド HTML <div id="diamond"></div> CSS #diamond { width: 80px; height: 80px; background: blue; margin: 3px 0 0 30px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin:
jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net
簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと
Web Painter
新Web Painter （ウェブペインター）はホームページ制作を支援する、色彩情報サイトです。 オリジナルカラーチャート・配色サンプル・配色テクニック・web用素材をご提案いたします。
よく使うhtaccess作成（生成）
htaccessを利用すれば、サイトの引越しや閲覧制限、パソコンとスマートフォン振り分けなどが行えます。 当サイトでは、よく使うhtaccessの書き方の解説と作成(生成)を行うことが出来ます。また、すべてにサンプルも掲載しています。 htaccessを使用するにはWEBサーバがApacheで稼働している必要があります。 htaccessとは？ 1.BASIC認証（パスワード認証） WEB上のページを開くときにパスワードを設定することで、利用者を制限する 2.ファイル一覧の表示可否 URLにディレクトリ内のファイル一覧を表示可能／表示不可を設定する 3.エラーページの設定 エラー時に表示されるページをエラーコード（httpステータス）ごとに指定する 4.デフォルトページの指定 URLにディレクトリまで指定されたときに表示するページの優先順を指定する 5.リダイレクト（引越し） サイトのUR
そんなバカな！ 有機野菜より農薬野菜の方が栄養があり、おいしいと発表される – ロケットニュース24（β）
2011年3月1日 近年の健康食ブームと相まって、その人気を高めている有機野菜。有機野菜とは、化学肥料などに汚染されていない土のもと育てられた野菜のことで、農薬を使った野菜より栄養豊富で、おいしいとされてきた。しかし、そんな考えを真っ向から否定する研究内容が発表され、世界の農家、そして消費者に衝撃を与えている。その研究...近年の健康食ブームと相まって、その人気を高めている有機野菜。有機野菜とは、化学肥料などに汚染されていない土のもと育てられた野菜のことで、農薬を使った野菜より栄養豊富で、おいしいとされてきた。しかし、そんな考えを真っ向から否定する研究内容が発表され、世界の農家、そして消費者に衝撃を与えている。 その研究を行ったのは、イギリスの「Which?」という消費者情報サイト。彼らの研究によると、有機野菜より農薬野菜の方が栄養があり、おいしいというのだ。この結論に至るにあたり、「Wh
iPhoneやAndroid向けのJavaScriptフレームワーク・Wink Toolkitが割と良かったので日本語サンプル作った - かちびと.net
iPhoneやAndroidなどの人気の スマートフォン向けのJavascript製 フレームワーク・wink toolkitを触っ てみました。動作サンプルが豊富 で割と応用できそうだったので日本 語でサンプルを作ってみました。 スマートフォン向けのWebサイトやネイティブアプリに使えそうなJavaScript製のフレームワークです。沢山の動作サンプルがあって、内容もとっても分かりやすかったので（完全ではないけど）日本語サンプルを作成してみました。 スマホ向けのWebアプリ用JavaScript製フレームワークです。 動作サンプルを日本語にしたのでお手持ちのiPhoneなどでサンプルを触りながら記事を読んでいただけると嬉しいです。 [note]お持ちでない場合でも、Safariでご覧頂くと同様の動作確認が出来ます。Chromeでも多少確認出来ました。また、デモ動画もいくつかありますので宜
2010年総まとめ：CSSの実用的なテクニック集
CSS3で何ができるの？ という時にみておきたいサイト集 ベーシックなものから実践的なテクニックまで、サンプルやコードなど実装例が掲載されているサイトをご紹介。
積極的に取り入れたい9つのCSS3（+jQuery）テクニック
CSS3（+jQuery）を使った、ちょっといいかも！と思うエフェクトを集めてみました。 まだまだ非対応ブラウザが多い CSS3 ですが、できるだけ積極的に使ってみたいなーとも思ってます。 まずはいろいろ試してみることからはじめてみましょう！ CSS3 の登場で、いろんな CSS のトリックを使ったエフェクトが考えられてます。まだまだ CSS3 に非対応のブラウザも多いので、全てを CSS3 で表現する訳にはいかないのが現状ですが、私的には積極的にどんどん取り入れていきたいなーとも思ってます。 海外ブログなどで、色んな CSS3 を使った Tips が紹介されているので、その中からいくつかご紹介します。どれもサンプルを作って試してみたものばかりです。以下の環境で動作確認もしています。 Mac : firefox、Safari、Chrome Win : firefox、IE8、Safari、
Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える
2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください！ ↑私が10年以上利用している会計ソフト！ 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLとCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa
出世のためならゴーストライターまで酷使する！自らの策に溺れた“丸投げ”副編集長の万事休す
1967年、岐阜県大垣市生まれ。2006 年からフリー。主に人事・労務分野で取材・執筆・編集を続ける。著書に『あの日、負け組社員になった・・・』『震災死 生き証人たちの真実の告白』（共にダイヤモンド社）や、『封印された震災死』（世界文化社）など。ウェブサイトでは、ダイヤモンド社や日経BP社、プレジデント社、小学館などで執筆。 はい上がれる人、はい上がれない人――「負け組社員」リベンジの十字路 格差の固定化と大不況のダブルパンチに見舞われた日本の企業社会では、「負け組社員」が続出している。労働問題に精通した著者が、徹底取材で得た生のエピソードを基に、世のビジネスマンが負け組からはい上がるためのノウハウを詳しく教える。 バックナンバー一覧 今や、管理職にはなかなかなれない時代である。最近、出版社では「プロデューサー」という、聞き慣れないポストが設けられ始めた。そこには、管理職のポストを減らそう
どんなフォームにも使えるjQueryのフォームバリデーション exValidation :: 5509
jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジンを使ってるので、ほぼ同じです。ちなみにすごい長いです。。 ルールを割り当てる際のclass名がhogeからchkhogeに代わりました。アップデートして使う場合は注意してください。 サンプル1: エラーを右上に表示 サンプル2: エラーを下に表示 トピックス ダウンロード 使い方 1. JSファイルを読み込む 2. 基本バリデーションルール 3. select, checkbox、radio、複数項目の場合 4
見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
フォントサイズを変える「大・中・小」ボタンを実装する方法
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
HugeDomains.com
5509.me