concrete5でCSSシグネチャ
今日はコードな話。 現在、仕事の合間をぬって自社サイトのリニュアル作業をしているのだが、concrete5を使ってみようかと思っている。 concrete5はオープンソースの汎用CMSのひとつ。小規模サイトの構築に向いている。 テーマの作り方はWordpressに似ている。だけどまだ日本の公式サイトのドキュメントが少ないので、いろいろカスタマイズしようと思うとちょっと時間がかかる。 というわけで、今後の自分と、似たようなことで悩んだ方のためのメモ。 body に id や class をつけて、スタイル適用の手がかりにしようというのがCSSシグネチャ。 concrete5 の場合はこんな感じで作る。 これで、idにはページそのもののファイル名、classにはその上のディレクトリ名が入る。 （homeは、idがhomeでclassが空になる） 公式フォーラムから見つけたネタでした。 Page
建築系検索エンジンKenKen!
注目イベント 古民家改修のオンラインセミナーやまもとが古民家改修の流れや実例「きたまちの家」の解説を行なっている動画です。オンライン 2023年10月17日(火) ～ 2033年10月17日(月) 建築系ウェブサイト「SuMiKa」で、やまもとが古民家改修の流れや実例「きたまちの家」の解説を行なっている動画が公開されました。実際50分ぐらい喋った内容を、時間の都合で24分に収めているのでやや駆け足ですが、その分いわゆるタイパは抜群です。よろしければ御覧ください。 注目コンペ 学生プロジェクトデザインコンペティション2024本コンペは建築業界の専門家が集まる舞台で、学生によるプロジェクトのアイデアを一堂に集め、作品の展示と公開プレゼンテーションを行い競い合います。そこで、企業と学生との新たな繋がりをつくり、企業と学生でプロジェクトを協働して進めることまでを視野に入れ、そのための縁を創る「創縁
Reggae & Soul. Gloria's Rendez-vous Sound System Internatinal Dub LP
今年も良いリイシュー作品が多数リリースされています。 "Rock A Shaka"のポッティンジャー音源や"Treasure Isle"の「Pleasure Dub」等は レアーで、かつ内容も最高でした。 が、しかし、今年のベスト リイシューはこれで決まりだ！ 今度"Pressure Sounds"から発売される 「Sound System International Dub LP」 キング タビー＆クランシー エクルズ。 サンプルを聞かせてもらいましたが、これは凄い！！ まさに、サウンド システム用のダブ。 躍動するリズム！！！ 一つ一つの音が、”立ち”まくり！ 超レアー アイテムだけど、この際そんなことはどうでもいいね。 この”音”がヤバイですよ。 ロックステディや、ヘビーなルーツ ロック レゲエ、ロッカーズのダブはたくさんあるけれど このアルバムは、いわゆるアーリー レゲエ、 初期
4大都市の”Walker”誌が共同開発した4種類のご当地ピザ「クアトロ・ウォーカー」試食レビュー
角川書店は都市情報誌として北海道ウォーカー、東京ウォーカー、横浜ウォーカー、東海ウォーカー、関西ウォーカー、福岡ウォーカー、九州ウォーカーの7種類を発行しています。今回、このうち北海道ウォーカー、東海ウォーカー、関西ウォーカー、福岡ウォーカーの4誌が共同開発したご当地ピザ「クアトロ・ウォーカー」がドミノピザから発売されたので、さっそく注文してみました。 詳細は以下から。 宅配ピザのドミノ・ピザ <ご当地満喫！クワトロ・ウォーカーの詳しい情報> ドミノピザからホッカホカのピザが到着です。 ピザは北海道ウォーカーの「北海道産 秋鮭ピザ」、東海ウォーカーの「名古屋コーチンの赤みそ仕立てピザ」、福岡ウォーカーの「はかた地どりの柚子こしょうピザ」、関西ウォーカーの「神戸長田 牛すじぼっかけピザ」の4種類。 チラシと同じ順番に並べてみました。だいたい写真のイメージと違わない品なのがわかります。 まずは
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」 終了いたしました - WebSig24/7公式ブログ
posted on 2009.09.01 2:04 2 trackbacks 代表の和田です。 第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」が盛況の後終了いたしました。当日ご参加頂いた皆さん、オンラインでご参加いたした皆さんありがとうございました。 また、マイクトラブルで開始が遅れた件、聞きにくい点があり申し訳ありませんでした。 当日資料とグループワークで発表して頂いたサイトマップは準備が整い次第、こちらで順次公開していきます。 ■変更履歴 ○9月1日：進行資料公開 今回は、WebSig初のスピーカー無し、かつ、まだ明確な答えが無い事へのチャレンジということで、モデレーターでもぎりぎりまで会議設計に悩み、皆さんから事前に頂いた課題を整理していきました。 なるべく頂いた課題を拾おうとするあまり、ちょっと盛りだくさんとなり消化不良気味なところもあったかと思い
CSSで画像を一部だけしか表示させない！！ « ウェブデザイナー的ホームページ制作最適化
CSSで画像の一部だけを表示させるには、CSSのclipプロパティを使います。何も指定が無ければ画像全体が表示されますが、CSSのclipプロパティを使うと、指定した部分を切り抜いて表示させることができます。 「rect(auto 50px 50px auto)」は、「rect(画像上端からの距離 画像右端からの距離 画像下端からの距離 画像左端からの距離)」って感じ。 <img style=”position:absolute;clip:rect(auto 50px 50px auto);” src=”http://design.web-nouhau.com/image/site/urawa-reds.jpg”> ▼切り抜き表示 ▼指定なし表示 CSS, 画像 この投稿は 2008 年 9 月 1 日 月曜日 6:43 AM に CSS カテゴリーに公開されました。 この投稿へ
input要素にも使えるjQueryのロールオーバープラグイン - Rewish
jQueryプラグインの習作をするために作成したモノではありますが、プラグイン化したことでかなり楽に使えるようになったので、気が向いたら使ってみてください。 ライブラリについて HTMLを汚さず、簡単に画像のロールオーバーを実装できます。 ダウンロード jquery.rollover.js - v1.0.4 ライセンス MIT License 主な機能 HTMLで指定するのは初期表示の画像だけ 指定された箇所でも _on が付いている画像は無視 ロールオーバー画像をプリロード 拡張子は何でもOK (png, jpg, jpeg, gif, etc…) ロールオーバー画像を示す _on の部分を自由に変更できる 使用方法 画像を用意する example.jpg をロールオーバーしたい場合は、名前の末尾に _on を付けた画像 example_on.jpg を example.jpg と同じデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ganguro Makeup Tutorial