みんな大好き、あるいは大嫌いなCSS設計。そんな言葉が生まれてから久しく、JavaScriptフレームワーク（以後JSフレームワーク）を始めとする技術が提供するスコープ付きのコンポーネント環境の登場によって、そのなりを潜めている気がしなくもない。そんなCSS設計とは何だったのか、をちょっと小難しく振り返ってみます。
トップページ
みんな大好き、あるいは大嫌いなCSS設計。そんな言葉が生まれてから久しく、JavaScriptフレームワーク（以後JSフレームワーク）を始めとする技術が提供するスコープ付きのコンポーネント環境の登場によって、そのなりを潜めている気がしなくもない。そんなCSS設計とは何だったのか、をちょっと小難しく振り返ってみます。
デザインが素敵！使い易さに特化してる！的なWebサイト１０選〜その２〜 - Love＆Peace
前回に引き続き、自分で探したWebサイトを紹介したいと思います。私の感覚で「良いなぁ」と思ったものばかりを集めました♪今回はスマホサイトも用意しましたので、参考にしてみてください。 www.love-wd-yuka.com 目次 【1】ビストロ「ルボル」名古屋のフランス料理店 【2】ローコストコンセプト住宅「ハグハウス」 【3】横浜DeNAベイスターズ - ライフスタイルShop 【4】ブルガリ チョコレート 【5】博物館明治村 【6】 SONY - デジタルペーパー 【7】ミレー - ジャパン 【8】ロクシタン - プロヴァンス 【9】チャムス - オフィシャル・ブランドサイト 【10】やまと陶苑 - 愛媛県松山市 【11】Ciel - オフィシャルブログ（おまけ☆） さいごに 【1】ビストロ「ルボル」名古屋のフランス料理店 lebol.web.fc2.com ☆PC版☆ ☆スマホ版☆
ウェブサイトで珍しい形を取り入れたサイト14こ紹介
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近はブログメディアのデザインを作る機会が多くなってきました。井畑です。 ブログメディアはコーポレートサイトと比べ、よりデザインや装飾等で「個性」を出す場合が多くあります。どうしたらいいかなーと思って色々悩んで、「形」で個性を出すのもありかなと思い、ウェブサイトではあまり使われづらい三角形や五角形、六角形を上手く使っているサイトを調べてみました。 やはり印象に残るものが多かったです。それでは早速見てみましょう!どうぞ！ 三角形を使ったデザイン 三角形を使う場合、余白をどう活かすかが重要になってくると思います。 Snowbird Snowbird コンテンツのサムネイルが三角形です。マウスオーバーすると折り紙が広がるように画像が広がるのも面白
サイバーセキュリティ注意喚起サービス「icat for JSON」：IPA 独立行政法人 情報処理推進機構
サイバーセキュリティ注意喚起サービス「icat for JSON（アイキャット・フォー・ジェイソン）（注釈1）」は、IPAが公開した「重要なセキュリティ情報」をリアルタイムに配信するサービスです。 本サービスをウェブサイト上で活用することにより、IPAが公開した最新の「重要なセキュリティ情報」の一覧を自動的に取得・表示することができるようになります。組織のポータルサイトや会員向けウェブサイト上などに設置をすることで、ウェブサイト利用者に向けてセキュリティ対策をリアルタイムに周知することが可能になります。利用方法は下記の機能概要を参照ください。 コンセプト icat for JSON 機能概要 ウェブページにHTMLタグを埋込むことで、IPAから発信する「重要なセキュリティ情報」とリアルタイムに同期できます。 本ツールの特長は以下の通りです。 表示方法は「縦表示」または「横表示」の指定が可能
ウェブデザインをはじめるあなたへ - ウェブ雑記
ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。＋いくつかの自分で作った資料 SlideShare 色彩センスのいらない配色講座 色相、明度、彩度で色を説明できるようになる。 ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。 その上で、あまり間違いのない色の選び方がわかるようになる。 ノンデザイナーのための配色理論 最後に紹介されているこのツールがベースカラー、メインカラー、アクセントカラーを決める上で便利。 ウェブサービスの企画とデザイン 僭越ながら明治学院大学で講義した時に作った資料。 なんとなくウェブサービスを作るときの流れとか感じてもらえたら幸いです。 かんたんキレイなウェブデザイン 僭越ながら勉強会 (UT Startup Gym) 用に作った資料。 なんとなく CSS フレームワーク、グリッドシステム、レスポンシブデザイン、ウ
黄金律を使ってデザイン性の高いウェブサイトを作る方法
by arnoKath 美しいウェブサイトを作ることは単純にユーザーの気分をよくするだけではなく、パフォーマンスを上げると言われています。ウェブサイトのデザイン性を上げるには使用するフォントも大切ですが、フォントの大きさも重要な要素。そこで、黄金律を使ってフォントサイズを決めることの重要さや方法をAdditive AnalyticsのCEOであるLaura Diane Hamiltonさんがまとめています。 The Golden Ratio and Typography - Laura Diane Hamilton http://www.lauradhamilton.com/the-golden-ratio-and-typography ウェブサイトに情報を記載する上で、フォントのサイズに階層を設けるとユーザーを情報へ正しく導くことが可能であるため、ウェブサイト上のフォントサイズは複数のも
ドライブバイダウンロード - Wikipedia
ドライブバイダウンロード（Drive-by download、Drive-by download attack、通称:DBD攻撃）とは、ウェブブラウザなどを介して、ユーザに気付かれないようにソフトウェアなどをダウンロードさせる行為のことである[1][2]。 概要[編集] ドライブバイダウンロードは、特にマルウェアなどの悪意のあるツールや悪意のあるアプリケーションを秘密裏にダウンロードさせるために用いられることが多い。この場合、ユーザが単にウェブページやウェブサイトを閲覧しただけで自動的にマルウェアがダウンロードされてしまったり、そのマルウェアが勝手に実行され、インストールされたりする。また、秘密裏にマルウェアのダウンロードや実行が行われるため、ユーザはマルウェアに侵されていることに気付きにくい[1]。 実際に、企業のウェブページが何らかの方法によって不正改竄され、ドライブバイダウンロードに
無料で使えるCCライセンスの写真・映像などの素材を配布している10サイトを一括検索できる「Find CC」
ブログやウェブサイトで使用する写真を色んなサイトで探し回るのは結構大変。そこで、写真共有サービス・動画共有サービス・オンライン写真コミュニティなどのクリエイティブ・コモンズ・ライセンス作品を取り扱っている10サイトから、画像やムービーを一括検索できるようにしたのが「Find CC」です。 Find CC - クリエイティブ・コモンズの作品を一括検索 http://findcc.net/ トップページはこんな感じ。一番上に検索欄があり、検索欄の下で検索したいウェブサイトを選択したり、ライセンスの条件を指定したりできます。 写真やムービーは「パブリックドメイン」とCCライセンスの「表示」「表示-継承」「表示-改変禁止」「表示-非営利」「表示-非営利-継承」「表示-非営利-改変禁止」から条件指定が可能。それぞれの表示が何を意味しているかの説明は各表示にマウスを載せると読むことができます。 Fin
【まとめ】WordPressとは一味違うサイト構築に挑戦 「GitHub Pages」の使い方 | 教えて君.net
ウェブサイトを作る際に、WordPressなどの「ブログ型」のほかに、もう1つ選択肢として持っておきたいのが、静的な構造のサイト。ブログほど複雑になりすぎず、それでいてバージョン管理などの優れた機能を備えている、「GitHub Pages」でのサイト構築方法をマスターしよう。 現在の多くのサイトは、WordPressもしくはMovableTypeがベースとなるブログ型だ。更新がしやすく大量の記事の一括管理が行えるというメリットがあるが、数ページで構成されるシンプルなウェブサイトを作るには、サイトの構造が複雑になりすぎるため向いていない。 イベントの告知などの単純な構造のウェブサイトを作るのにオススメなのが「GitHiub Pages」だ。プログラムを共同で開発するためのSNS「GitHub」が提供しているサイト構築サービスで、「GitHub」の特徴である、複数人による編集とバージョン管理機
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
技術者試験の一部中止に ウェブ構築ソフトに欠陥 - 日本経済新聞