タグ

web制作に関するji_kuのブックマーク (30)

  • クールな企業サイトを作るのにぴったりなCMS·TypePublish CMS MOONGIFT

    個人であればブログを使った自己紹介サイトもありだろう。だが企業が自社のWebサイトを作るのにブログは使えない(社長ブログはありだが)。やはり自分たちの紹介やサービス説明、コンタクトフォーム等が欲しいだろう。 ユーザサイト 一般的なCMSを使ってもできるだろうが、最近のデザインにしたければやはり専門のCMSを使うのが良さそうだ。 今回紹介するオープンソース・ソフトウェアはTypePublish CMS、企業サイト用CMSとでも言うべきソフトウェアだ。 TypePublish CMSのデザインは標準のままでもなかなか格好が良い。企業ならずともフリーランスプロジェクトサイトでも十分使えそうだ。コンテンツはメイン画面、自分たちについて、サービスの紹介そしてコンタクトフォームになっている。 管理画面 他にもプライバシーポリシーや規約をフッタに配置することもできる。もちろん新しいコンテンツを追加する

    クールな企業サイトを作るのにぴったりなCMS·TypePublish CMS MOONGIFT
  • GoogleのSEOスターターガイドの翻訳 - ソーシャルメディアマーケティング SMM.jp

    ソーシャルメディアマーケティング.jpではソーシャルメディアを活用したマーケティング手法を解説していきます。SNS、ブログ、ソーシャルブックマークなど周辺ニュースの紹介もしています。 Official Google Webmaster Central Blog: Google's SEO Starter Guide GoogleSEOのスターターガイドをPDFで配布しはじめました。さっそく全部読みながら訳してみました。 あとでリンクや画像などを追加して読みやすくするかもしれません。 なお、最後のほうのツール紹介の部分は省きました。 もし問題があればすぐに消しますのでコメントなどいただければ。 11月14日追記: 文中のリンクを追加しました 訳が間違っている部分もあると思うので参考までに。 Google Starter Guide まとめ 【目次】 説明の前提 <title> ・ユニークで

  • 携帯端末以外のIPを制限するhtaccessを簡単生成 『Mobile IP htaccess Maker』 - HTMLタグボード

    携帯サイトを運営する上で、携帯端末のみをアクセス可能にしたい場合にサーバーに設置が必要なサーバー定義ファイル「.htaccess」を簡単に生成します。キャリアや検索エンジンのクローラーごとに設定可能なため、例えば「auは許可し、docomoは拒否」といった設定も可能です。 アクセスを許可したいキャリアやクローラーを選択し、最後に「htaccess生成」ボタンを押すと、htaccess用に書かれたIP情報(自IP含む)が表示れます。表示内容をコピーし、「.htaccess」という名前で保存した後、自分のサーバーにアップロードすれば完了です。 以下の携帯キャリアとモバイル向け検索エンジンに対応しています。 ※スマートフォンは対象外です。 携帯キャリア (5) NTT docomo, au by KDDI, SoftBank, 旧willcom(新Y!mobile), 旧emobile(新Y!m

  • プロのサイトデザイン方法を作って学べる手順集:phpspot開発日誌

    35 Tutorials for Creating Website Layouts in Photoshop | Vandelay Website Design Photoshop is an excellent tool for creating attract websites. プロのサイトデザイン方法を作って学べる手順集。 次のようなサイトデザインのPhotoshopチュートリアル集です。 Create a Dark Themed Web Design from Scratch Making Your Own Portfolio Web Page Design a Cartoon Grunge Website Layout Hand Drawn Layout Online Photo Portfolio Layout Sound System Studio Website Layo

  • 文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT

    Webサイトを見ていると、文字を画像に置き換えたサイトを見ることがある。思い描いている見せ方をそのまま表示させたいときなど、デザインを重視するサイトでよく見られる工夫だ。しかし問題はそのメンテナンス性の悪さだろう。 奇麗に文字が表示されるようになる それに適切に説明文を入れておかないと文字読み上げブラウザなどでは何も情報が得られなくなってしまう。そうした煩雑さから解放されるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはtypeface.js、文字をSVG画像に変換するJavaScriptライブラリだ。 typeface.jsは指定した文字をそのままcanvasタグを使ったSVG画像に変換する。CSSを使って文字装飾を行うことができ、太字/イタリック/色変更を変更できる。他にもfont-stretch(横幅)、文字間隔、行の高さなどを指定することが可能だ。 選択すると文字全

    文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT
  • サイズの大きい画像を背景にする際のCSSテクニック:phpspot開発日誌

    How to: CSS Large Background Since I posted the huge collection of Large Background Websites, I received several email requests on how to make a large background site with CSS. サイズの大きい画像を背景にする際のCSSテクニック。 大きい背景画像を使っても、解像度の高いディスプレイだと次のように画像が切れてしまいます。 ということで、次のように、解像度の高いディスプレイでもOKなように作ろうという話。 この際、適切なCSSを設定する必要があって、その例も紹介されています。 更に全体の背景を画像にするような例も紹介されてます。 デモ用の圧縮パッケージも一括でダウンロード可能みたい。 関連エントリ 巨大な背景画像を使って

  • 魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE

    個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ

    魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE
  • プロフェッショナルのデザイナーがよく使う21種類のフォント

    ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock

    プロフェッショナルのデザイナーがよく使う21種類のフォント
  • Illustratorの作業を自動化して効率化でき、今すぐ役立つ便利なスクリプトいろいろ - GIGAZINE

    Adobe Illustratorは確かに便利なすばらしいソフトですが、機能が豊富であるがゆえに操作が複雑になっており、単純作業を繰り返していると死にたくなってきます。人間はもっとクリエイティブな方に集中すればいいのであり、プログラムに自動でやらせた方がいいことは自動でやらせましょう。そんなときに便利なのが、さまざまな作業を自動でしてくれる「スクリプト」、というわけ。 今回はそんな作業にいつか役立つ、知っていればそのうち使うであろうスクリプトを揃えてみました。 Illustratorの作業を自動化する便利なスクリプトは以下から。 10 Free and Extremely Useful Illustrator Scripts | Vectips すべてのパスを閉じる/すべての選択したパスを閉じる「Close All Paths / Close All Selected Paths」 テキス

    Illustratorの作業を自動化して効率化でき、今すぐ役立つ便利なスクリプトいろいろ - GIGAZINE
  • ウェブブラウザでサイト作成・管理できる「SynthaSite」 - ネタフル

    売り文句を見ると‥‥ ・100%フリー ・広告なし ・ウェブサイトをカスタマイズ可能 ・無料のサブドメインまたはドメイン使用可能 ・ブラウザで動作 ということで、ちょっと面白そうだったので試してみました。登録も、ユーザ名、メールアドレス、パスワードと簡単です。 登録すると、3ステップでサイトの準備が完了します。 サイト名を付ける。 デザインを選択する。 現在68種類で、色合いも選択できるテンプレートがあります。 これで基が完成です。そしてこちらが管理画面になります。 ドラッグ&ドロップにより、テキストや画像などのパーツを埋め込むことができます。さらに他サイトの連携により、 フォームであったりとか、 ウィジェットであったりとか、 広告なども埋め込み可能です。他にはYouTubeやGoogleマップなども。 さらにページを新規追加すると‥‥ メニューにも、自動的に追加されます(linkという

    ウェブブラウザでサイト作成・管理できる「SynthaSite」 - ネタフル