次のウェブサイトやブログを作る時に参考にしたいUIデザインのリソースのまとめBootstrap, WordPressで作られたかっこいいサイト、最近のウェブデザインのトレンドのフラット、サークル、レスポンシブ、ブラー、デザイナーが注目する今年のカラーなどのリソースをまとめました。 まずは、Bootsrapで作られたかっこいいウェブサイトをコレクションしたサイト。ぱっと見では、Bootstrapとは分からないのばかりです。
これは便利！レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
これは便利！レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
2014年にはWebアプリの「オフラインファースト」が流行するのではないか？
先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか
スマフォやタブレットに最適なナビゲーションの考察 -見た目のレスポンシブではなく操作性で！
スマートフォン、タブレット、ラップトップタイプのタブレットなど、タッチデバイスに最適なナビゲーションの考察を紹介します。 単に見た目のレスポンシブではなく、操作性を考慮したレスポンシブです。 Responsive Navigation: Optimizing for Touch Across Devices 下記は各ポイントを意訳したものです。 各デバイスのサイズ 各デバイスのタッチ方法 タッチデバイスに最適なナビゲーションの位置 デモ スマフォ・タブレット・ラップトップタブレットのサイズ まずは、デバイスごとのスクリーンサイズを確認してみます。 過去2ヵ月にリリースした主要なスマートフォンのサイズ一覧です。
Javascriptで書いたWebアプリをiPadでオフラインで使う方法 - EeePCの軌跡
EeePCの軌跡 要するに、モバイル端末機器活用、AI/機械学習応用が趣味のブログです。 物欲、自作小説も少々？ ※ 管理人 ディープタイピング なんとかJavascriptでアプリらしきものを作れるようになったのですが。 Webアプリはブラウザで実行させるため、ネット接続の環境がないとアプリが使えません。 ましてやiPad Wi-Fi版やiPod touchなどでは、Javascriptで作ったWebアプリをオフラインで実行できる環境というのが必要となります。 前記事の最後の方に書きましたが、どうやらWebサーバーを立ててやらないといけなさそう・・・もっと楽な方法はないのか？ と思ったら、これがあっさりと見つかりました。 何のことはないGoodReaderや2ScreensといったアプリにJavascriptを含んだHTMLファイルを叩き込んでやればいいだけです。 で、先の記事で書いたア
俺式4.0 :: Web が住み良くて生きるのが楽しい :: 僕のサイトをとりまく Web サービス
Created: 2013-01-14 Modified: 2013-01-14 Written by Tatsuya Koyama 0. これは何 この文書は平行世界における 19 歳の僕へ向けたメッセージだ。 この記事では 1. 背景 先日、お世話になった母校の教官から連絡があって、「今度卒業生としてうちの学生に話をしてやってよ」 という依頼が来た。なるほどそういうイベントもあったな。 僕も呼ばれる側の年になったのかと思うと感慨深い。 話す対象は、高専の 4 年生。19 歳だ。僕の 6 学年下になる。 高専は 5 年制だから、高専 4 年と言えばまさに就職活動や受験勉強をしている時期だ。 そんな大事な時期を過ごしている後輩たちに、僕が言ってやれることは何だろう？ 2. 何を話す？ こういうとき、「自分はこういう風に就職して、仕事ではこういうことをやっています」 ということを話すのがよく
首相官邸ホームページとアクセシビリティ - ただのにっき(2012-04-06)
■ 首相官邸ホームページとアクセシビリティ 首相官邸ホームページのリニューアルに4,500万円かかったというニュースで高いの安いのと話題になっているけど、それはまぁどうでもよくて*1。これに対してあるWebデザイン会社が書いた「高くないよ!」というエントリを読んだアクセシビリティ業界人たちがそろって天を仰いだという話である。 件のエントリは「首相官邸ホームページのリニューアル構築費用に対して製作者側からの考察」で、特にアクセシビリティのところはツッコミどころ満載なんだけど、その点にかんしてはすでに木達さんが書いているので(ようするに先をこされた)、Web業界人はろくろなんて回してないで読んでおいた方がよいです。特にアクセシビリティとデザインの両立のところ。 さて、首相官邸ホームページのリニューアルでアクセシビリティを確保するとして、件の記事では300万円の見積を出しているのだが*2、じゃあ
初心者Webアプリケーション開発者がチェックすべき情報源2011 - ハニーポッターの部屋
毎年恒例の診断前準備として開発者向けに、「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。他に追加した方が良い情報源があった場合はご指摘いただけると助かります。 上から重要な順。★がとりあえず読んどけ、の必須。必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているもの。 徳丸本を必須に入れるか迷ったけど、あの厚さは、万人は読めないので、上位ランクだけど必須からははずした。 ★Webサイト構築 安全なウェブサイトの作り方 改訂第5版 http://www.ipa.go.jp/security/vuln/websecurity.html 携帯ウェブサイトの実装方法を追加 セキュリティ実装 チェックリスト（Excel形式、33KB） 安全なSQLの呼び出し方（全40ページ、714KB） ★発注仕様 発注者のためのWebシステム／Webアプ
Rails3.1の初期化プロセスを細かく追いかけたRailsGuidesの記事を和訳したよ:ミームの死骸を越えてゆけ
This domain may be for sale!
W3C、P2Pのビデオコミュニケーションを可能にするAPI策定へ
W3Cが、サーバを介さない音声・動画でのリアルタイムコミュニケーションを実現するAPIを開発するためのワーキンググループを立ち上げた。 Web標準化団体のWorld Wide Web Consortium（W3C）は5月5日（現地時間）、サーバを介さないP2Pコミュニケーションを可能にするクライアントサイドのAPIを策定するワーキンググループ「Web Real-Time Communications Working Group」を立ち上げた。 同ワーキンググループの憲章（Charter）によると、これらのAPIによって、サーバを介さずに音声や動画によるリアルタイムのコミュニケーションが可能なアプリケーションを構築できるようにするという。これらのアプリケーションはプラグインなどを必要とせず、Webブラウザで稼働する。 最初のドラフトは2011年第3四半期（7～9月）に完成させ、最終版は201
HTML5やCSS、jQueryなど、Web制作に関する日本語スライドを集約したSlideFinderが便利っぽい - かちびと.net
結構便利だったのでシェア。Web制作 に関する日本語スライドを集約している フォロワーさん作のWebサービスです。 話題のHTML5やCSS、iPhoneの事や jQueryからPHPやRubyと幅広くサポート してあります。 人気のスライド共有サイト、SlideShareで日本語のスライドのみを集めています。スライドはその場でLightbox風にポップアップして見れます。英語が苦手な方も探す手間が省けるのでは。 @deeekiさん作のWebサービスです。クックパッドのエンジニア向け「第2回 開発コンテスト24」に応募する予定だったようで、数時間で作成されたみたいで見た目はシンプルですね。 カテゴリもHTML5やjQuery、PHPやiPhone、WordPressなど多岐にわたりサポートされていますので全Web屋さん向けと言えそうです。 日本語のスライドのみを集約 集められたスライドは全
ヤフーにおけるインプットバリデーション「何も信じるな」 (Yahoo! JAPAN Tech Blog)
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、R＆D統括本部 開発推進室 セキュリティプラットフォーム技術 セキュリティスペシャリストの戸田 薫です。 今回は、私たちが普段からヤフーのシステムに対する入力にどのような注意を払っているのか、そのいくつかをご紹介致します。 入力とは? Webサイトを運営している場合、どのような入力があるでしょうか？ たとえば、Webサービスには、以下の入力があります。 Cookie URL GET/POSTのデータ ファイルのアップロード その他リクエストヘッダ そのほかにもいくつもあります。 環境変数 設定ファイル クローラが取得したデータ パートナー企業のAPIから取得したデータ（XMLやJSONなど） パートナー企業の入稿用 F
「中の人たち」が大同団結、公的機関Webサーバの負荷分散進む － ＠IT
2011/03/16 東北関東大震災の避難生活や復興作業に当たって、「情報」の重要性が見直されている。しかし、自治体や医療機関が独自に用意していたWebサーバではアクセス集中に耐えきれず、せっかくの情報が伝わらない事態が生じていた。 この問題に対し、国内の通信事業者やデータセンター、クラウドの「中の人たち」が自発的に解決に取り組んでいる。負荷が高いサーバの情報をTwitterなどを通じて交換し、クラウド基盤や仮想サーバを活用してミラーサーバやキャッシュサーバを構築（http://hope.viops.jp/など）。IIJも公共自治体サイトの情報ミラーサイトを構築（http://cache.iijgio.com/）し、多数の人がアクセスできる環境作りを進めている。 当初は自発的に始まった取り組みだが、政府機関もその有用性に着目した。例えば文部科学省の「都道府県別環境放射能水準調査結果」や東北
Webブラウザでの日本語縦書き表示、順調に進行中。年内には実装の見通し
縦書きやルビといった日本語組み版をWebブラウザや電子書籍などで実現するための仕様策定が、Web標準を策定しているW3Cや、電子書籍の標準を策定しているIDPFなどで進行していますが、それに合わせてWebブラウザでの実装も進んでいることが発表されました。 発表は、総務省、平成22年度「新ICT利活用サービス創出支援事業」（電子出版の環境整備）の「EPUB日本語拡張仕様策定」を受託したイースト、共同提案者の日本電子出版協会、アンテナハウスの連名で行われており、このプロジェクトによりSafari、ChromeなどのWebブラウザ、iBooksなどの電子書籍ビュアーなどで日本語組み版の実装が進んでいることを次の画面で紹介しています。 年内には日本語組み版が実装される見通し 発表された画面は、WebブラウザのレンダリングエンジンとなるWebkitの開発中のビルドを用いて行ったもの。縦書き、ルビ、圏
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2013年のウェブデザインのトレンドを探るかっこいいUIデザインのまとめ
Responsive Web Design JP（日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト）
新「NIFTY-Serve」提供開始、昔のハンドルで“フォーラム”に出入り可能 
経路のセキュリティと同時にセキュアなセッション管理を：IPA 独立行政法人 情報処理推進機構
https://jp.techcrunch.com/2011/06/03/20110602google-yahoo-and-bing-collaborate-on-structured-data-to-make-search-listings-richer/
