ボタンなどのホバー時にカラーを少し明るくしたい、エレメントのコントラストのために境界を暗くしたい、といった時に役立つオンラインサービスを紹介します。
ボタンなどのホバー時にカラーを少し明るくしたい、エレメントのコントラストのために境界を暗くしたい、といった時に役立つオンラインサービスを紹介します。
realtimeweb.jp 2021 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
ホーム > Adobe CS 4 Web Standardの値段でAdobe CS 5 Web Premiumが手に入る! CS 4 Web Standardの値段でCS 5 Web Premiumが手に入る! 解説 Adobe Creative Suite 5 からはWeb Standardがなくなります。そのため、無償アップグレード期間にAdobe Creative Suite 4 Web Standardを購入するとAdobe Creative Suite 5が出た時にAdobe Creative Suite 5 Web Premiumへのアップグレードになるのです! ここがお得! 【1】116,500円も価格が安い! Tool GarageではAdobe Creative Suite 4 Web Standardを119,700円(税込)で販売しています。 一方、Adobe S
うちの猫がいびきかいて寝てる カテゴリ動物 1 :以下、名無しにかわりましてVIPがお送りします:2009/09/10(木) 02:56:04.62 ID:Z6KLTqtK0 いびきうるせええええええええええええ 2 :以下、名無しにかわりましてVIPがお送りします:2009/09/10(木) 02:56:44.91 ID:b4gNGMcg0 それでも一緒に寝たいんだろ? 5 :以下、名無しにかわりましてVIPがお送りします:2009/09/10(木) 02:57:02.78 ID:Z6KLTqtK0 ぐーぐーうるさくて無理w これ病気とかじゃないよね? 以下、名無しにかわりましてVIPがお送りします:2009/09/10(木) 02:57:34.96 ID:eOqH0qZKO うちの親父もだよ かわいいよね 49 :以下、名無しにかわりましてVIPがお送りします:2009/09/10(
第8回「最近注目を集めているJavaScript/jQueryのツール・テクニック45」 2010年04月09日 今回は、JavaScriptやjQueryを使ったテクニックやツールなどを紹介しよう。これまで同様の記事を何度か掲載してきたが、今回は海外で多くの注目を浴びたものを厳選している。フォームやボタン、カレンダー、ナビゲーション、デバッグ関連などさまざまな記事を紹介するので、ぜひチェックしてほしい。また、後半ではJavaScriptに関するリファレンスサイトなども紹介している。 余談だが、Smashing Magazineのページ上部にネットワークタブがあることをご存知だろうか。こちらでも記事を紹介しているので、ぜひご覧いただきたい。 翻訳元サイト:Smashing Magazine http://www.smashingmagazine.com/ 原文:45 Fresh Usefu
Webデザイン青 x 黒 個人的に好みの配色の黒x青 系を使ったWebデザインの例を まとめます。第二弾目です。 前回はロゴなどもご紹介しまし たが、今回はWebデザインのみ になります。 個人的に好みの配色の黒x青 系を使ったWebデザインの例を まとめます。第二弾目です。 前回はロゴなどもご紹介しまし たが、今回はWebデザインのみ になります。 第一弾記事はこちらです。同じような配色でデザインされるご予定の方のインスピレーション向上に一役買えれば幸甚です。数多くありますが、印象的且つ、前回ご紹介してない事を条件に23サイトを選びました。 Fuel ブランドならではのミニマルデザイン。 Fuel minimalist approach 3色のみで構成。 minimalist approach Sign Solutions ロゴもかっこいい。 Sign Solutions nadie p
昨年2009年11月のPDC09に続き、2010年3月のMIX10でIE9(Internet Explorer 9)の概要が紹介された。そのプレビュー版がすでにダウンロード可能になっている。 IE9(プレビュー版)のダウンロード また、IE9の機能を体験できるデモ・サイト(IE9 Test Drive)も新設されているので、IE9(プレビュー版)をインストールしたら、そのサイトも試してみるとよいだろう。 IE9デモ・サイト:IE9 Test Drive IE9の今回のリリースはプレビュー版ということもあり、ブラウザの外観や使い勝手はまだまだプロトタイプ・レベルであり、日常的に利用できるようなものではない。特にURLアドレス・バーがなく、[戻る]ボタンが搭載されておらず、しかも[Back Space]キーでも戻れないので、通常の閲覧作業でも困ることが多い。 このような状況なので、ベータ版のレ
「マイクロフォーマット(microformats)の蹉跌と希望」において、マイクロフォーマット(microformats)のデータモデルもマークアップも曖昧すぎて、どうもダメな感じだと指摘しました。しかしそれでも、次の点はマイクロフォーマットの優位点だと僕は思います: 今ある技術だけですぐさま出来る、新しいナニカを必要としない。 CSSデザインとの相性がよい。 hCard、hCalendarなどのスキーマが既に存在する。 特に最後の「スキーマのレパートリーがある」という点はとても大きな魅力です。もっとも、スキーマ記述言語がない(しいて言えば自然言語)ので、スキーマって概念も曖昧な状態ではありますが。 「マイクロフォーマット(microformats)の蹉跌と希望」のコメント欄にて、神崎正英さんより「microdataはどうか」というヒントをいただきました。Kuwataさんも「microda
さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor)の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く!という人は以下のプレイヤーからどうぞ。 んで、これまではGoogle Drive上に保存したmp3ファイルを聞きたい方は以下のリンクをクリックしてください。ブラウザ内で聞けます。 https://drive.google.com/f
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け(制作者に関係する要件)と、Webブラウザを作る人向け(実装要件についての要件)ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
今日は、SEO関連の話題を。以前から伝えてきた件ですが、ついにグーグルが、検索結果の順位決定の要因として、ページの表示速度を含めたことを公式に発表しました。 グーグルは検索順位の決定に200以上の要因を利用していることが知られていますが、その要因の1つとして、ページの表示速度が正式に順位決定に関係するようになったということです。 → Googleウェブマスター公式ブログの記事(英語) どんな形で速度が順位に影響するのかは、グーグルからは明らかにされていませんが、これまでの情報によると、次のような形になるのではないかとおもわれます。 遅いサイトの順位が下がるのではなく、速いサイトの順位が上がる上位20%が速いとみなされ、現在そのしきい値は約1.4秒HTMLだけでなく画像やCSSを読み込み、JavaScriptの動作が完了するまでの全体の時間が対象 グーグルは以前に、ページ表示の時間が遅くなる
Designing a website isn’t just all graphics and strings of code, it takes style. This means that with most websites you come across, you’re bound to see a certain style being implemented or adapted. With these styles designers and others are able to reach a broader crowd and extend their brands or portfolios to the possibility of being recognized by potential clients. There are a variety of differ
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: 30 Breathtaking Examples of Bokeh Photography | Inspiration Pingback: 15 Fresh and Useful Photoshop Tutorials | Tutorials 19 Comments Thanks for this time saving collection ! Very informative! Now only if cellphone cameras can do the same thing… What a great idea! You are the real time saver. Appreciate your efforts in putting this together. Great examples! I was loo
One Ping Pingback: 60 Excellent Examples of Illustration in Web Design | Inspiration 30 Comments Oh very nice Collection 🙂 i love Hand Drawn Designs and Elements in Web Design. Very Beautiful. Great collection! One of my favs: https://rob-sheridan.com/sketchblog/ Some really amazing drawings and illustrations there. You don’t come across many websites with this kind of styling, which makes them e
TOP > Design , Photoshop > 様々な表現が可能にしてくれるphotoshopブラシセット集「34 Super Cool Photoshop Brushes」 制作の表現をより豊かにそして便利に使えるphotoshopブラシ。様々な表現のphotoshopブラシがリリースされており、使い方によっては高いクオリティを実現できます。今日紹介するのは様々な表現のphotoshopブラシをまとめたエントリー「34 Super Cool Photoshop Brushes」です。 Starry Grunge 爆発から、光、植物などなどさまざまな表現のphotoshopブラシが集められています。今日はその中から気になったブラシセットをいくつか紹介したいと思います。 詳しくは以下 ■Halftone Brushes さまざまなトーンを集めたphotoshopブラシ。デザイン
<textarea name="code" class="css" cols="60" rows="5"> .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20
画像を大量に配置するECサイトなどに便利そうな、スタイルシートのテクニックをCSSplayから紹介します。 CSS play - F.a.S.T - Fit and Shrink Technique デモ サイズはばらばらで、しかもサイズの指定をおこなっていない画像を一定の幅と高さのボックスにアスペクト比を維持したまま真ん中に表示します。 上記のキャプチャはスケールを変えているので、ぜひ元サイトのデモをご確認ください。 対応ブラウザはIE7/8, Fx, Op, Safari(PC), Chromeなど主要なブラウザのほとんどで動作します。 IE6では画像の元サイズで表示されてしまい、しかもボックスの真ん中には表示されない、とのことです。
WideImage - An open-source PHP library for image manipulation PHPで画像のリサイズ/切抜き/合成といった処理が簡単に行えるライブラリ「WideImage」のご紹介です。 PHPからGDを使えばリサイズや切抜きは比較的簡単に出来るものの結構面倒だったりします。 そこで、WideImageを使えば、次のようにオブジェクト指向で簡単に、あとで見ても理解しやすいコードで記述可能です。 WideImage::load('big.png')->resize(50, 30)->saveToFile('small.jpg'); // big.png を読み込んで50x30ピクセルにリサイズしてsmall.jpgに保存 WideImage::load('pic.jpg')->crop('center', 'center', 90, 50)->o
Robert’s talk Robert Nyman氏がHTML Validator - Robert's talkにおいてChrome向けのHTMLバリデータエクステンションを公開した。同氏はこれまでにいくつもFirefox向けのエクステンションを開発している。HTML Validatorは簡単に扱うことができて便利。紹介されている内容をまとめると次のとおり。 HTML Validatorの特徴 自動または手動でHTMLの検証を実施可能。W3C Validatorを使い、インラインで処理することもW3C Validatorへ処理を飛ばすこともできる。 HTML Validatorのアイコンはアドレスバーの右側に表示される。ページにエラーがなければ緑色で0と表示され、エラーがあれば赤色でエラー数が表示される。エラー一覧はページ下にダイアログがポップアップする。 HTML Validator
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く