HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ
本気でweb制作を仕事にしたいなら 現場で通用する実践的なスキルを身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら 今回は、web制作時によくある悩み「ワイヤーフレームの作り方がわからない」を解決します。 意外に、ワイヤーフレームの作成方法を詳しく教えてもらう機会は少ないですよね。 そのため、以下のような悩みを抱える人が多くいます。 ワイヤーフレームが何かを知っているけど、いまいちうまくまとめられない。 ワイヤーフレームを作るときの手順が合っているかどうか自信がない。 webサイトの制作過程において、ワイヤーフレームの時点で失敗していると次の工程のデザインも絶対うまくまとまりません。 ワイヤーフレームは、家を建てるときの設計図と同じ役割をします。 適当に作った設計図をもとに家を建てたら、当然、住みにくく崩れやすいもの
Pica Pic | retro handheld games collection
Hipopotam's digitalised collection of handheld electronic games
HTTPSを使っているのにCookieに「secure」属性を設定していない危険なサイトが話題に | スラド セキュリティ
最近SSL関連の脆弱性がたびたび話題になったが、これに関連してか、HTTPSを利用しているのにCookieのsecure属性を設定していないサイトについてが話題になっているようだ（セキュリティ研究家高木浩光氏によるTogetterまとめ）。 Cookieのsecure属性については、2004年に高木浩光氏がまとめた「安全なWebアプリ開発の鉄則 2004」の「CookieにSecure属性を」以下が分かりやすいが、この属性をセットしておくと、HTTPSでの通信時にのみそのCookieが送信される、というもの。secure属性が設定されていない場合、HTTP通信の際にもそのCookieが送信されるため、通信内容を傍受するなどでセッションIDなどが盗まれる可能性がある。 高木氏が検証したところ、secure属性が設定されていないサイトとしては全日空やニコニコ動画、OCNメールなどがあった模様。
【保存版】ウェブマスターツールの使い方！ホームページの改善の為の活用術！ | WEB運営のヒントがきっと見つかる！
Web解析の専門家、井水大輔です。Webを使って企業の売上UPのお手伝いをしています。。WACA認定ウェブ解析士マスターの資格を取得して企業研修や公演などウェブ解析士の育成にもとりくんでいます。 ご相談・メディア掲載依頼等はこちらから→
Webクリエイターボックスを（プチ）リニューアルしました
2014年8月19日 お知らせ 約2年半ぶりにWebクリエイターボックスのテーマをリニューアル！という事で、変更点をザックリと紹介します。とは言え全体のデザイン自体はあまり変わっておらず、細かいところや内部の修正・更新がメインとなっています。ちなみにブラウザーはChrome, Safari, Firefoxの最新版、IE11対応。Webクリエイターボックスに訪問するユーザーで、IE10以下を利用の割合は1.5%をきっていたのでバッサリ捨ててます。古いブラウザーを利用の方はアップデートしましょう ;) ↑私が10年以上利用している会計ソフト！ SVG画像 背景やアイコンなどで使うデザインパーツの画像をSVGに変更しました。レティナディスプレイのMacに変えてからというもの、どうも画像のギザギザが目についてしまって。リデザイン前のテーマでも一部SVGを使っていましたが、今回総入れ替えしました。
Google Analyticsより断然見やすいアクセス解析「Pt engine」ヒートマップが面白い＆リンクのクリック数もわかる！
アクセス解析といえば、圧倒的にGoogle Analyticsの一強で、他には大したツールはない。 そう思っていた時代が私にもありました。 ですが今回紹介する「Pt engine」を使ってみてその考えは見事に覆りました。これ、イイ。 まず、とにかく見やすい。パッと見で必要な情報が目に入るよう工夫されているのがわかります。 さらにGoogle Analyticsにはないヒートマップ解析（ユーザーがどこまで読んだか、どこをクリックしたか視覚的にわかる）や、パラメータをつけなくても流出先（リンクのクリック数）がわかるなどの独自の機能も搭載。 もちろん、各種アクセス解析やコンバージョンの計測などディープな機能も備えています。 2.5万PVまで無料で使え、個人ユーザーのKloutスコア50以上の人はある程度の機能を備えた無料特別プラン（200万PVまで）を利用可能。 Webサイトの運営者や、しっかり
最近話題になったイケてるWebサービス・アプリ10選（2014年6月編）
こんにちは。 7月が始まりましたので、6月中に話題になったWebサービスやアプリを10個ほどご紹介します。 Yo Yoは、特定の相手に対して「Yo」という通知を送る、ただそれだけのメッセージングアプリです。挨拶やちょっかいをかける感じで交流できます。 またアラートのような使い方もできて、W杯のサッカーの試合時に「WORLDCUP」というユーザー名に一度「Yo」と送ると、ゴールが決まる度に「Yo」とだけ届いたり、ブログが更新された時に「Yo」と届くなど他の使い方も見えてきています。 2014年6月23日には、100万ユーザーを突破、2ヶ月間で約1億円もの出資が集まったそうでWeb業界では衝撃が走りました。 Compressor.io ほとんど劣化させずに「JPG・PNG・GIF・SVG」の画像を軽量化できるWebサービスです。 料金は無料でアカウント登録もなく、ドラッグ&ドロップするだけで画
OpenSSLの脆弱性（CVE-2014-0160）関連の情報をまとめてみた - piyolog
HeartBleed(CVE-2014-0160)関係のリンク集、自分のメモ用なので不正確です。 HeartBleedの影響対象となるOpenSSLバージョン 以下のバージョンが影響を受けます。但し、システムによっては原因となっているheartbeat機能が無効化されている場合もあるため、バージョンが一致しただけで当該脆弱性の影響を受けるかは確定しません。 (1) OpenSSL 1.0.1系 バージョン名 リリース時期 CVE-2014-0160 OpenSSL 1.0.1 2012/03/14 脆弱性あり OpenSSL 1.0.1a 2012/04/19 脆弱性あり OpenSSL 1.0.1b 2012/04/26 脆弱性あり OpenSSL 1.0.1c 2012/05/10 脆弱性あり OpenSSL 1.0.1d 2013/02/05 脆弱性あり OpenSSL 1.0.1e
最高のブクマまとめ
2014年04月11日08:00 お前らが最高のブクマを俺に教えるスレ Tweet 1: 名無しさん 2014/04/07(月)12:40:49.392 ID:4Oy6AfkmV そして俺がブクマするスレ 転載元：http://hayabusa.open2ch.net/test/read.cgi/news4vip/1396842049/ じわじわと笑えるボケて（bokete）画像 http://blog.livedoor.jp/nwknews/archives/4651673.html 5: 名無しさん 2014/04/07(月)12:44:56.004 ID:qEF7TRXbz 日本昔話 http://nipponmukasibanasi.seesaa.net/ 6: 名無しさん 2014/04/07(月)12:48:59.822 ID:JmBYAOyhz >>5 優勝 11: 名無しさ
横メニューの作り方
レスポンシブに対応した横メニューを作る機会があったので、せっかくですし作り方を紹介したいと思います。お役に立てばうれしいです。 【追記 2014.03.19】 元々のタイトルは「レスポンシブWebデザインに対応した横メニューの作り方」でしたが、よく考えるとスマホ対応になったら縦メニューになりますのでタイトルを変更しました。 id名「toggle」の部分は横幅が480px以下の場合に表示するボタンです。481px以上の場合表示させません。その他はごく普通の横メニューです。 CSS 続いてCSSです。まずは全体を載せます。 #menu{ width: 100%; max-width: 960px; margin: 0 auto; padding: 0; } #menu li{ display: block; float: left; width: 12.5%; margin: 0; paddi
レスポンシブデザインに便利！今さらCSS3のbox-sizingについて話してみます
CSS3で追加したプロパティ「box-sizing」が結構便利です。皆さんブログで良さを紹介していますが、私なりに具体例を入れつつ解説してみますので、これを読んで「box-sizing」への理解が深まれば嬉しいです。 以前「初めてスマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark」という記事を書いたときに、スマホ用サイトを作るときにbox-sizingが便利という内容を書きましたが、スマホ用だけでなくレスポンシブなサイトにも便利です。 box-sizingとは box-sizingの値には「content-box」「border-box」「inherit」があります。content-boxは初期値で、要素の大きさを、width、padding、borderで計算されます。 今回便利というのborder-boxを使った場合です。border-boxを指定すると、要素
レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG
どうも〜こんにちはぁ！ 最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね！」って感じた基本的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ
レスポンシブWebデザインの基礎
第1回 Web Developer Selection「レスポンシブWebデザインの実践ワークフロー」のスライドです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
任意の2色を指定するとマテリアルデザインのパレットを作ってくれる『Material Palette』 | 100SHIKI
構造化データ テストツール
WordPressの代替になる？ドラッグ＆ドロップだけでサイトが作れてしまう「Weebly」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -![WordPressの代替になる？ドラッグ＆ドロップだけでサイトが作れてしまう「Weebly」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2680739e7f92a476354a4af3621ba7d64206209/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47498869.jpg)
予約システム「Coubic」、無料プランの制限を撤廃、ほぼ完全無料化 
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
画像の後ろを白抜きにするWebサービス「Remove Image Backgrounds」簡単にWeb上で出来るからいいね！ – attrip
