WEBに関するsosieteのブックマーク (15)

  • Webデザイナーが覚えておく、代表的なライセンスまとめ|Web Design KOJIKA17

    非常に緩いライセンスです。 1999年までのBSDライセンスには、初期開発者を表示する宣伝条項が含まれていました。 現在はこの宣伝条項のない新しいBSDライセンスを修正BSDライセンス (New BSD License)あるいは三条項BSDライセンス (3-clause BSD license) と呼ばれています。 BSDライセンスをベースに作成されたBSDスタイルのライセンスも多く存在します。 例として、Apache Software License, Sendmail License, PHP License, Python Licenseなど多く存在します。 三条項BSDライセンスの表記例 三条項BSDライセンスのテンプレートがありますので記載致します。 以下のような表記がある場合、三条項BSDライセンスとなります。 Copyright (c) <YEAR>, <OWNER> All

    Webデザイナーが覚えておく、代表的なライセンスまとめ|Web Design KOJIKA17
    sosiete
    sosiete 2011/01/17
  • より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net

    cssやプログラミングマークアップをより早く Web制作を少しでも効率化しよう と思って(今更)いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 Web制作を少しでも効率化しよう と思って(今更)いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding(家)HTMLコーディングが3倍速くなる?「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図

    より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
    sosiete
    sosiete 2010/06/09
  • シンプルなデザインの各種コンテンツが揃ったウェブサイトの無料テンプレート -Aurelius

    ビジネスサイトでも、個人のポートフォリオサイトでも無料で利用できるスタティックなテンプレートファイルをNettuts+から紹介します。 Free "Aurelius" Website Template テンプレートは、XHTML 1.0 Transitional、CSS2.1(一部CSS3)を使用しており、上記キャプチャのインデックスページではjQueryで打ち出しの要素がアニメーションで回転します。 テンプレートファイルには各種コンテンツ用のものが用意されており、配下ページは下記のものが揃っています。

    sosiete
    sosiete 2010/05/06
  • WEB系フリーランスの為の見積書と請求書の話|ホットココア社長日記

    ”寂しい”をテーマにコミュニティサイトを運営するホットココアという会社の代表取締役をやってます。 【連絡シル!】090-2033-5444 / お問合せフォーム / Skype:hiroru123 / tiwtter 【個人運営】非モテSNS/ぽっちゃりSNS 【会社運営】非モテタイムズ 【連載】コラム 【紹介】歴史 つい先ほど、採用についてのエントリーを書いたのですが、今日は結構寝て頭がさえてるのでサクサク書きます。 株式会社ホットココアという会社設立をして 自社にはディレクターしかおらず、とはいえデザイン、コーディングを 社内で抱えるのは難しいので、フリーランスの方に依頼することが多いです。 ※プログラマーさんは、可能であれば社内採用を考えているのですが、 なかなかプログラマーさんって少ないんですよね。。。ご応募待ってます。 フリーランスの方とよく話で詰まること僕も、過去

    sosiete
    sosiete 2010/04/07
  • Photoshopの光のエフェクトチュートリアル集:phpspot開発日誌

    15 amazing light effect tutorials in Photoshop | MachoArts Photoshopの光のエフェクトチュートリアル集が公開されています。 光をテーマにしたブラシ等も人気ですが、光をPhotoshopで1から描画していくという部分もなかなか綺麗でいいですね。 次のような美しいグラフィックス作成のチュートリアル集です。 光がなかったらどんな感じか、ということを考えると光とはなんと素晴らしいものだろう、と思ってしまいますね。 関連エントリ 光が超カッコいいPhotoshopのブラシ色々まとめ 美しい光のエフェクトを画像に加えるPhotoshopチュートリアル集 光のモーションで画像を超カッコよくするPhotoShopチュートリアル

    sosiete
    sosiete 2010/04/05
  • IE6、7でも動いてくれる&実用性の高そうなjQueryプラグイン30個まとめ

    cssやプログラミングIE6でも動くjQuery 使いやすそうなjqueryプラグイン をまとめました。最低でもIE6でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな(適当)。 デモで画像が透過されていないのもありますが、他のjsライブラリでIE6でも透過可能(DD_belatedPNG.jsとか)なのでそこは抜きにして動作する事を条件に挙げています。主観入

    IE6、7でも動いてくれる&実用性の高そうなjQueryプラグイン30個まとめ
    sosiete
    sosiete 2010/03/30
  • 配色パターンからWebデザインを考える

    2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト! まずは色彩の三属性について 色は彩度・明度・色相の三属性(三要素とも呼ぶ)から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い=明るい色はさわやかで爽

    配色パターンからWebデザインを考える
    sosiete
    sosiete 2010/03/23
  • http://e0166nt.com/blog-entry-748.html

    http://e0166nt.com/blog-entry-748.html
    sosiete
    sosiete 2010/03/18
    これは良いまとめ記事だ
  • [CSS]CSS3の効果的な使い方と陥りやすいワナ

    CSS3で何ができるのかという「CSS3で何ができるの? という時にみておきたいサイト集」という記事をとりあげました。 今回は、そのCSS3を実際どのように使うのか? ウェブページに効果的に使用した例、陥りやすいワナとその対処方法をWeb Design Wallから紹介します。 CSS3 Examples and Best Practices 下記は各ポイントを意訳したものです。 はじめに テキストのエンボス効果 繊細な角丸とシャドウ アニメーションで回転するDVD 半透明のバー 角丸 微妙なテキストのシャドウ 陥りやすいワナと対処方法 はじめに CSS3の人気はいっそう高くなっています。実際CSS3の新しい機能はウェブに多くの新しい可能性をもたらします。 しかしながら、CSS3はまだ完全にすべてのブラウザにサポートされていないので、あまり興奮しないでください。 だからといって、CSS3を

    sosiete
    sosiete 2010/03/04
  • Webデザインがつまらなく見えてしまう理由

    魅力が伝え難いWebデザイン Webデザインを説明するのは非常にやっかいです。このサイトでも何度も取り上げては書き続けていることですが、上手く説明しきれていない部分は少なくありません。 最近よく感じることが Web サイトの魅力を伝えるのは難しいということと、そもそも「魅力・良さ」という部分も人それぞれであるという点です。いろいろな意味が含まれていると思いますが、Web における「魅力・良さ」は、見た目や動きに集約されることが多いです。 ときどき、Webデザイン専門学校の先生とお話をすることがありますが、HTML の勉強をずっとしてても、最終的に出て来る作品がフルFlashということがあるそうです。当然 Flash サイトが魅力的ではないわけはありません。良い Flash サイトもたくさんあります。学生さんが Flash を選んだ気持ちも分かります。パッと見たときの魅力やインパクトは Fl

    Webデザインがつまらなく見えてしまう理由
    sosiete
    sosiete 2010/03/04
  • デザインや使いやすさよりも、はるかにSEOやSEMにお金が流れ易いジレンマ

    実際に優れたレスポンスを持ったwebデザイナーがいたとしても、優れたSEO、SEM能力が高い人間にわれてしまうジレンマが、現在のweb業界なのかもしれない。 こんな事をいうwebデザイナーに会った。 大事なのはデザインではない。使いやすさもおまけだ。アクセス数の高いホームページで、リピーターを引き付けるサイト。そんなSEOやSEMを歌う連中にばっかりお金が流れていって、デザイナーはどんどんわれていくんだ。もうダメだ。webデザイナは。 つまり 露出回数を上げるスキルリピート力この二つがあれば、web制作費が多少高くても勝ち取れる、というのだ。 なかなか興味深い話だった。 webデザインとはなんなのか 制作を「依頼」する側にある欲求は実にシンプルだ。 「コストがかからず」「カッコ良く」「見やすく」「売り上げが上がり」「問い合わせがバンバンくる」 こんなサイトをご要望だろう。 制作に関して

    デザインや使いやすさよりも、はるかにSEOやSEMにお金が流れ易いジレンマ
    sosiete
    sosiete 2010/03/04
    でもやはりSEOの方が重要だよね
  • webデザイナーのためのjQueryベストプラグイン&チュートリアル10個

    かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります

    webデザイナーのためのjQueryベストプラグイン&チュートリアル10個
    sosiete
    sosiete 2010/03/04
  • Illustratorで文章を扱うとき(文字組版) - DTP Transit

    Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置(行頭行末揃え/ジャスティファイ) 禁則 文字組み(約物前後や和欧間のスペースの設定) 逆を言えば、Illustratorではポイントテキスト(文字ツールでクリックして入力したテキストオブジェクト)を前提としています。 デフォルトの[行送り]は、文字サイズの175%に設定されています。「(14.4pt)」のように()付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日語では150-190%程度に設定します。 [段落]パネルの[均等配置(最終行左揃

    Illustratorで文章を扱うとき(文字組版) - DTP Transit
    sosiete
    sosiete 2010/03/04
  • Firefoxと完全互換の高速起動が可能な軽量ブラウザ「Pale Moon」 | フリーソフトラボ.com

    Pale Moon 「Pale Moon」はFirefoxと高い互換性を持つ、高速起動が可能なオープンソースのウェブブラウザです。Firefoxの最大の欠点と言えば、何と言ってもとにかく起動に時間がかかること。最近ではChrome拡張機能に対応してきたこともあり、豊富なアドオンで自由に機能を追加できるというFirefox独自の優位性が失われつつある今、ヘビーユーザーの間でもより起動の速いChromeへの乗り換えが進んでいる傾向にあるようです。 そんなFirefox最大の欠点である起動の遅さですが、こういった問題点を改良してアドオン等の互換性はそのままに、よりユーザーの視点に立って使いやすく軽量に再設計されているのがこの「Pale Moon」というブラウザです。基的なデザイン、機能からインターフェースまでほとんどFirefoxと同じで、起動や動作が速くメモリの消費も少ないという、ツボを押

    Firefoxと完全互換の高速起動が可能な軽量ブラウザ「Pale Moon」 | フリーソフトラボ.com
  • 2010年、押さえておきたいウェブデザインのトレンド

    CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。 Design Trends (Predictions) in 2010 下記は、各ポイントを意訳したものです。 元記事では、サンプルも豊富に掲載されています。 はじめに 1. セリフフォント 2. 大きい見出し 3. 埋め込みフォント 4. 繊細なテクスチャ 5. ミニマリストとグリッド 6. CSS3 7. モバイル対応 はじめに 2010年はウェブデザインが今まで以上に刺激的で試行錯誤に満ちたものになるかもしれません。 HTML5、そしてCSS3の魅力的な新機能をデザイナーとデベロッパーが巧みに取り入れようとしています。 去年からのトレンドだと、現在は手描き風や大きい背景は少なくな

    sosiete
    sosiete 2010/01/25
  • 1