タグ

関連タグで絞り込む (43)

タグの絞り込みを解除

web制作に関するkamanobeのブックマーク (127)

  • ぼくのかんがえたさいきょうのしーえしゅえしゅ - MOL


    俺ももう30だし、夏なんで、CSSフレームワークはじめました。 とりあえず、UIエレメントとか作ってないし、CSSフレームワークとか言いながら、GithubのLanguage Staticsは98.3%、JavaScriptってな感じでGrunt Taskばかり充実してるような感じです、現状。 とりあえず、設計方針としてはマシなCSSを書くことを目標としている。この一年、スマホアプリのHTML/CSSコーディングをやってきたわけだが、度重なるUIの変更に耐えうるCSS、そして肥大化しないCSSとは何かずっと考えていて、特に答えという答えもで見つかっていわけだけど、とりあえずはこうしたほうがBetterなんじゃないかというの自分的に固まってきたので、公開してみた。 てか、最強のCSSなんて存在しないからなっ！！ t32k/maple - GitHub ありがちな落とし穴 これを作るにあたって
    ぼくのかんがえたさいきょうのしーえしゅえしゅ - MOL
    kamanobe
    kamanobe 2013/07/30
    再読。
    リンク

  • floatを解除する手法のclearfix と 次世代のレイアウトの話

    floatを解除する手法のclearfix と 次世代のレイアウトの話 2013-06-20 / 2013-06-30 2011年にclearfixについて記事を書きましたが、Micro clearfixなどの新しい手法も出てきました。 記事を書いてから2年が経ち、色々思うところも出てきたので、改めてclearfixについて書きます。 floatを解除するには CSSでレイアウトの構築を行う際に、よくfloatプロパティが用いられます。 しかしfloatを使用すると、「親の背景が表示されない」「下の段のレイアウトが崩れる」などのトラブルが起こりやすくなります。 floatプロパティの特性 親の背景が表示されない理由は、floatプロパティを指定しているボックスが浮動化し、通常のボックスのフローから外されることが原因です。 通常フローから外されたボックスは、親のボックスの高さを認識できなくな

    floatを解除する手法のclearfix と 次世代のレイアウトの話

  • 「Web制作のリアルな工数と見積もりの話」の話をしようじゃないか！

    raf00がWEB制作の見積もりについて書きたいなぁとか言いながら1年半が経ちました。 で、いずれ書かなきゃなーと思いながら過ごしていたら、WP-Dさんが非常に興味深いエントリを上げられていましたので、これに便乗する形であれこれ書きちらしてみたいと思います。 WordPressのリアルな工数と見積もりの話をしようじゃないか！ | WP-D ウェブ制作の見積もりを金額付きで晒してやろうじゃないか！ | WP-D ■あの見積もりは妥当か否か なかなかブコメなどの反応が興味深い見積もりサンプルですが、現在の（上場企業の制作業務に対応できるくらいには）真っ当なWEB制作会社が企業向けに出す見積もりとしては項目・工数・価格的には概ね妥当かつ適切だなと感じられます。サンプルであるがためにこまごまとボヤけた点はあるものの、WEB制作会社のプロデューサー・ディレクターやクライアント企業のWEB担当者ならば

    「Web制作のリアルな工数と見積もりの話」の話をしようじゃないか！

  • 旧・Macの手書き説明書 - FC2 BLOG パスワード認証

    ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.

    kamanobe
    kamanobe 2013/05/13
    良さそう。
    リンク

  • Tokusetsu は、同人音楽CD特設サイトが簡単に作れる無料Tumblrテンプレート（テーマ）です。

    同人音楽CD特設サイトを一瞬で作ろう Tokusetsuは、同人音楽CDの特設サイトが簡単に作れる無料Tumblrテンプレート（テーマ）です。 HTMLの知識を必要とせず、フォームに情報を入力していくだけで特設サイトが作れます。 カスタマイズ ヘッダ画像やジャケット画像はもちろん、ソーシャルボタンの有無、背景画像やフォントもカスタマイズできます。テーマカラーも白・黒の2種類から切り替えられます。

    Tokusetsu は、同人音楽CD特設サイトが簡単に作れる無料Tumblrテンプレート（テーマ）です。

  • 無料でDropboxのフォルダを自分のWebサイトにできる「Site44」


    オンラインストレージサービスであるDropboxのフォルダを自分のホームページとして使用できるサービスが﹁Site44﹂です。Dropboxのアカウントを持っていれば簡単にWebサイトの作成ができます。 Webサイトの作成方法については以下から。site44 - absurdly simple web hosting http://www.site44.com/ 上記サイトにある﹁Sign in with Dropbox to get started ≫﹂をクリック。 Dropboxのアカウントにひも付いているメールアドレスとパスワードを入力して、﹁サインイン﹂をクリック。 ﹁許可﹂をクリック。 以下のページが表示されたら、Webサイトを作成するので、﹁Create a new website ≫﹂をクリック。 Webサイトのドメイン名を設定するので、﹁.site44.com﹂の前に入れ
    無料でDropboxのフォルダを自分のWebサイトにできる「Site44」

  • Strikingly - あなただけのウェブサイトを制作するための、最高のウェブビルダー

    数分でウェブサイトを制作する ブランドを確立。世界を制覇。 コードはなし 、デザインのスキルも必要ありません。

    Strikingly - あなただけのウェブサイトを制作するための、最高のウェブビルダー
    kamanobe
    kamanobe 2012/11/13
    クオリティの高いサイトが作れるサービス。無料の場合は2p、500ビジター/月まで。
    リンク

  • 俺の最強ブログ システムが火を噴くぜ


    ブログを﹁はてなダイアリー﹂から、自分のサーバーに移転しました。 せっかく移転するなら、2012 年の流行を取り入れた挑戦的なブログにしてみたい！と思い、構想から半年、ついにこの日を迎えることができました。 せっかくなので、凝ったところを自慢させてください。 これが俺史上最強のブログ システムだ ブログ システムとして Jekyll を採用 Jekyll のプラグインを自作 (はてな記法対応、英語ブログとの統合) 履歴管理は GitHub を利用、git push で自動でデプロイ コメント欄には DISQUS を採用、旧ブログへのコメントはインポート済み HTML5マークアップ、CSS3、レスポンシブ Web デザインでのモバイル対応 盛りだくさんですね。 詳しく説明していきます。 ブログ システムとして Jekyll を採用 最近では WordPress を選ぶのが普通でしょう。Wo
    俺の最強ブログ システムが火を噴くぜ

  • Static Map Wizard

    Create a map with a marker and optional info window. This wizard uses the Google Static Maps API. Customize Map View, Marker Location, & Paths To change the map view: Use the map control to zoom in/out to the desired zoom level. To create a marker: Enter the desired address/location in the box and press the button. If the marker is a little off, drag it around to where it should be. To add a path:

    kamanobe
    kamanobe 2012/08/01
    Google Static Maps API v2
    リンク

  • Google Maps Platform のドキュメント  |  Maps Static API  |  Google for Developers

    Google Maps Platform に間もなく新しい地図のスタイルが導入されます。このアップデートにより、デフォルトのカラーパレットが新しくなるほか、地図のエクスペリエンスとユーザビリティが改善されます。すべての地図のスタイルは、2025 年 3 月に自動的に更新されます。ご利用の詳細およびいち早く使用する方法については、Google Maps Platform の新しい地図のスタイルをご覧ください。

    Google Maps Platform のドキュメント  |  Maps Static API  |  Google for Developers
    kamanobe
    kamanobe 2012/07/26
    地図画像書き出しなど
    リンク

  • アイコンを合字Webフォントとして扱うSymbolSetが革新的にステキ | fladdict


    Symbolset teaser from Symbolset on Vimeo. 正直この発想はなかった！ symbolsetは、アイコンに特化したウェブフォント。 このフォントが面白いところは、アイコンを﹁合字﹂として割り当てていること。 まずはサイト上部の大きなテキスト部分がエディターになっているので、そこにheartやtweetなどとタイプしてみてほしい。ビックリするはず。 ﹁合字﹂というのは、特定の文字ペアに特殊文字を割り振れる欧文書体のルール。日本ではなじみのない作法だけど、海外ではftやffなど、スペースが空いてしまう文字を特殊な文字で代替することがある。 SymbolSetはこれ利用して、フォントをアイコンとして活用できる仕組みを発明した。 たとえば、♥のアイコンを﹁heart﹂という合字に割り振っている。つまり文章内にheartという文字があれば自動的にハートが、﹁Twi

  • フリーランス向け嫌な仕事の断り方・交渉の仕方 | たけろぐ


    フリーランス稼業も波に乗ってくると、いい依頼がきても、どうしてもスケジュール的に請けれなかったり、逆にヒマでも﹁こりゃーないだろー﹂みたいな紹介を頂いてしまい、断るに断れなかったりする場合があります。 嫌な仕事というとナンですが、まあ﹁これはちょっと・・・﹂という条件の案件ですね。 そういった仕事の断り方・交渉方法をまとめてみました。 ﹁スケジュールが詰まっていて、一ヶ月後まで無理﹂ よくある無難な断り方ですね。 ただこれだと本当に忙しいのか、建て前的に断ってるのか微妙なので、本当に請けたい仕事・相手の場合は、 ﹁次はぜひ一緒にお仕事させてください﹂などとフォローをしておいた方がいいでしょう。 価格が安すぎる場合10万でやってる仕事を1万でやってくれとか、お小遣い案件がまれにきますｗ 相場も調べず、﹁ホームページなんて誰でも作れるから﹂というふぁっきゅな考えの方や、﹁どーしても予算がない

  • ぶっちゃけWEBサイトっておいくらなの？って話 | Hal-Cana

    先に言っとくけど仕事の合間にぱぱっと書いた記事だからあんまりアテにするなよ？ 「極端に低い単価や無料で仕事をしてはいけない単純な理由」 こういう記事が話題になっていたので、ふと気になりまして。 そもそもね、WEBサイトを制作してる側の人間が「どこまでが安価で、どこからが高価なのか」っていうラインを知らないんじゃないかなって思ったんです。 まあね、最初に結論は言っておくけど、そんなもんクライアント次第です。一概にどこからが高いとか安いとか、そういう話はできません。 ボレるとこからはとことんボレばいいんですよ。世の中そうやって回ってんだから。 もしくは、「ウチはページ単価○○円からです」っていう明瞭会計な制作会社もありますね。 個人的にお付き合いの多い某社などは、公式サイトに料金表も掲載されていて、とても良心的です。ほんとありがたいです。 まぁそれはいいんです。別に関係ない。 本題は

  • せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ

    去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『Coda』をインストールしたんですが、 DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙（@xxmiz0rexx）です。 使い方さえ覚えてしまえばさらに快適なコーディングライフを送れると思うので、機会を作ってちゃんと覚えてみようと思い記事にしました。 プラグインを入れて快適に使う まずはCodaの環境を整えます。DWではpタグやhタグなどはショートカットキーで挿入していたので、 まったく同じキーではないにしても同じような事ができないかと思い探したところ、Zen-CodingのCoda版プラグインである『TEA for Coda | One Crayon 』を入れれば良いという結論に達しました。 このプラグインを入れておけば、例えばpタグやhタグ、strongタグなどを素早く挿入することが

    せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ

  • フリーランスのweb屋な人が、見積や注文書、請求書を発行する際のポイント。 | たけろぐ


    要所要所で追記してます。 フリーランスのweb屋な人が、仕事をする時の書類の流れとポイントをまとめてみました。 ざっくり言うと、 見積書発行→注文書発行→お客さんが注文書返送→納品→請求書&納品書発行 という流れです。 ﹁ここまで書いちゃう？﹂的にけっこう書いてるので、 ﹁そんなんわかってるよー﹂て方も、確認の意味も含めてご一読あれ。 ちなみにうちは﹁見積兼注文書﹂として発行しています。 また、後述しますが、納品書まで出すことはあまりありません。 書類の送付方法について まず基本的な、でも間違えると面倒な部分から。 各書類の送付方法は、 ・原本郵送 ・FAX ・PDF どれが可能なのか確認しましょう。 見積書や注文書と請求書で異なる場合があるので、必ず両方確認してください。 注文書はFAX・PDFでよくても、請求書は原本という所がたまにあります。 また、請求書を送る場合は、現実的に郵送のみ

  • Adobe Systems アイコン

    An Adobe product icon (or logo or signature) is a design or image that is associated with and identifies a specific Adobe product or service. As a typically thumbnail size image, a product icon may indicate that an Adobe product has been installed on your computer or other device. Generally, when you click on a product icon in your computer’s Dock or Start menu or on your device screen, the relate

    Adobe Systems アイコン
    kamanobe
    kamanobe 2012/04/19
    Adobe reader の配布用アイコン
    リンク

  • 首相官邸ホームページのリニューアル構築費用に対して製作者側からの考察


    首相官邸の公式ホームページが2012年4月2日、リニューアルされた。 これが﹁お金をかけすぎている﹂とインターネット上で批判の嵐となっている。増税や公務員削減などが実施されようとしている中、無駄使いではないかという声が多くあがっているのだ。 首相官邸HP、リニューアルに4500万円　ネットで怒りの声 ﹁もっと安くできる﹂ – J-CASTニュース この記事ですが、ネット上での﹁高い﹂という声は一般消費者感覚としては理解出来ますが、Web業界で働く私の周囲のリアルな同業者からも、ネット上の一般の方と同じように﹁高い﹂﹁騙されてる﹂﹁金のムダ使い﹂というような意見が出まして、ちょっと違和感を覚えました。 また一方で、同業の方でも実際このクラスの規模の案件を受託しているような受託業者さん界隈からは﹁これくらいはかかる﹂﹁この金額以下だと受けられない﹂という声も聞かれました。 私は後者の声に同感で
    首相官邸ホームページのリニューアル構築費用に対して製作者側からの考察

  • これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久


    ※2012-04-07　セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる︵可能性を秘めた︶、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
    これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久
    kamanobe
    kamanobe 2012/04/05
    省入力の助け
    リンク

  • サイトマップを作成-自動生成ツール「sitemap.xml Editor」


    ︻ご注意事項︼ 1. ご自身のサイトのみに利用ください。2. 一度の作成で、最大1,000URLの取得が可能です。3. 1,000URL以上は﹁除外ディレクトリ﹂をご活用ください。例えば、1,000URL以上ある*****.com/のサイトマップを作成する際、*****.com/ABC/、*****.com/DEF/、のみのURL構成だった場合は、ABCとDEFを別々に除外ディレクトリに指定し2つのsitemap.xmlを生成します。その後どちらかにまとめて一つのsitemap.xmlとするか、2つのsitemap.xmlをアップしそれぞれ認識させます。4. rel="nofollow"のついたリンク以降のURLは取得しません。5. 生成されたファイルはご自身の責任のもとでご利用ください。
    サイトマップを作成-自動生成ツール「sitemap.xml Editor」

  • WEBサイトを発注してみた。

    アニメやゲームのキャラクター情報をまとめてるサイトがないから作りたいなぁって 思ってたんだけどhtmlは初歩しか分からないしプログラミングもできないので構想するだけで作れなかった。 ゼロから4ヶ月でWEBサービスをリリースした人の記事を見つけて｢自分にもできるかな！｣なんて思い挑戦してみたけど理解できず挫折･･･orz WEBサービスを個人で作ってる人達が羨ましいです。 それでもWEBサイトを作りたかったので制作会社に発注してみようと思い立った。 ただのキャラクターのデータベースだけではつまらないのでコミュニティ要素なども付けて ネットで見つけた制作会社に見積もってもらうと下記のようになった。 合計1,483,125円 以前、SNS｢ウェブカレ｣のサイト制作費が1千万円で安く仕上がった(潰れたけど･･･)という話があったから なんとなく3～400万くらいかかるんじゃないかなと不安だったんだ

    WEBサイトを発注してみた。
    kamanobe
    kamanobe 2012/03/21
    切なくなる
    リンク
  • 前のページ 1 2 3 4 5 6 7 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.