タグ

anamimのブックマーク (104)

  • 国内のWeb制作に役立ちそうな無料の写真素材やフォント、Webデザインギャラリー等のリソースサイトいろいろ・2011 - かちびと.net

    国内のWeb制作に役立ちそうな無料の写真素材やフォント、Webデザインギャラリー等のリソースサイトいろいろ・2011 - かちびと.net
  • CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ

    Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事:CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね! New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS(Cascading Style Sheets、スタイルシート)ですね!今では CSS3 が話題を集めていて、CS

  • どや!?ひよっこデザイナーにもできるWebページ高速化!鍵は「HTTPリクエストの数を減らすこと」 | デザインどや!?

    Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。

  • CSSセレクタ20個のおさらい

    CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

    CSSセレクタ20個のおさらい
  • VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ- – すてきなWebサイトをひたすらつくりつづけたい。

    メインのお仕事Android UI担当になって早1年。 今年は絶対に月に1回はブログを更新すると決めました。 こんにちは。YUKIです。 AndroidUIデザイン関連でこまめにチェックしている資料をまとめてみました。 これからAndroidUI関係の情報を集める方、Material Designのガイドラインが発表されてからどう変わったのか収集中の方の参考になれば幸いです! (2015/1/10 現在) ドキュメント関係 公式資料関係 Material Design ガイドライン http://www.google.com/design/spec/material-design/introduction.html まずは読み込んでMaterial Designの思想を理解 Google Developers Blog http://googledevelopers.blogspot

    VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ- – すてきなWebサイトをひたすらつくりつづけたい。
  • ZenHTMLElementsEn - zen-coding - HTML elements and its aliases for Zen HTML plugins - Project Hosting on Google Code

    Code Archive Skip to content Google About Google Privacy Terms

    anamim
    anamim 2011/06/13
  • ☆ Excelでお仕事!(Excel全般の解説サイト) ☆

    Excelに関するサイトが数ある中、お越しいただいてまことにありがとうございます。 こちらは仕事に「Microsoft Excel」を活用しようという方を応援するサイトです。 一般事務作業でもプログラム開発分野でも、Microsoft Excelは非常に利用頻度の高いソフトです。 Excelは、ワープロソフトのような単なる文書作成ツールではなく、「データ処理」を行なうことができるもっとも身近なツールです。 豊富なツールや計算式、マクロ等を活用して仕事の合理化・迅速化・精度向上に役立ててもらいたいと思います。 そのために、各ジャンルで目的別のワンポイント集をできるだけ網羅しようとしています。ある程度Excelの経験がある人でも、目的を逆引きに利用していただくと面白い内容が見つかると思います。 また、「ダウンロード」コーナーには、Excelがインストールされていない環境でも利用できるフリーソフ

  • CONCATENATE関数の使い方 初心者のエクセル(Excel)学習・入門

    CONCATENATE関数は複数の文字列を結合し、結合した文字列を一つのセルに出力することが出来ます。 文字列(引数)には文字列や数値、又は文字列を含むセル参照を指定します。 引数は30個まで指定できます。 C1セルに=CONCATENATE(A1,B1) C2セルに=A2&B2を入力すると以下の表の結果となります。 CONCATENATE関数を使用して文字列を結合させる事もできますが、C2セルの=A2&B2のように &演算子を使用して文字列を結合させる事も可能です。 &演算子を使用しても以下の表のようにCONCATENATE関数と同じ結果が返されます。

    anamim
    anamim 2011/06/03
    文字列置換に使える
  • 正規表現で使うメタキャラクタ、エスケープシーケンス

    [ ] ブラケット(角括弧) 意味:キャラクタクラス ( ) パーレン 意味:文字列パターンをグループ化 ^ $ 行頭 行末 . * + ? ワイルドカード的検索 ワイルドカード的検索まとめ \ エスケープシーケンス \< \> \w 英単語 正規表現検索に使用するメタキャラクタとエスケープシーケンスです。 これらの使いこなしが秀丸エディタの使いこなしには必要になります。 「[ ]」で囲んだ文字のいずれかひとつとマッチすればマッチしたと判断 基[礎]  「基」と「基礎」を検索 「-」(ハイフン)によって文字コード範囲指定 No[0-9]  「No0」「No1」~「No8」「No9」を検索 「^」(カレット)によって否定 基[^礎]  「基」と「基礎」は検索せず「基地」は検索 複合使用 No[0-9][^0-9]  「No」のあとに一桁の数字が現われる文字列を検索 「^」はブラケット

  • 条件付き書式の使い方:Excel基本講座

    条件付き書式とは?           Topへ 特定の条件に当てはまるセルの書式を変更します。 自動で書式を変更することは関数ではできないので、この条件付き書式を使うかマクロを書くことになります。 ポイント 条件付き書式を設定するセル範囲をあらかじめ選択してから、設定を行うと選択したセル範囲に1回で設定ができます。 書式のコピー/貼り付けボタンを使って、他のセルにも条件付き書式の設定を加えることもできます。 ただし、セルの書式も同時にコピーされます。 [ホーム]タブの[書式のコピー/貼り付け]を使います。 条件付き書式のルールの管理で適用先を修正して、セル範囲を広げたりすることができます。 下図はB2セルの条件付き書式をセル範囲B2:B9に広げた例です。 ↓ 書式を変更する条件が同じセルの場合は、「セルの値が」という設定が使えます。 他のセルを条件にするときは数式を使って、その条件式を入

  • W3C CSS 検証サービス

    Validate by URI Enter the URI of a document (HTML with CSS or CSS only) you would like validated: Address: More Options

    anamim
    anamim 2011/06/02
    CSSバリデーター
  • Another HTML-lint gateway

    HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の

    anamim
    anamim 2011/06/02
    html文法チェッカー
  • ユニークユーザーとは - IT用語辞典

    サイトを訪れた人にCookie(クッキー)を発行するなどして個々の訪問者を識別し、同じ集計期間中に再訪した場合でも同一人物によるアクセスとみなして合わせて1人とカウントする。ある期間中に訪れた人の正味の数を知ることができる。 一方、「ビジット」(visit)は単純な訪問数を表し、一人が何度も訪問した場合にはその回数だけ重複してカウントされる。いわゆる延べ人数を表している。 Web上で人物の識別・同定を確実に行うことはできないため、厳密に訪問した人間の数が分かるわけではない。例えば、同じ人物が職場と家庭で同じサイトを訪れると別人としてカウントされ、同じコンピュータ(の同じOSアカウント)を家族で使い回している場合などは誰が使っても同一人物とみなされる。 技術的に実際に識別しているのは個々のコンピュータに導入されたWebブラウザであるため、ある期間に訪れた人の使っていたWebブラウザの正味の数

    ユニークユーザーとは - IT用語辞典
  • リファラとは - IT用語辞典

    概要 リファラ(referer)とは、あるWebページのリンクをクリックして別のページに移動したときの、リンク元のページのこと。Webサーバのアクセスログに記録される項目の一つ。 WebブラウザがWebサーバへのHTTPリクエスト送信時にヘッダ項目の一つとして申告する情報で、これをたどっていくと閲覧者がどこのサイトから訪問したのか、また、サイト内でどのような軌跡をたどったのかなどを調べることができる。 検索エンジンからの訪問の場合には、URLのパラメータ部分を調べることによって、どんな言葉で検索した結果のページから来たのかを知ることができる。Web広告の世界では、どのサイト/ページに掲載した広告に効果があったのかを調べることができる重要な項目である。 ノーリファラ (no referer)WebブラウザからWebサーバに送られる要求データの中に、アクセスしようとしているWebページの参照元

    リファラとは - IT用語辞典
  • ブラウザーテスト | Adobe BrowserLab

    ローカルコンテンツを安全にプレビュー 個人情報や機密情報を含むコンテンツを、公共サーバーにパブリッシュしたりアップロードすることなく、DreamweaverからBrowserLabに直接送れます。

    anamim
    anamim 2011/05/31
    いろいろなブラウザの見た目を比較できる。
  • kuler

    anamim
    anamim 2011/05/31
    配色に迷ったら、試してみる
  • The W3C Markup Validation Service

    Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. Validate by direct input Enter the Markup to validate: More Options

    anamim
    anamim 2011/05/31
    html作成したら、まずはCheck!
  • 「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント

    ☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。???(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ

    「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント
  • Microsoft Access初心者入門講座

    ・Access SQL初心者入門講座 を次のステップとしてご活用ください。データベースはAccessを使っています。 ・格的なデータベースを学びたい場合は MySQL初心者入門講座 をおすすめします。 ・Access SQLを学んだあとにMySQLを学ぶと習得が楽です。 まずAccessの場合、データを保存する場所であるテーブルを作る必要があります。ここがExcel(エクセル)との大きな違いです。 エクセルなどの表計算ソフトは、データの保存場所と表示場所が同じ「セル」なので、初心者でも直感的に理解できます。しかしAccessなどのデータベースソフトはテーブルを作らないと何もできません。 特にエクセルを経験したことのある人は、このテーブルを作るという段階で戸惑います。エクセルには無い考え方ですので、きっと面倒に感じることでしょう。 でもデータベースではテーブルを作る作業(設計)はとても重要

    Microsoft Access初心者入門講座
    anamim
    anamim 2011/05/31
    Microsoft Accessを一から勉強するのに役立った。
  • Film Strip by UneekResources on DeviantArt

    Upload your creations for people to see, favourite, and share.

    Film Strip by UneekResources on DeviantArt
    anamim
    anamim 2011/05/31
    指定された場所にお好みの写真、デザインを加えるだけで写真ネガ風に仕上げる事ができるPSDファイル