![http://www.designwalker.com/2008/01/elle-calendar.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ff1f0b6088f4085799229c562dcb3525e2a3b27/height=288;version=1;width=512/https%3A%2F%2Fg.twimg.com%2FTwitter_logo_blue.png)
How many creative solutions for calendar design are out there? If you take a look around you’ll find out that most calendars are designed in a “standard” linear fashion. Calendar cards usually have the same structure: the month is designed in bold while the days are placed below within a rigid grid structure. Well, it doesn’t have to be like this. In fact, there are a number of creative approaches
In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along. Before we get started, consider using one of our HTML5 Templates or CSS
今日はセキュリティ関連の話題を。というのも、6月にIPA(独立行政法人情報処理推進機構)が公開した「ウェブサイト構築事業者のための脆弱性対応ガイド」という資料が非常にわかりやすかったからです。 IPA(独立行政法人情報処理推進機構)が2009年6月8日に、「ウェブサイト構築事業者のための脆弱性対応ガイド」を公開しました。 昨年は「ウェブサイト運営者のための脆弱性対応ガイド」でしたから、これで発注側向けと受注側向けの、Webサイトのセキュリティに関するIPAのガイドが揃ったことになります。 ウェブサイト構築事業者のための脆弱性対応ガイド → http://www.ipa.go.jp/security/fy20/reports/vuln_handling/ (解説) → http://www.ipa.go.jp/security/ciadr/vuln_sier_guide.pdf (本文PDF
Webブラウザが次世代規格に対応しているかを一発検出 Faruk Ates氏は7月3日(米国時間)、Modernizr Version 0.9をリリースした。Modernizrは次世代規格であるCSS3の各種プロパティが有効かを検出するためのライブラリ。デベロッパは同ライブラリを使用することで、実行中のWebブラウザが次世代規格の機能に対応しているかを簡単に検出・確認できるようになる。 Version 0.9の時点で検出可能な項目は次のとおり(リリースノートより抜粋)。 Canvas rgba() hsla() border-image: border-radius: box-shadow: Multiple backgrounds opacity: CSS Animations CSS Columns CSS Gradients CSS Reflections CSS Transform
Webアプリケーションを開発、運用する側にとって、どのWebブラウザのどのバージョンをサポートするのかを決めることは非常に重要です。サポートするWebブラウザを絞り込んでしまえば開発は容易になりますが、利用者には狭い選択肢を強いることとなります。サポート対象を広げるほど利用者には便利になりますが、開発時に各Webブラウザの互換性の問題に気をつけなければならず、またテストの工数もねずみ算的に膨らみ、開発工数の増大からコストの増大へとつながります。 いま業務アプリケーションも含めて多くのアプリケーションがWebアプリケーション化しています。社内のスタッフだけが使うことを想定するのならば、Webブラウザの種類とバージョンを限定してもいいでしょう。 しかし今後は社内に複数のベンダから調達したWebアプリケーションが混在することになるでしょう。そのときに、それぞれのWebアプリケーションがサポートす
【短冊】「全てのブラウザの仕様が統一されますように」 #tanzaku #sasa こんにちは。スーツでもギークでもない、奴らの板挟みでストレス気味な「パーカー族」のディレクター園野です。なんか技術ネタをということなので、マピオン(PC版)の2009年6月の月間ブラウザシェアを発表したいと思います。 マピオンではアクセス解析ソフトのVisionalistを使用しております。 今回はVisionalistで解析したデータを発表します。 ではユーザーエージェント別に、月間上位20位までをババーンと! グラフだとIE強すぎでわかりませんね\(^o^)/。 表にしてみましょう。 IEだけで、全ブラウザアクセスの実に85%程度を占めます。IE大事ですね。 最近は、Firebug様があまりに便利なので、Web開発の際はFirefoxで表示・動作確認するエンジニアが多く、結果「え?Firefoxな
ビジネスパーソンがiPhoneを利用する上で重視したいのは、やはり最新の情報を手軽に収集できるツールだろう。便利なアプリやツールが充実するAppStoreの中から、筆者が独断と偏見で選んだお薦めのiPhoneアプリを30本紹介しよう。 スケジュール管理の決定版! 「さいすけ 無料版」 Googleニュースをオフラインでもチェックできる 「GNReader」 超太っ腹! 大手全国紙の全紙面を無料で読める 「産経新聞」 RSSフィードをチェックして情報を手早く入手 「NetNewsWire」 無料百科事典サイト「Wikipedia」の情報を検索 オフライン閲覧も可能 「Wikiamo」 コミュニティサイト「2ちゃんねる」の閲覧・投稿が手軽にできる 「BB2C」 世界中の地理情報にアクセスできる 「Google Earth」 YouTubeなどの動画を検索&ダウンロードしてオフラインで見られる
FLASH SALE Get 20% OFF everything using the coupon code: FLASH20 View Pricing Plans → Premium WordPress Themes Join 150,000 customers worldwide who choose our premium WordPress themes to build their websites. With premium quality design, impeccable code, friendly support, and clear documentation, you’re set to create your ideal website with ease. Browse our selection of beautiful, feature-packed W
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Social news/bookmarking websites are a
Freebies 300+ Excellent Photoshop Brushes for Creating Painted Effects Henry JonesJuly 7, 200917 Comments06.4k If you are thinking of creating your next web design using a painted style, you have two options. You can purchase real painting materials and create your own Photoshop brushes, or you can use free brushes that have been created by someone else. Since most web designers have limited time
もうかなり前になってしまうのですが、OSCにて自分が発表した内容をまだブログに書いておりませんでした。発表しておいてなんですが…この内容はないなーと、反省。。。ですが、ブログ用に編集してまとめてみました。 ようやくまとめる時間が取れてよかった。。。 いろいろな意味でいまさらなのかもしれないですが、タイトルも変更して、あらためてまとめます。 最初はクロスブラウザとかの面でだけ考慮して書いていたので、ところどころそんな文章もありますが、基本的にコーディング時・制作時のポイントとか抑えておくべき基礎的なポイントです。 現在使われている主なブラウザ まず、クロスブラウザに対応とか言う前に、どんなブラウザがあるか再確認。 ■主なブラウザとバージョン ・Internet Explorer(IE) 5.5~8 ・Firefox2~3.5 ・Opera9.6~10 ・Safari3,4 ・Google C
Content of HTML table cells can be dragged to another cell or another table. It isn’t difficult to define onMouseMove handler and change top / left element styles to move the object. In case with tables, you will have to determine somehow target cell. Attaching onMouseOver handler on TD elements will not work, because browser doesn’t fire events to the elements below the dragged object. Anyway, af
We all have seen many techniques of making a vector grunge in Illustrator. Live tracing a textured image and Symbol Sprayer tool are the most common ones. In this tutorial, we will learn how to create an original vector grunge from scratch using some less common tools. Let’s get started! Final Image Preview Below are example effects we can achieve with this technique, and the final image in this t
基になる画像の縁を、周辺光量不足のように暗く加工。さらに、調整レイヤーでコントラストや彩度を高めることで作成した。また、あえて色かぶりするまで彩度を高め、コントラストを強調することで、よりトイカメラ風の質感を演出することが可能だ。 基になる写真の縁を暗くする 1-1 1-2 まず最初に、基になる写真をPhotoshopで開く1-1。続いて、“変形”→“レンズ補正...”フィルタを選択。さらに表示されたダイアログで、[周辺光量補正]を[適用量:-100]として実行した1-2。 彩度を高めてトイカメラ風の色合いを演出 2-1 ▼ 次に、レイヤーメニュー→“新規調整レイヤー”→“色相・彩度...”を選択し、表示されたダイアログで[彩度:77]として[OK]ボタンをクリックした2-1。この際、あえて画像がトーンジャンプするぐらいまで、彩度を高めるのがポイントだ。 コントラストを強めて質感を高める
パラメータ入りのURLを人にもクローラにもわかりやすいURLに変換することの利点は、みんなすでに理解していることだろう。でも、カテゴリや製品ページの数が膨大にある場合、標準的なURLリライトツール(ISAPI_Rewrite、mod_rewriteなど)では、必ずしもそれほどうまく対応できるというわけではない。そこで今回は、このコードを自分で書くには何が必要かを順を追って説明して、みんなが思っているほど恐ろしくも複雑ではないことをわかってもらい、その後のメンテナンスや柔軟性などについての利点もいくつか示すつもりだ。 概要出発点君のサイトではパラメータが含まれたURLを使用しているが、SEOおよびユーザーの使い勝手という観点からは、ある程度読みやすいURLのほうが有利ではないかと考えている。サイトにはたくさんのコンテンツがある。その多くはデータベースから引き出してきたものだ。製品、カテゴリ、
Webサイト制作の現場でオープンソースCMSを導入するケースが増えてきています。オープンソースCMSには、商用CMS製品にはないメリットがある反面、注意しなければならない点もあります。CMSを導入するディレクター視点で、オープンソースCMS利用のポイントをお伝えします。 導入企業から見たオープンソースCMSとはCMSを必要とする案件では、普段商用CMSを使うことが多いのですが、最近になってクライアントからの要望でオープンソースCMSを利用するケースも出てきました。 では、どういうケースでクライアントからオープンソースCMSの要望が出るのでしょうか。よくあるのは次のような要望です。 開発費用を抑えたい(低コストでログイン機能やフォーラム機能などを実装したい)ライセンス費用を抑えたい多言語環境で利用したい自社で今後カスタマイズしていきたいなかでも、費用を抑えたいという要望が最も多いのですが、費
今回は、コンバージョンを成果指標としているウェブサイトにおいて、顧客データベースと連携した分析を行ない、「最終的に利益を生む顧客」の獲得に成功した事例をご紹介します。 ビジネスの目的を「利益」と考えた場合、「会員登録」「資料請求」「口座開設」などのコンバージョンは、優先度の高い中間ゴールではあっても、最終ゴールにはなりえません。 例えば、会員数をいくら増やしたとしても、その後の商品購入(利益)に結びついていなければ、「利益を生む顧客」を獲得できたとは言えません。 最終ゴールである利益を殖やすためには、顧客データベースと連携したウェブサイトの分析を行い、「最終的に利益を生む顧客」を獲得するシナリオを明確にする必要があります。 【事例】 利益ベースの分析で広告費を効率化 金融業を営むある企業では、OvertureとGoogle Adwordsの2媒体にリスティング広告を出し、「口座開設」の増加
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
メールアドレスに含まれるのはドメイン名で、メールサーバそのものを指すわけではない。では、どのようにしてメールサーバを探し当てるのだろうか。ドメイン名とIPアドレスをひも付けるDNSサーバとの関連性を見ながら説明しよう。 ドメイン名からメールサーバ? 通常のメールアドレスには、宛先のユーザー(のメールボックス)が所属する組織を表わす「ドメイン名」が含まれている。ただ、このドメイン名は、組織などのグループに付けられる名前で、特定のサーバを示すわけではない。たとえばWebサーバであれば「tech.ascii.jp」のように、ホスト名の形で通信相手を特定する。これと同様に、本来であればメールの宛先であるメールサーバのホスト名を指定するべきである。もちろん、メールアドレスに「@mta.biglobe.ne.jp」といった具合に、メールサーバの名前(に見える情報)を追加しているISPもある。しかし、企
FireUpFox Express -Take years off your "Profile"...-~古女房はvacuumで若返る~ SQLite ManagerがFirefox 3.5RC2で動作しなかったので、 カッとなってやった。後悔はしていない。 使用期間が長かったり、履歴・ブックマークが多いProfileほど効果を実感できるはず。 でも、もしかしたら何の効果も得られないかも。 単純に全てのProfileにSQLiteの再構築をかけて 結果を表示するだけのスクリプトですが、 念のためエラー回避機能を仕込んでおきました。 ご使用は自己責任で。 FireUpFoxExpress 0.1 & FireUpFoxExpress_Silent 0.1 Universal Binary , Mac OS X 10.4.11で動作確認 (FUFE01.zip 640KB) ダウンロード 旧版
その内容がこちら: * Responsible for(責任のある) * Experienced(経験豊富な) * Excellent written communication skills (書面での優れたコミュニケーション能力) * Team player(チームプレイヤー) * Detail oriented(細部にも気を使う) * Successful(成功した) ネタ元のブログによると、これらの言葉が問題なのは、当たり障り無さすぎる言い回しで、本当に書くべき詳しい経験をアピールする足かせになるからだそうです。もちろん、採用担当者は「経験のある人」を求めていますが、形容詞で「経験がある」と言われるのではなく、具体的な経験の内容を知りたいのです。つまり、こういうことです。気になる書き方の悪い例・良い例は以下より。 ● Responsible for(責任のある) 悪い例: Resp
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
Often creative and truly remarkable design solutions remain unknown because we, designers, simply overlook them. Being busy with our own projects, we sometimes try to grasp the intuition behind (probably) complex and cluttered code of other designers to understand how they manage to implement particular design ideas. In fact, by just observing the code of other developers we can learn a lot from t
XHTML 2 is dead, long live HTML5! According to W3C News Archive, XHTML 2 working group is expected to stop work end of 2009 and W3C is planning to increase resources on HTML5 instead. And even although HTML 5 won’t be completely supported until 2022 (yes, 2022), it doesn’t mean that it won’t be widely adopted within the foreseeable future. XHTML 2 is dead, long live HTML5! According to W3C News Ar
Last month I met some guys that are working on a really nice project that involved an iPhone app. So they invited me to design the web site, called Wellknown.as. I loved the idea and started looking for references and inspiration so I could start the design itself. So in this tutorial I will show you a little bit of how I created it using Fireworks. Of course you can do the same thing in Photoshop
A perfect layout, A good design and nice resource can produce a creative output. Layout, textures and patterns are used more often than one may think but the outcome of different combination can result verity of excellent designs. Modern age designers love to experiment with things and observe how people interact with their work. However, When it comes to corporate website design you need to take
Creativity comes in many shapes, sizes and colors – and it just so happens that today we’re looking at some of the amazing work people do with paper textures in web design. From their portfolio websites, to blogs and resource websites, this post is going to showcase 35 of the best paper made website designs. Some might even go so far as to say that designing with paper is environmentally friendly
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
これは、HTML5 で規定されている全要素のリファレンスです。HTML5 仕様の日本語訳です。HTML5仕様では、それぞれの要素の具体的な使い方などにも触れています。ここでは、そのような規定についても翻訳しましたので、HTML5 でページを作成する際に、お役立てください。 * が付けられた項目は、W3C HTML5 仕様の 2014 年 10 月 28 日版の勧告に基づいています。* が付いていない項目は、それより古い仕様に基づいていますのでご注意ください。 実装者(ブラウザーベンダーなど)向けの仕様については、一部、英文のままとなっておりますが、ご了承ください。 ルート要素 html 要素 ドキュメントのメタデータ head 要素 title 要素 base 要素 link 要素 meta 要素 style 要素 スタイリング セクション body 要素 article 要素 secti
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く