タグ

ブックマーク / www.webcreatorbox.com (8)

  • CSSすら不要!detailsとsummaryタグで作る簡単アコーディオン

    2018年11月14日 CSS, HTML 長い文章や補足説明をアコーディオン(折りたたみ)にしたい時ってありますよね。そんな時に使える details と summary タグを紹介します。CSSなしでも実装できますが、CSSを加えてより素敵な表現をする方法も挑戦しましょう! detailsとsummaryタグの基的な使い方 details タグで囲んだ部分がアコーディオンとして設定されます。その中に summary タグで最初から表示させておきたい部分を囲めば完成! summary タグの部分をクリックすると、詳細文が表示されます。 HTML <details> <summary>Adobe Photoshop</summary> 画像編集ソフト。写真やイラスト、3Dアートワークの作成、webサイトやモバイルアプリのデザイン、動画編集や描画などはPhotoshopで。 </detai

    CSSすら不要!detailsとsummaryタグで作る簡単アコーディオン
    minamishinji
    minamishinji 2018/11/14
    こんなんあるんや。
  • 和風デザインWebサイトの制作ポイントや素材を実例とともにまとめました

    2017年7月14日 Webデザイン, ダウンロード, 色彩 今月はじめに初めて箱根旅行で洗練された美しい温泉宿に宿泊して以来、「和」な雰囲気やデザインの素晴らしさに魅了されたManaです。伝統的な配色や配置、書体等、見ていて飽きの来ない魅力がありますよね!和風デザインには大きく分けて4つの特徴があります。それぞれの特徴を理解し、うまくデザインに反映していきましょう! ↑私が10年以上利用している会計ソフト! 1. 配色 「和風デザイン」と聞いて思いつくのはどんな色でしょうか?おそらくビビッドなピンクや透き通るような水色ではなく、わさびやからし、えんじのような、少しくすんだ色合いを思いつく人が多いかと思います。日には伝統的な色や配色というものが存在し、それらを上手に使うことでグッと和の雰囲気漂うデザインに近づきます。 伝統色 日の伝統色 和色大辞典では日の伝統色をカラーコードとともに

    和風デザインWebサイトの制作ポイントや素材を実例とともにまとめました
  • 世界各国のWebデザインと日本のWebデザインの特徴

    2013年10月29日 Webデザイン, 海外情報 私は今まで日、カナダ、オーストラリア、イギリスと、4カ国での滞在経験があるためか、各国のデザインの違いについて尋ねられる事があります。しかし日以外のすべての国は英語圏。Webデザインでいえば違いを感じたことはあまりありませんでした。そこで今回は今まで触れる機会のなかった言語圏のWebサイトを比較しました。アメリカ、フランス、サウジアラビア(中東)、中国、そして日。それぞれのデザイン事情の違いを知って、日Webデザインについても考えてみたいと思います。 ↑私が10年以上利用している会計ソフト! マクドナルド アメリカ 現在は全体的に濃い青をメインに使っていますが、これはキャンペーンによって変更されます。ナビゲーションバーやページしたのバナーエリアは基的に固定。 例えば別のプロモーションページではこんな感じ。一番見せたいものをひと

    世界各国のWebデザインと日本のWebデザインの特徴
    minamishinji
    minamishinji 2013/10/29
    日本っぽい。空白の使い方がうまくない、というのはWebデザインだけでなく、街づくりにも通じるんじゃないか。昔の日本はそうじゃなかったと思うから、メッシーなのはシニア向けというのは違うと思う。
  • Webクリエイターボックス + | Blog | BuddyPressで使える便利なプラグイン

    Mana はブログ投稿を書きました: BuddyPressで使える便利なプラグイン BuddyPressには素敵なプラグインがたくさんあるのですが、日語で紹介しているページが結構…というかかなり少ないのでまとめてみます。Webクリエイターボックス+で使用中のものもあります!試してみてください。 便利なプラス機能 SEO For BuddyPress All in One SEO Packに代わるBuddyPress専用SEOプラグイン。 ダウンロードはこちらから BuddyPress Mobile Webクリエイターボックス+でも使用中。サイトをスマートフォンでの観覧に最適化するプラグイン。 ダウンロードはこちらから BuddyPress No Mentions BuddyPressのデフォルトで付いている機能、「@呼びかけ」って必要あるの??という方には便利な、@呼びかけを解除するプラ

  • Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス

    2017年6月29日 Webサイト制作, Webデザイン 最近会社でFacebookページを作成する事があり、楽しくてすっかりハマってしまったManaです。そのノリでここWebクリエイターボックスのFacebookページも作ってみました。そこで、Facebookページ作成中に役にたったコードやプラグイン・サイトを紹介します。 ↑私が10年以上利用している会計ソフト! ※これは2010年に書かれた古い記事です。更新記事「Facebookページの作り方 2012年1月版」をご覧ください。 Facebookページのカスタマイズ概要 Facebookページの基的な作成手順についてはかちびと.netさんが詳しく解説しています。なので、ここではFacebookページをHTMLCSSでカスタマイズできるFBMLというアプリケーションやその他のプラグインを使った、もう少し踏み込んだFacebookペー

    Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス
  • オリジナルテーマの作り方 3.0+

    2014年8月22日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。2010年1月に書いた記事とはバージョンが違い、コードも変更されたため、新たに記事にしてみました。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 ↑私が10年以上利用している会計ソフト! WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする WordPress オリ

    オリジナルテーマの作り方 3.0+
    minamishinji
    minamishinji 2011/02/18
    テーマのつくり方。
  • 少しのコードで実装可能な20のjQuery小技集

    2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! ↑私が10年以上利用している会計ソフト! 追記:この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です!詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基的な使い方 まずはjQuery家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます

    少しのコードで実装可能な20のjQuery小技集
    minamishinji
    minamishinji 2011/01/24
    いつか見るかも、ということで記憶。
  • WordPressプラグイン「BuddyPress」でSNSサイトを作成

    2017年6月29日 Wordpress SNS(ソーシャルネットワーキングサイト)でユーザー同士がコミュニケーションを取れるサイトを作りたい!そんな時に役立つのがWordPressプラグイン「BuddyPress」。メンバーになると友達の申請やメッセージの交換、グループ(コミュニティ)の作成など、Mixiライクなサイトを作ることができます。さらにWordPress3.0のマルチサイト設定をすれば各メンバーがブログの作成可能!そんな便利なプラグインを紹介します。 ↑私が10年以上利用している会計ソフト! BuddyPressでSNSサイトを構築 目次 BuddyPressでなにができるの? BuddyPressをインストールする WordPress3.0でマルチサイトの設定 フォーラムを追加する BuddyPressのテーマを変更する 1. BuddyPressでなにができるの? Word

    WordPressプラグイン「BuddyPress」でSNSサイトを作成
    minamishinji
    minamishinji 2010/10/22
    buddyPressのフォーラムの文字化けの対策。そうなのか…。
  • 1