タグ

Webデザインとwebデザインに関するtasogare30のブックマーク (86)

  • 無料WordPressテーマ「Cocoon(コクーン)」を公開しました

    SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。 以前公開したSimplicityの後継となるテーマです(※後釜ということで完全な互換性はないです)。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、「当時のWEB状況」と「最近のWEB状況」に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理

    無料WordPressテーマ「Cocoon(コクーン)」を公開しました
  • 28歳、女性、未婚、年収300万円――サイトの方向性を決める「ペルソナ」

    連載目次 Webデザイン初心者に向けて、機能的なWebサイトを作るポイントを解説する連載。今回は、「ペルソナ」を作成するときのポイントを解説します。 ペルソナとは何か ペルソナデザインとは「顧客にすべき典型的なユーザー像」を明確にすることです。名前や年齢、学歴や勤め先、ライフスタイル、交際相手など、できるだけ具体的にユーザーを定義します。そうして出来上がった人物が「ペルソナ」です。 ペルソナを定義すると、ユーザーの人物像がはっきりし、Webサイトをどう使ってもらいたいか戦略を立てやすくなります。

    28歳、女性、未婚、年収300万円――サイトの方向性を決める「ペルソナ」
    tasogare30
    tasogare30 2015/03/14
    なぜこれがアニメ・ゲームカテゴリにあるんだって思ったらペルソナだからか。
  • Laravel Meetup Tokyo Vol.3

    発表とLTをして下さる方を募集します。 ご希望の方はコメントに発表枠かLT枠かと発表タイトルの ご記入をお願いします。 集合場所と集合時間 「アーク森ビル」の1F セキュリティゲート付近の警備員がいる受付に、 14:00-14:30の間にお集まり下さい。 スタッフが誘導します。 入館には入館証が必要ですので、 エントランスで氏名を入館証にご記入いただきます。 アーク森ビルへのアクセス http://www.mori.co.jp/office/japan/arkmb/access.html (1Fはスターバックスや成城石井がある階です。間違われる方が多いのでご注意下さい。) もし、遅刻して到着された場合は下記のツイッターアカウントにツイート下さい。 迎えに行きます。 https://twitter.com/mukaken 懇親会 懇親会は同会場でおこないます。 懇親会への参加確認は勉強会のは

    Laravel Meetup Tokyo Vol.3
  • 奈良市公式サイトのパンくずが斜め上を行くヤバさな件 – Webディレクターのお仕事ブログ

    【追記】Twitterで教えてもらったのですが、13行が改善されて3行になってました。ご対応頂いた市役所のご担当者様、富士通のご担当者様、お疲れ様でした。今後とも、よろしくお願いいたします。【追記終わり】 住民票を郵送で取り寄せようと思って市役所のサイトを見たんですよ。今まで何回も見てるし別に普通のクソみたいな使いづらい行政サイトだなって相変わらず思ってたんです。でもね、あれ、これはおかしいなって、思ったんです。なんかね、変だな~って。それがね、この画像なんですよ。 委任状 – 奈良市 すっごいパンくずなんですよ…パンくずい過ぎてお腹いっぱい。マジで。 僕らの業界ってまぁどの業界でもそうだけど仕事の流儀とか、そういうのあるじゃないですか。使いやすいサイトを作りたい人、ある程度ユーザビリティを犠牲にするけどかっこいいサイトを作る人、でもこれ酷いでしょ。誰もパンくず13段にしろなんて望んでな

    奈良市公式サイトのパンくずが斜め上を行くヤバさな件 – Webディレクターのお仕事ブログ
  • 新しい技術を覚えるにはやっぱり何かを作らないとダメなんだなぁ

    モノを作る側の人間としてみればこんな事言うまでも書くまでも無いのですが、最近改めて感じ入ったことなので自戒の念を込めてポストしておこうと思います。 とあるホームページ作った 最近、仕事とは別のところでWeb制作の依頼を受けまして、ホームページを作っておりました(もうすぐ公開)。きちんとした仕事ではなく(ちょっと語弊がありますが)、友人の始めるとある教室のサイトで、製作費は相場の数分の一。 「片手間で簡単なのを作ってほしい」 と言われ予算も全てを承知で始めたことなので、こちらとしてもそれほど凝ったことはせずにチャッチャッと仕上げる予定でした。予算に合わないことをすれば身が持ちません。 が。 作っているうちになんだか興が乗ってしまい、頼まれてもいないレスポンシブ対応をしてみたり、頼まれてもいないメールフォームを付けてみたり、頼まれてもい無いことのオンパレード。 膨らむ赤字。プライスレス。 ほと

    新しい技術を覚えるにはやっぱり何かを作らないとダメなんだなぁ
  • ふつうのformをつかいたい - はまちや2 - ニコニコ超会議2012

    こんにちはこんにちは!! はまちや2 (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう? プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 日のテーマ: 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…(はいはい) フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた!) (これで送信、と…) ※エラー:住所を正しく入力してください (え、なんで!?) ※住所は全角で入力してく

  • 徳丸本に載っていないWebアプリケーションセキュリティ

    2. 日お話しする内容 • キャッシュからの情報漏洩に注意 • クリックジャッキング入門 • Ajaxセキュリティ入門 • ドリランド カード増殖祭りはこうしておこった…かも? Copyright © 2012 HASH Consulting Corp. 2 3. 徳丸浩の自己紹介 • 経歴 – 1985年 京セラ株式会社入社 – 1995年 京セラコミュニケーションシステム株式会社(KCCS)に出向・転籍 – 2008年 KCCS退職、HASHコンサルティング株式会社設立 • 経験したこと – 京セラ入社当時はCAD、計算幾何学、数値シミュレーションなどを担当 – その後、企業向けパッケージソフトの企画・開発・事業化を担当 – 1999年から、携帯電話向けインフラ、プラットフォームの企画・開発を担当 Webアプリケーションのセキュリティ問題に直面、研究、社内展開、寄稿など を開始 –

    徳丸本に載っていないWebアプリケーションセキュリティ
  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
  • jQuery Mobileのビジュアルデザインが自由に! Theme Rollerついにリリース

    Announcing ThemeRoller for jQuery Mobile! Learn more: http://t.co/LvFkbfwp or try it now: http://t.co/AeDhxKnbFri Oct 28 12:29:55 via Twitter for Macjquerymobile jquerymobile 正直なところ,正式版のリリースまで出る出る詐欺で進行するかと思っていたのですが,jQuery MobileのTheme Rollerがついにリリースされました. ThemeRoller | jQuery Mobile Announcing ThemeRoller for Mobile (beta) | jQuery Mobile 普通にカスタマイズしようと思うと,何かと面倒くさいオリジナルのカラーテーマの作成を,Webインターフェースで簡単に作れ

    jQuery Mobileのビジュアルデザインが自由に! Theme Rollerついにリリース
  • jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net

    簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと

    jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net
  • 走れメロス

    けれども邪悪に対しては、人一倍に敏感であった。きょう未明メロスは村を出発し、野を越え山越え、十里はなれた此のシラクスの市にやって来た。

    tasogare30
    tasogare30 2011/05/13
    久しぶりに走れメロス読んだけど、とてもおもしろい。何かよく分かんないけど再発見した気持ちになりました。
  • カテゴリー別配色アイデア100

    2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と

    カテゴリー別配色アイデア100
    tasogare30
    tasogare30 2011/04/27
    自分で配色を考えられるようにしたい。
  • jQueryベースのWebフォームライブラリ「jFormer」

    WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。 「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。 詳しくは以下 基的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。 多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documenta

    jQueryベースのWebフォームライブラリ「jFormer」
  • リゾレーヌ サプリを口コミだけで判断してはダメ?バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します!

    リゾレーヌ サプリを口コミだけで判断してはダメ?バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します!
  • NorenzPRO - 沖縄 ホームページ 制作 印刷 映像 TVCM

    │創業・生業支援 −広告キット │ ├ アド・ツールズのコンセプト │ ├ WEBソリューション │ ├ 印刷広告/プレス広告 │ ├ テレビCM/ラジオCM │ └ 出張サポート ■AD-EDIT3[スマホ・携帯対応CMS] ■フリーCGIダウンロード ■Whois-IPドメイン検索 ■業務内容 ■会社概要 ■アクセスマップ[GoogleMapAPI] ■お問い合わせ ■弊社メールサーバご利用のお客様へ ■採用情報 【競争入札における下請業務について】 弊社では、嘱託業務を積極的に行っており、競争入札用の下請単価も設定しております。 多くの実績では、ウェブサイト構築から、映像制作、ウェブシステム構築、全文検索システムなど幅広く請け負っております。 入札前に、いちどご連絡ください。 入札説明会の時点で不安であれば、弊社スタッフも同行いたします。 ※必要であれば、弊社スタッフが記名された御社

    tasogare30
    tasogare30 2011/04/07
    ウェブ上にあるフリーのテンプレートなどと合わせて使うのが簡単にできて楽です。静的なところはHTMLとCSSでゴリゴリ書いちゃってもいいし。シンプルに泥臭いことができる感。
  • 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α

    「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ

  • CSSでアイコンをデザイン

    ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ

    CSSでアイコンをデザイン
  • Top - FireMobileSimulator.org

    FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは? FireMobileSimulatorは、主要3キャリア(DoCoMo/Au/SoftBank)の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ

  • example.com - Wikipedia

    example.com, example.net, example.org, example.eduは、ソフトウェアドキュメンテーションやドメイン名の例示のために予約されているセカンドレベルドメインである。 .com, .net, .orgのセカンドレベルドメイン"example"は、1999年に RFC 2606 第3章にてInternet Engineering Task Force (IETF) によって予約された[3]。.eduのセカンドレベルドメイン "example" は、2000年にInternet Corporation for Assigned Names and Numbers (ICANN) によって予約された。 これらのドメイン名が予約されていることによって、マニュアルやソフトウェア構成のサンプルでこれらのドメインを使用することが可能である。すなわち、エンドユーザー

    example.com - Wikipedia
    tasogare30
    tasogare30 2010/10/20
    >>example.com および example.net, example.org は、 RFC 2606 の 3 章で予約されているセカンドレベルドメイン名である。 これらはソフトウェアドキュメンテーションにおける例示のために使われるもので、実際に登録することはできな
  • 「例」を書くときは example.com を使いましょう

    Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Anti Wrinkle Creams Best Penny Stocks song lyrics Contact Lens Top 10 Luxury Cars Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy

    tasogare30
    tasogare30 2010/10/20
    そーなのかー