Webデザイナー（女）、働き方が変わりました
☆ご注意☆ この記事は 2013年9月23日 に書いたものです。情報が古い可能性がありますのでご注意ください。 ここ1年以上ブログをさぼってましたが、その間、Webデザイナーとして、働く環境が大きく変わりました。 わたくしごとになりますが、最近の変化について。。。 30代Webデザイナー（女）、働く環境が変わりました 突然ですが、ワタクシ、昨年、第一子を出産しました！！ 最近は子育てするには難しい環境と言われてますし、Web制作のお仕事も将来どうなるんだろって不安は絶えません。（夫もWeb屋です。。。） そんな転機を迎え、将来のことなどいろいろと考えました。 Web系のお仕事は比較的「働き方に融通が効く」方だと思います。 最近、Web系のお仕事されている女性たちの働き方がブログ等で紹介されていて大変参考にさせてもらってます。 とあるフリーランスWebデザイナーの一日 すしぱくさんに名指しさ
レスポンシブなグリッドだけを提供する軽量スタイルシート·fitgrid MOONGIFT
fitgridは本番環境下でも耐えられる軽量なレスポンシブグリッドなスタイルシートです。 レスポンシブなWebデザインを実現するのは大変ですが、Bootstrapを使うとそれっぽさが残ってしまう…。そんなジレンマを感じている方はfitgridを試しましょう。fitgridは軽量なグリッドレイアウトを提供します。 デスクトップサイズでの表示。 1〜4列で細かく制御できます。 タブレットサイズ。幅が狭くなっても奇麗に表示されます。 画像もグリッドに沿っています。 幅を狭くすると画像の並びも変わります。 一番狭くした場合。整然と並んで表示されます。 fitgridは横幅を12に分割してグリッド化します。.fg3といったクラスを使えば4つ並べられる計算です。12を一つ、4を3つといった具合に組み合わせて利用できます。fitgridは軽量であり、本番環境下でも使えるように余計なことはしないように設計
大手サイトのrobots.txtでわかる「検索でヒットされたくないページ」の特徴
robots.txtとは robots.txtは、検索エンジンのクローラー（bot）に、クロールされたいページや、クロールされたくないページを教えるテキストファイルのことです。多くの検索エンジンのクローラーは、そのドメインの最上位ディレクトリに設置されたrobotst.txtを最初に読み込んで、クロールするべきページとクロールするべきでないページを取得し、それに基づいて巡回します。ただ、一部のクローラーには、このrobots.txtを無視するものもあります。 robots.txtの書き方はおよそ以下の通りです。 User-agent:（ここにbotのユーザーエージェントを記述。ワイルドカード指定も可能） Crawl-Delay:（クロールの時間間隔を指定） Disallow:（クロールされたくないページやディレクトリを指定） Allow:（Disallowで指定されたディレクトリの小階層で
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ | 高橋文樹.com | デザイン
この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 前回の記事に続き、僕と同じくデザイン力のない人のためのサバイブハウツーです。Webサイトを作っていると、デザインをしなくてはならないのですが、その際にとても困るのが色の決定です。 色使いというのはとても大事なもので、「ダサいなー」と思われる理由のトップクラスに位置するものです。デザインというのは上手くいっている場合は気づかれず、失敗したときに目立ちます。 みんな大好き愛生会病院 僕はいままで某大手企業の研修や某デジハリなどで沢山の初心者を見てきましたが、確実に言えることは99%の人に色彩センスはないということです。「好きな色決めてね」というと、99%の人がクソのような色を使ってきます。これは当人がダサいかダサくないかにかかわらず、99%色彩センスがありません。 Webで色彩
HTMLの特殊文字 ： IT用語辞典
HTMLの文字実体参照 ASCII文字コード 記号・特殊キーの読み方 ギリシャ文字・キリル文字 HTMLで使われる文字実体参照の表記一覧です。OSやWebブラウザの種類によって一部正しく表示できない場合があります。 一般的な記号など 字実体参照数値参照名称・解説 &&&アンパサンド ¦¦¦破断縦線 µµµマイクロ記号 ‰‰‰パーミル ¤¤¤一般通貨記号 €€€ユーロ記号 ¢¢¢セント記号 £££ポンド記号 ¥¥¥円記号 ©©©著作権記号 ®®®登録商標記号 ™™™商標記号 ↑↑↑上向き矢印 →→→
JAVASCRIPT::BOOKMARKLET
JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日：2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletのおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース＆お知らせ 6月27日：「カウンタ」を追加しました。 3月18日：「DOMのソースを見る」を追加しました。 1月26日：「nofollow属性のリンクを強調」を追加しました。
Bookmarklet - ブックマークレットを作成する際のポイント
Updated: 2003-09-28 05:44:07+0900 [Home] 値を返してはいけない 値を返す式を使うとページを移動してしまいます。 javascript:contents='aaa' これならOK javascript:void(contents='aaa') 変数はページ内でグローバルになってしまう varをつけても、ブックマークレットで使用した変数は、ページ内でグローバルになってしまいます。表示中のページの動作や、他のブックマークレットの動作を変えてしまう可能性があります。 javascript:var contents='abc' javascript:var contents='123' 上のリンクをクリックしたあと、以下をクリックするとcontentsの中身が変わっているのが見えます。 javascript:alert(contents) これはページに書かれ
パスワードの入力さえ不要なWebブラウザ用公開鍵認証技術·TrustAuth MOONGIFT
TrustAuthはWebサイトにおける公開鍵を使った認証システムです。 Webサイトを使う際の認証と言えばログインIDとパスワードを使ったものと相場が決まっています。問題があるシステムとは分かっていつつも未だにいい解決策が出てきていません。そこで新しい認証システムとしてTrustAuthを紹介します。 Firefoxアドオンをインストールします。 アドオンの設定です。特に変更することはありません。 こちらはデモサイトです。 ツールバーにビールのアイコンがあります。なぜかデフォルトでは表示されずツールバーのカスタマイズで追加しました。 Unlockを選んで最初にマスターパスワードを決めます。 後はパスワード無用です。demoとユーザIDを指定すればログインできます。 無事ログインできました！ TrustAuthでは公開鍵を使って認証を行います。サーバサイド、クライアントサイドの双方で用意し
基礎からはじめるPython---目次
オブジェクト指向スクリプト言語であるPythonは，日常の作業に利用するちょっとしたスクリプトから，商用サイトや大規模Webシステムまで幅広く適用できる非常に便利なプログラミング言語です。日本ではあまり認知度は高くありませんが，欧米を中心に幅広く利用されており，米Googleなどの有名企業でも採用されています。 この特集では，プログラミング言語Pythonの魅力と使い方を説明します。特にこれからPythonをはじめようというビギナーの方に，とっかかりとなる言語の基礎と導入方法を説明します。 第1回 気軽にPythonを始めよう 第2回 データベース・プログラミングも簡単 第3回 スクレイピングにチャレンジ！ 第4回 Google App EngineでPythonプログラムを公開してみる 第5回 GoogleAppEngineでMVCアプリケーションを作成する 第6回 Djangoフレーム
なぜ全てのプロフェッショナルがブログを書くべきなのかという10の理由
By tarop Facebookやmixiなどのソーシャル・ネットワーキング・サービス(SNS)を通じて、インターネット上に日記を投稿するブログは身近なものとなりました。ソフトウェア開発者でありIBMの技術エバンジェリストであるAntonio Cangiano氏は、「プロフェッショナル(専門家)はインターネット上のブログを通じて知識を共有するべきだ」と主張し、その10の理由を紹介しています。 Why Every Professional Should Consider Blogging http://technicalblogging.com/why-every-professional-should-consider-blogging/ ◆1．ブログはあなたのコミュニケーション能力を高める コミュニケーション能力と文章能力は、プログラミングの技術がそうであるように、膨大な時間の練習によ
ピアノに音が落下、そんなWebベースのMIDIプレーヤ·Euphony MOONGIFT
EuphonyはWebベースのMIDIプレーヤです。キーボードを音階が通過していくビジュアルが奇麗です。 オンラインで扱える音楽ファイルのデファクトはMP3です。しかし昔から存在して大量にあるのがMIDIファイルです。そんな懐かしのMIDIファイルをWeb上で演奏できるのがEuphonyです。 MIDIファイルを解析して、その音階が上から流れてきます。 音楽が変わればビジュアルも変化します。 Euphonyの魅力はそのビジュアルにあると言えるでしょう。MIDIファイルを解析した後は自動で演奏が開始されます。自分で鍵盤を叩くことはできませんが、前の曲/次の曲へ移動したり、再生/停止と言った操作はできます。自分の好みのMIDIファイルを読み込ませて、そのビジュアルとともに楽しんでみると面白そうです。 EuphonyはJavaScript製、MIT Licenseのオープンソース・ソフトウェアで
ぶっちゃけWEBサイトっておいくらなの？って話 | Hal-Cana
先に言っとくけど仕事の合間にぱぱっと書いた記事だからあんまりアテにするなよ？ 「極端に低い単価や無料で仕事をしてはいけない単純な理由」 こういう記事が話題になっていたので、ふと気になりまして。 そもそもね、WEBサイトを制作してる側の人間が「どこまでが安価で、どこからが高価なのか」っていうラインを知らないんじゃないかなって思ったんです。 まあね、最初に結論は言っておくけど、そんなもんクライアント次第です。一概にどこからが高いとか安いとか、そういう話はできません。 ボレるとこからはとことんボレばいいんですよ。世の中そうやって回ってんだから。 もしくは、「ウチはページ単価○○円からです」っていう明瞭会計な制作会社もありますね。 個人的にお付き合いの多い某社などは、公式サイトに料金表も掲載されていて、とても良心的です。ほんとありがたいです。 まぁそれはいいんです。別に関係ない。 本題は
ベンダーロックインされないオープンなアルバム·OpenPhoto MOONGIFT
OpenPhotoはAmazon S3、Dropboxを保存先とするスマートフォンアプリもあるアルバムソフトウェアです。 写真共有サービスは多数あります。Flickr、Picasa、Facebook、TwitPicなどなど…。しかしベンダーにロックインされない、自由なオンラインフォトサービスが欲しい人はOpenPhotoを使ってみましょう。 トップページです。サブドメインで自分だけのOpenPhotoが持てます。 ユーザ登録しました。iOS/Androidアプリもあります。 iOSアプリを起動します。 まず先ほど登録したアカウントへログインします。専用のURLを入力します。 ログインします。 ログインしたら次にアプリを登録します。 位置情報利用に関する確認です。 カメラロールまたはカメラで撮影します。 タイトルやタグ、FacebookやTwitterへのアップロードが可能です。 アップロー
HTML5モバイルWebフレームワークの比較 - きしだのHatena
モバイル用でJavaScriptでアプリケーションを作成できるフレームワークについて比較した記事を翻訳しました。 Comparing HTML5 Mobile Web Framework - Dzyngiri Comparing HTML5 Mobile Web Framework Apr 27, 2012 by Dzyngiri 今年はモバイルWebにとって面白い年になっている。HTML5とCSS3の採択、モバイルブラウザのパフォーマンス向上、モバイルアプリケーションフレームワークの爆発は、モバイルデバイスでのリッチでインタラクティブなWeb体験の作成がこれまでよりも現実的になったことを意味する。PhoneGapのようなラッパを使うことで、iPhoneやiPad、AndroidのネイティブのAppストアでアプリケーションを配布することも可能になった。単一のコードベースでマルチプラットフォ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
catch.jp blog
Adobe、HTML/CSS/JavaScriptでできた次世代コードエディター「Brackets」を発表
https://jp.techcrunch.com/2012/06/19/20120618mozilla-launches-thimble-a-web-based-code-editor-for-teaching-html-and-css/
http://oops-study.com/foreignlanguage/ted_learn_en/