今日は、企業サイトで意識するべき「正しい情報提供」の手法について。企業情報ページの連絡先情報やIRページなど、正しい情報を伝えるべきページは、httpsでアクセスできるようにしておきましょう。 セキュリティ専門家の高木浩光氏が、ブログで「なぜ一流企業はhttpsでの閲覧をさせないようにするのか」という記事を出しました。銀行など金融機関のサイトで、電話問い合わせ番号を掲載しているページがhttpsではアクセスできない場合があることを警告している記事です。 ・なぜ一流企業はhttpsでの閲覧をさせないようにするのか (高木浩光@自宅の日記) → http://takagi-hiromitsu.jp/diary/20100227.html#p01 元は携帯サイトの「かんたんログイン」の仕組みのセキュリティ上の問題点を述べる話題ですが、金融機関の問い合わせ先電話番号を掲載しているページがhttps
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
The free JavaScript plugins and libraries on this page all offer a straightforward and specific function. There are no bloated all-in-one frameworks. Just useful, lightweight and problem-solving solutions to help make the web design and development process much easier and quicker for you. As you would expect, there are plugins below for creating sliders, image galleries, responsive menus, modal wi
In this ultimate collection, we bring you a massive selection of great Web design tutorials from all over the design community. All of the tutorials use Photoshop for the main application. By the end, you should have a pretty good idea of where and how to start designing for the Web. If you're already an experienced Web designer, don't ignore this post. Even the most talented and professional desi
In today’s competitive job market, having a standout resume can make all the difference in securing your dream job. A creative resume is an excellent way to grab the attention of potential employers and stand out from the sea of traditional, boring resumes. With these creative resume examples to inspire you, this article showcases how you can showcase your unique skills and personality while still
Learn Web Design Retro CSS Text Effect: A Step-by-Step TutorialCSS offers an array of tools that, when used correctly, can improve the visual experience on your website. In this tutorial, we’ll explore a straightforward way to design a retro text effect with pure CSS. The approach, while not overly complex, yields a visually appealing result and serves as a… UX surveys can be pivotal tools for des
今回の記事は2008-12-07[XHTML+CSS]CSS Spriteで表現する角丸 | Commit Labの続きです。 これはCSS Spriteというテクニックを利用して作った角丸boxです。シンプルな記述のhtml+CSSと一枚の画像で角丸を表現しています。 文字の拡大にあわせてboxの縦が伸縮しますので、すぐにフレキシブルな角丸を表現出来ます。またデザインにおいても、htmlとcssのみで作られているので思いのままに装飾する事ができます。 今回は前回の問題点を修正しました。h2のheightをpxで固定していたのはやめて、line-heightのみで高さを調整しました。これで文字を拡大しても、H2から文字がはみ出す事はありません。 またH2にbackground-colorを与え、どれだけ拡大しても背景が途中で途切れないようになりました。 それに伴いCSS Spriteの画像
div要素で配置した矩形に、シンプルなボーダーや角丸、フェードのボーダーをスタイリングするスクリプトをroydukkeyから紹介します。 DivCorners デモページ ボーダーは矩形の内側と外側に指定して配置することが可能で、ボーダー自体の幅や高さを指定してスタイリングすることができます。 上記キャプチャは、外側(outside)のデモです。 スクリプトの現在の仕様では、角丸やフェードのボーダーには画像が使用されており、下記のイメージで実装されています。
このたび、HTML5 の書籍『徹底解説HTML5マークアップガイドブック』が販売されました。HTML5 が扱う範囲は広大ですが、拙著では、そのうち、マークアップに特化して執筆いたしました。もし書店で見かけたら、ぜひ手にとってご覧ください。 HTML5 を探求し、そして、本書を執筆していくなかで、多くの方から励ましを頂いたり、情報共有頂きました。ご支援頂いた皆様のお力がなければ、本書は完成していなかったでしょう。この場をお借りしまして、皆様には心より御礼申し上げます。 HTML5仕様は、あらゆるウェブ・テクノロジーを包含しているため、すべてを 1 冊では紹介しきれないほど膨大な分量になります。そこで本書では、HTML5の入り口として、まず、マークアップに関するテーマに絞って解説しています。 HTML5では、数多くの要素や属性が追加されました。また、既存の要素の中には、その用途が変更されたもの
When it comes to designing a website Photoshop is an excellent tool for it, No design Software gives you quite so much control as Adobe Photoshop in designing a website. Most Designers share their Creative design stuffs to others for free. so that others can learn from their works, At sometimes these collection will become marvelous time saver. and a learning source for beginner web designers Here
A Logo is a graphical element that, together with its logotype (a uniquely set and arranged typeface) form a trademark or commercial brand. Typically, a logo’s design is for immediate recognition. The logo is one aspect of a company’s commercial brand, or economic or academic entity, and its shapes, colors, fonts, and images usually are different from others in a similar market. Logos are also use
2 Pings & Trackbacks Pingback: 48 Examples of Excellent Layout in Web Design | Inspiration Pingback: 35 Purple Web Designs to Inspire You | Inspiration 49 Comments Very beautiful, and very bright. Great collection thanks! This is a very beautiful and inspiring showcase. It’s nice to see so many positive examples of color use – none of these are tacky. Love colorful websites! I want to see more Ins
This is our selection of our favorite web designs from the past week, some sites we discovered, but the most of them have been recommended by our readers. Thanks for all your recommendations, and we hope you like the selection of sites as much as we do, feel free to comment and let us know what you think. Send us your recommendation for next weeks Weekly Web Design and Development Inspiration (f
I have said it in the past and I will say it again, the talented artists and their outstanding works that I showcase on designrfix.com never cease to amaze me. Today I have assembled an amazing collection of beautiful CG girls in 2d, most of these great works are created in Photoshop and Painter. This article is a two part series on digital art. Enjoy and stay tuned for part 2. For more on Compute
In this tutorial, I will show you how to create a typographic portrait using only Pixelmator. But what does that mean? A typographic portrait is a portrait composed of text. The technique is pretty simple. We will also play with Blending and basic filters. Step 1 Open Pixelmator and create a new document (The size I used was 1440×900 pixels). Then fill the background layer with black. Step 2 Impor
We have put together a smart collection of cool CSS effects to help you learn the nitty-gritty details so that you can use it to create more beautiful web sites. Enjoy! Unlimited Downloads: 500,000+ Fonts, Stock Photos, Themes & Design Assets DOWNLOAD NOW 1. Swatch Book Tutorial with CSS3 & jQuery [Demo] 2. 3D Thumbnail Hover Effects [Demo] 3. Stunning Menu Tutorial in CSS3 [Demo] 4. Collection of
March 1st, 2010 News February 2010 wow what a great month for the online design community, this month I saw a ton of great tutorials to help you grow as a design weather Photoshop or illustrator is your tool of choice theirs a handy tutorials which will be benefiting for you all collected within our monthly round up of the web and design community. Our main focus on creative nerds is design but i
88 Ultimate Round-Up of Photoshop Photo Manipulation Tutorials When it comes to Image editing or photo enhancement, Adobe Photoshop is usually the primary option to consider. However, the software package itself is a quite hard to learn — and extremely hard to master. Display beautiful images is a potent element in web and graphic design, where there is less concern for readability and more potent
TOP > WebDesign > 最新の使えるjQueryプラグイン集「25 Amazing and Fresh jQuery Plugins」 軽量で非常に高機能なjavascriptプラグイン。豊富な機能に加えて、デザイナーでも何とかわかる範囲の言語として最近さらに人気を集めていますが、今回紹介するのは最新の使えるjQueryプラグインを集めた「25 Amazing and Fresh jQuery Plugins」というエントリー。 Meerkat 最近リリーされた使えるjQueryプラグインが集められています。様々な機能のものがありますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Brosho Plugin – Example CSSをブラウザ上から編集できるjQueryプラグイン。使うシーンはかなり断定されてきますが、面白いですね。
アンカーテキストによるリンクは、様々なリンク形式の中で最も古く、最も簡単で、最も慣れ親しまれているものと言えるでしょう。今回はそのテキストリンクの使い方について考えてみます。 いかがでしょう? どれをクリックしたいと思いましたか? ユーザ行動観察調査でよくあるパターンとしては、「とりあえず上から順番にクリックしてみる」か「一切クリックしない」です。 ユーザは、リンクには気づいても(アイトラッキングをすると確実に視線は届いています)、クリックした先に何があるかが想像できないため、当てずっぽうの行動をするか、離脱してしまいます。 自社の製品に独自のネーミングを施して、他社との差別化を図るということ自体はよいのですが、その製品が何なのかが伝わらなければ意味がありません。 では、これではどうでしょうか? それぞれがどんな製品かを示すテキストを添えることで、ユーザの理解が進みそうな気がしますが、残念
SEO対策に無駄なコストをかけないためにも、無料で使えるツールたちは欠かせない存在です。その中でも使えるヤツに限定してまとめておきます。 サイト分析ツール SEOチェキ! URLからサイトの総合的な分析を行う。SEOチェック、Whois情報、順位チェック、HTTPヘッダ情報、ページランク偽装チェックなど。とても軽いのでかなりオススメ。 Website Explorer インストール型のサイト分析ツール。ウェブサイトの構造を探査・解析し、情報を階層表示。リダイレクト、リンク切れ、404エラーなどの調査が可能。Web型リンク切れチェックツールとしては、リンクチェッカーが便利です。 SEO-Browser サイト内のイメージやFlash、CSS、JavaScriptなどの視覚効果を排除し、検索エンジンの目線でサイト構造を分析。文字化けする場合はエンコードを指定(IEであれば、表示→エンコード→日
WordCamp Yokohama 実行委員会は、オープンソースCMS「WordPress」のユーザーや開発者が集うイベントの「WordCamp Yokohama 2010」を5月29日に横浜市の東京都市大学横浜キャンパスで開催することを発表した。申し込み方法などは後日公開予定。 WordCampは、一年を通して40以上の世界各都市で開催されているWordPressの一大イベント。WordPressのユーザーや開発者、Webサイト制作会社などがその普及と情報交換を目的として一堂に会する。 日本ではこれまで東京と京都、そして先月の2月27日に「WordCamp Fukuoka 2010」が福岡で開催されたばかりで、今回のWordCamp Yokohama 2010は、関東地区で3回目の開催となる。今回のWordCamp Yokohama 2010は、東京都市大学 環境情報学部 ソーシャルメデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く