HOVERSTAT.ES | The home of alternative web-design.
20 Aug 2024www.cultura-engiadina.chA raw, stylised yet functional site for Chesas da Cultura Engiadina, featuring an almost isometric slideshow transition of architectural images with use of mix-blend mode, blurs and opacity sitewide creating a soft layered effect. Credits → Samuel Weidmann & Coralie Wipf 19 Aug 2024www.atelierandreagassner.atA portfolio that expands and contracts both horizontall
CSS Nite LP25（Shift 6）のフォローアップを公開しました｜CSS Nite公式サイト
2012年12月15日（土） 、ベルサール神田で開催したCSS Nite LP25（Shift 6）のすべてのセッションのフォローアップ（スライド、音声）を公開しました。 （1）『基調講演：未来をプロトタイプしよう』（長谷川 恭久さん） （2）『2013年に向けて押さえておきたいマークアップ・トレンド20』（益子 貴寛さん、小山田 晃浩さん） （3）『CodeGrid総集編2012「2012年の必読記事＆2013年の注目記事」』（中村 享介さん、山田 順久さん、外村 奈津子さん） （4）『アクセシビリティ：AccSellポッドキャストLIVE収録』（植木 真さん、中根 雅文さん、山本 和泉さん） （5）『ツールと制作環境、電子書籍2012-2013』（鷹野 雅弘） （6）『ソーシャルメディア：2012年のトピック振り返りと2013年に向けた活用の押さえどころ』（大月 茂樹さん、井出 一誠さ
はじめてのスマートフォンサイト制作「基礎知識や開発環境の準備編」
今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日本独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ
Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ - かちびと.net
いよいよ2011年がスタートしました。 今年も去年同様、勉強することが 沢山あります。まだモチベーションが そこそこあるうちに勉強になりそうな 国内の記事をリンク集にしました。 迷ったときに見てみようかなと思い ます。 より最適な方法というのはあると思いますが、まずは扉を叩かない事には何が悪いかも分かりません。ということで、内容に拘らず、否の意見をスルーしてここに色々まとめさせて頂きました。 勉強したい気持ちはあるけど出来ない理由は「何を始めればいいのか分からない」という方も、何が出来るのか、どういった勉強法で出来るようになるかが分かればやる気が起きるかも知れません。 5分で分るシリーズ 以前も流行ったんですね。Web関連以外も含めてここにまとめられています。 5分で分かる PHP を知らない人が PHP の便利さを学べる記事を書いたよ 5分でわかる Ruby を知らない人が Ruby の
Web Designing Books
雑誌「Web Designing」と書籍編集部のコラボレーションによる書籍シリーズです。Webとそれを取り巻く多彩なトピックを扱っていきます。 ラインアップとしては、「Web Designing」人気連載の書籍化、海外の良質な理論書、実践書の紹介が中心です。 基本からしっかりわかる WordPress 3カスタマイズブック 大藤幹 ［著］ ISBN978-4-8399-3607-5 2010/10発売 品切れ サポート情報 ●P051（初版第一刷） P051の手順4につき、ミスがございました。 【誤】 （前略） 「メニューを保存」ボタンをクリックすると、カスタムメニューの完成です。 【正】 （前略） 「メニューを保存」ボタンをクリックしてカスタムメニューを保存します。 さらに管理画面左側の「テーマの場所」からカスタムメニューの名前（この例では「サンプルメニュー」）を選択して「保存」ボタンを
Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する
2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派！」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト！ オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイト とにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。 トライアルをするにはまずトップページから「Get S
[TC] おしえて著作権表示 - Technote (てくのーと)
2009年12月23日 22:15 カテゴリライティング仕事 [TC] おしえて著作権表示 Posted by iishun No Comments No Trackbacks copyright表記について (JaGraプロフェッショナルDTP&Webスクール スタッフブログ) このブログを読んで思ったことを。本当は「JavaScript 使って常に発行年号新しくしようね」が主題なんですが、それを忘れさせるぐらい例文に対してツッコミを入れたくて入れたくて。 でもこの辺ってセンシティブだからあんまり突っ込みたくないなあと思いつつ。嗚呼本当に恐い。 © と (C) 表記する内容は、Copyright + © + 西暦 + 著作権者名 + All Rights Reserved. とするのが一般的です。 んん? 一般的かなこれ? ウェブサイトを 2〜3 コ見ただけで云ってない? 「©」(マル
知らなかったらNGなWEBアプリケーション脆弱性一覧 : mwSoft blog
先日、AmebaなうがCSRFという非常にポピュラーな脆弱性を披露したかと思ったら、ここ数日はセブンネットショッピングでXSSの脆弱性と、ID推測による他ユーザの個人情報閲覧の問題が発生しているという噂が流れています。 ユーザの情報を預かっておきながら、基本的なセキュリティの対策もできていないというのは、銀行に例えるなら、お金を預けようとした時に「お金は預かります。ちゃんと保管します。でも警備はあまりしないので盗まれたらスイマセン」と言われるようなものだと思う。 警備に穴があったというのではなく、まともに警備してませんでした、というのはさすがにありえないことです。 そこで、野良WEBプログラマである私が知っている脆弱性を列挙してみた。 私はプログラマであってセキュリティの専門家ではないです。しかも今年の春辺りからずっと外向けのWEBプログラムは組んでません。 その人間が知っているものを並べ
デザイニング・ウェブインターフェース
TOPICS Web , Design 発行年月日 2009年12月 PRINT LENGTH 332 ISBN 978-4-87311-434-7 原書 Designing Web Interfaces, First Edition FORMAT PDF 本書『デザイニング・ウェブインターフェース』はウェブのインタラクションをよりリッチにするためのパターン、ベストプラクティスをまとめた書籍です。ドラッグアンドドロップ、オーバーレイ、展開／折りたたみ、アニメーション、ライブプレビューなど、75以上の重要なパターンが「直接的なインターフェースを作ろう」から「すばやく反応しよう」まで、6つの原則のもとに整理され、操作の概要、利用すべき状況、そしてアンチパターンまで、丁寧に解説されています。すべての解説例が、Yahoo!、Google（Gmail、Google Maps）、Flickrなど実際の
楽天Webディレクション&デザイン2009: 日本最大級の総合旅行サイト「楽天トラベル」の改善プロセス | 水無月ばけらのえび日記
流通構成比のツリートップ 日付検索 (X%)ワード検索 (Y%)地図検索 (Z%)もっとも多いのは日付検索 (XはYやZより大)。トップで日付を入力したあと……。 (3割)→エリアを選択 (8割)→プラン一覧 (5割)→施設ページ (3割)→施設プラン (5割)→プラン詳細 (7割リターン)と、経路を確認した上で、「問題児」ページを発見する。 前後のページ、類似ページと比較して戻り率、ドロップ率が高いページが問題児。
日本ブランド戦略研究所がサポートサイトの有用度を調査、1位はキヤノンのデジカメサイト | Web担当者Forum
ブランド・Web戦略コンサルティングの日本ブランド戦略研究所は、日本の有力企業137社のサポートサイトの有用度(お役立ち度)について調査を実施、結果を12月7日に発表した。それによると、1位はキヤノンのデジタルカメラ、2位はニコンのデジタルカメラ、3位はソニーのデジタルカメラのサポートサイトが上位に並んだ。調査はことし10月に各企業のサポートサイトにアクセス経験のある人を対象にインターネットでアンケートを実施、5,630人が回答した。 調査項目は、製品の使い方を調べるなどサポートサイトの利用目的、問題が解決できたなどの利用メリット、役立ち度を5段階で評価するサポートサイト有益度、情報が少ない、問題が解決しないなどの不満点や、問題点、改善要望、再購入意欲など全9項目。上位サイトは有用度が90％前後の高評価だった。 ランキングでは4位にキヤノンのプリンター(個人)、ソニーの携帯音楽プレイヤー、
2010年に備えて、知っておきたいウェブデザインのトレンド
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト
The Evolution of Apple Ads
Apple first started advertising its products in the late 1970s. The 80s showed a wide variety of ads, some of which served to convince consumers that they should purchase a computer, and specifically an Apple. These ads were text-heavy and light on images, as were many computer and technology ads from that era. Apple ads really came into their heyday during the 1990s, with the "Think Different" ca
Bridge Word
This shop will be powered by Are you the store owner? Log in here
APMT6 : Back to the Basics, and Beyond
CONFERENCE & NIGHT 2011.4.30 HOME APMT CONFERENCE APMT NIGHT CONTACT : e@apmt.jp PRESS RELEASE : apmt6_press.zip Hosted by heteml Copyright © 2011 GRANDBASE, inc. Some Rights Reserved. ご来場ありがとうございました！ 以下レポート映像です。 http://www.cbc-net.com/log/?p=2345 http://www.cbc-net.com/log/?p=2474 APMT6 - CONFERENCE & NIGHT " Back to the Basics, and Beyond" デザイン、アート、テクノロジー、インターネット。 ボーダレスにクリエイティブの「いま」を捉え、「つぎ」を見据える
ウノウラボ Unoh Labs: iモードブラウザ 2.0まとめ
こんばんは、五十川です。 ご存知の通り、5月以降に発売開始されたNTTドコモの携帯電話の殆どには、新しいiモードブラウザ 2.0が搭載されています。iモードブラウザの大幅な仕様の拡張はi-XHTMLの登場以来ということになりますが、iモードの登場から10年経って登場した新しいブラウザは、i-XHTMLのときよりも遥かに大きな、過去最大の変化を遂げています。 iモードブラウザ 2.0の詳細は、ドコモ公式のiモードブラウザ 2.0にまとめられています。以下では主要な変更点を確認していこうと思います。 キャッシュ容量拡大 1画面あたり読み込めるデータの最大量が、従来の100Kバイトから500Kバイトに、大幅に拡大されました。ご存知の通りiモードの場合この値は、画像などの外部リソースもすべてひっくるめた値ですが、iモードブラウザ 2.0では、新たにCSSファイルやJavaScriptファイルも外部
第65回 ［図解］Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング：ITpro
今回は，Webサイト構築プロジェクトのワークフローを俯瞰してみたいと思います。実際にクライアントから声がかかる場面から納品，つまり開発案件の完了までを12の「ステージ」に分けて図解してみました。思考のプロセス/人的配置/タスク/ツールなども一緒に記しています。少し大きな図になってしまいましたが，ご参考になれば。 図は，一番上は「4つのステップ/3つのタスク/12の要素（第62回 持続可能なWebサイト開発を支える12の要素）」。その下は，人的配置をロール(役割)ごとに記述しています。その下は，大まかなタスクのレベルです。それぞれの期間内に処理すべき項目を列挙しています。その下が，「ステージ」。プロジェクト全体を12のステージに分類して作業内容を整理しています。基本的には，その流れの順で進んでいきます。その下は，それぞれのステージのアウトプットのイメージで，更にその下にはよく使うファイルアイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブやらアイコンフォントやらフラットやら！2013年の気になる技術やデザインを試してみたリニューアル手順！ | バンクーバーのうぇぶ屋
楽天Webディレクション&デザイン2009: 「楽天ブックス」ユーザー中心設計アプローチの実践と商品検索UIの改善 | 水無月ばけらのえび日記
WORKS ONLINE BOOK STOREの移管に関して
