ウェブ狂の詩 - @takejune web制作に関する覚え書き このブログの公開は終了しました
どうみてもTwitterなWordPress のテーマ、TweetPressをご紹介。 かなり本家Twitterのデザインに 沿っています。これまでDiggや Googleなどもありましたので、 Twitterも出ると思っていたら先日 リリースされました。 そんなTwitterデザインを真似たフリーのWordPressテーマ、TweetPressが以下になります。 サイドバーの開閉パネルなんかも同じ動きをします。かなりTwitterに近い作りをしているのでご興味のある方はぜひデモを触ってみてください。TwitterクローンっぽいWordPressのテーマ・prologueと掛け合わせたらそれっぽいのが出来るのかな。 TweetPress 他にもいろいろ今までにもこういった~風テーマ、というのが幾つか出ているのでまとめてご紹介します。 mixi風 mixi風のwordpressテーマ Gma
Stories Searching for the ‘angel’ who held me on Westminster Bridge visitorsfilm July 18, 2018 0 Newsbeat Stories Searching for the ‘angel’ who held me on Westminster Bridge visitorsfilm July 18, 2018 0 Stories World The full story of Thailand’s extraordinary cave rescue visitorsfilm July 18, 2018 0 health Science The man who saved thousands […]
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact Usability should be a priority for every website. Without usability, even the most beautiful
Usability Testing Toolkit: Resources, Articles, and Techniques Usability is paramount in creating a good website or web app. If your site isn't user-friendly, the majority of visitors won't come back, regardless of how good your content is. You need to do everything in your power to make sure every website you design or web application you create is as user-friendly as it can be. So how do you do
While product findability is a key factor of success in e-commerce, it is predominantly enabled by simple search alone. And while simple search usually doesn’t fulfill complex needs among users, website developers and owners still regard advanced search as just another boring to-do item during development. Owners won’t go so far as to leave it out, because every e-commerce website has some kind of
The WebFX team is made up of more than 500 subject matter experts in digital marketing, SEO, web design and web development, social media, and more. Together, they’ve helped WebFX’s clients earn more than $6 billion in revenue from the web — and that’s just in the past five years. @webfx One of the most overlooked aspects in designing a website that we often brush off is web accessibility. There’s
With a new year on the horizon, it’s time to pack away the old, worn web designs and prepare for the brave, new face of tomorrow. Although trends don’t start and stop on January 1st, there is a definite shift from what we craved at the beginning of the year to what we are seeking tutorials for at the end of the year. Most of the time, this shift is subtle. It’s a perfection or re-interpretation of
アップル ヒューマンインタフェースガイドライン 原文:Apple Computer Inc. 訳:かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability fi
Feedbackボタンをクリックするとサイド からフォームのパネルをスライドさせる jQueryプラグイン・contactableをご紹介 致します。情報元は去年の記事ですが、 自分が使いたかったのでメモ的にエントリ。 ユーザーにも優しいのでお勧めです。 わざわざページ移動せずともパッと送信出来るのでユーザビリティにも繋がりそうです。何より、インストールして使うので日本語に出来るのは大きいですね。テキストを日本語に直したデモをご用意しました。 デモ ※メールはダミーにしているので実際に送信は出来ません。 フォームテキストを日本語に変えるには梱包されているjquery.contactable.packed.jsの中を変更します。ちょっと横長なので探し難いですが。。デモでは以下のように変更しました。 (function($){$.fn.contactable=function(options)
JSや画像を使わず、cssとHTMLオンリー でマウスオーバー時に噴出し状のツール チップの実装が可能なナビゲーション KntL Pagerをご紹介します。これは結構 便利そう。ありがたい事にIE6にも対応、 cssも無料でダウンロードも可能です。 jsや画像を使用せず以下のようなページネーションを実装可能です。 KntL Pager うーん、凄い。これでcssオンリーとは驚きでした。一応ページネーション(ページ送り)のcssとして紹介されていますが、普通にユーザビリティを意識したナビゲーションとして使えそうですね。 対応ブラウザはIE6以上、Firefox1以上、chrome、opera、safariに対応との事。日本語に直してHTMLをアップしてみましたので[sexy-lightbox href=’http://kachibito.net/wp-content/uploads/2010
こんにちは、「プチペット」を担当している吉沢です。 最近はモバイルサイトを作成するためのブログやノウハウ本などがたくさん出てきて、とても便利になってきましたね。 個人的にはモバイルサイトのデザインやユーザインターフェース関連に関心が高いので、ブログでは「モバイルデザインアーカイブ」さん、「case:MobileDesign!」さん、本では日々、こちらで勉強させていただいております。 モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。 著者:株式会社ゆめみ 販売元:インプレスジャパン 発売日:2008-12-25 おすすめ度: クチコミを見る モバイルデザインアーカイブの本。―携帯Webコレクション 著者:モバイルデザインアーカイブ 販売元:春日出版 発売日:2009-08 おすすめ度: クチコミを見る ケータイサイトのレイアウト 企業・キャンペーン・サービ
副業でウェブデザイナーを始める手順 ウェブデザインの案件は仕事仲間や知人経由でも紹介してもらうことができますが、一般的にはクラウドワークスやランサーズといったクラウドソーシングサービスで探したほうが、報酬が数万円のライトな案件が見つかりやすいです。 クラウドワークス、bizseek、ココナラなどのクラウドソーシングサービスに登録します。 実績がある人はフリーランス専門のクラウドテックやレバテックフリーランスもおすすめです。 自分のスキルに見合った案件に申し込みます。 依頼内容の詳細を確認します。 レイアウトやデザイン案を提出します。 コーディング後、期日までに成果物を納品します。 依頼主の検収後に修正箇所がある場合は対応します。 クラウドソーシングサービスを介して、代金が振り込まれます。 クラウドワークスには非対面で業務が完結できる仕組みが揃っています。仕事の種類は246種、チャットによる
HTML Slidy: Slide Shows in XHTML You can now create accessible slide shows with ease Works across browsers and is operated like PowerPoint Advance to next slide with mouse click Move forward/backward between slides with space bar, Pg Up and Pg Dn keys Home key for first slide, End key for last slide Function F11 to go full screen and back The "F" key toggles the display of the footer The "A" key t
What Is S5? It's a Simple Standards-based Slide Show System One XHTML document provides all of the slide show's content CSS handles the layout and look of the slides JavaScript handles the dynamic aspects of the show That's all there is to it! Operatic Origins Opera 4 introduced Opera Show, a projection-mode style sheet technology Allows a single XHTML document to be turned into a PowerPoint-like
XHTML版スライドとは CSSとJavaScriptによる疑似スライドシステム 1つのXHTMLファイルを、div要素あるいは見出し要素単位で複数のスライドに見立てる。 CSSで1つのスライドブロックのみを表示(他はdisplay:none)。 クリックやキー操作イベントでJavaScriptを起動し、表示するスライドブロックを切り替え。 様々なXHTMLスライドシステムが存在するが、基本的な考え方は同じ。 XHTML版スライドのメリット 1つのファイルにまとまってコンパクトで扱いやすい。 適切に作ればCSS、JavaScriptが使えない環境でも通常のウェブページとして閲覧可能。 パワーポイントなどの専用アプリケーションが不要で、どこでもプレゼンテーションできる。 ウェブアプリケーションのデモをするときに、そのままブラウザ内でシームレスに操作できる。 アウトラインプロセッサの出力などの
今年も色々と情報が発信されました。 後で試そう、とか後で見よう、と思った まま何もしていない自分がいたので ちょっと復習用にメモ。来年の勉強用です。 個人的なメモですが参考になれば幸い。 内容はWeb制作に関わる記事ですが、まとまりがありません。単なるメモなのでご了承いただければと思います。順不同。 JPEG画像をより美しく、より軽量に最適化するテクニック 理屈に沿った軽量法でした。これは癖を付けてナンボのテクニックですね。頭に叩き込んでおきたい。PNGも合わせて。 JPEG画像をより美しく、より軽量に最適化するテクニック とっても使えるoverflowプロパティ。その使い方色々。 凄く便利。こんなに役に立ってくれるプロパティだとは知りませんでした。これも覚えておくと便利そう。 とっても使えるoverflowプロパティ。その使い方色々。 商用無料で使える写真素材サイトまとめ2009年度初版
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く