Googleマップを埋め込む際に吹き出しを消すには、以下のようにします(2012年11月24日時点)。 output=embed&iwloc=B 「output=embed」という箇所に「&iwloc=B」を追記します。
Top 30 Responsive jQuery Slider Plugins for Websitesという記事で、jQueryを使ったスライダープラグインがまとまっています。 Camera Slider 加減速やトランジションの気持ちいいスライダー carouFredSel レスポンシブに対応したカルーセルプラグイン FlexSlider 2 ベーシックなスライダー WOW Slider 思わず「わぉ」となってしまう動きのスライダー CSS3 Responsive Slider JavaScriptを使わずCSS3で実装されたスライダー Top 30 Responsive jQuery Slider Plugins for Websites
コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ
Diary Webデザインで最も愛されているフォント16選『16 Best-Loved Font Bits In Web Design』 Webデザインでよく使われるフォントはなんだろう。 そんなときにおすすめなのが、『16 Best-Loved Font Bits In Web Design』。Webデザインで最も愛されているフォント16選だ。 以下にご紹介する。 1.Helvetica, Helvetica Neue, Arial 2.Verdana 3.Georgia 4.Trebuchet MS 5.Century Gothic 6.Lucida Sans Unicode, Lucida Grande 7.Palatino 8.Garamond, Baskerville, Caslon 9.Univers Condensed, Linotype Univers 10.Myriad
ちょっとメモ。 Photoshop CS5でフォルダ内の画像を一括してリサイズする方法です。 アクションパネルで「新規アクションを作成」をクリックし、アクション名をつけて記録ボタンをクリック。 記録が始まるので、以下の手順を踏む。 ・リサイズしたい画像を1枚開く ・command + alt + i で画像解像度を指定してOKをクリック ・command + s で保存 ・command + w でファイルを閉じる アクションパネルの「再生 / 記録を中止」をクリック これで、リサイズするアクションが登録されました。 アクションパネルで登録したアクションを選択した状態で、Photoshopの「ファイル / 自動処理 / バッチ」をクリック。 上記のようにチェックボックスにチェックをつけて、フォルダーを選択してOKをクリック これでフォルダの中の全ファイルに対して、1ファイルずつ開いてリサイ
本日から、自分でできるSEO対策システム「SEO Park」の提供を開始します。 今まで対面で販売していたサービスを、オンラインでお申し込み頂けるようにいたしました。 サービス概要は以下となります。 他社より安価なSEO対策をご利用頂けます。 月々9,800円から。初期費用は無料です!今ならもれなく、1ヶ月無料お試し利用頂けます。 内部・外部施策の両方の施策を、ご自身の手で設定・活用頂けます。 自動リンク補填機能 設定したキーワードで検索結果の1ページ目(10位以内)に入るまで、広告掲載数が自動的に5%増加します。 何度でも無料でキーワード・URLの変更が可能です。 詳しくは以下のサイトからご確認ください! SEO施策を考えられているご担当者様(個人の方もご利用可能です)は、ぜひご検討ください。 SEO Park – 月々9,800円で、自分でできるSEO対策ツール!! ようやくリリース。
継ぎ目のない布地のパターンを探している。 そんなときにおすすめなのが、『Tileables Pattern Pack #4』。布地のパターンファイル集です。 いい感じのパターンになっていますね。ダウンロードすると、patファイルが入っているので、それを開くとPhotoshopにパターンとして登録されます。 PSDファイルも入っているので、レイヤーごとにどんな布地なのかを確認できます。 テクスチャやパターンを探している方は、一度見てみてください。 Tileables Pattern Pack #4 引越し先が見つかりました。来月引越しなので、それまでにいろいろと進めようと思います。 JAVAプログラマへご応募いただいている皆様、ありがとうございます。ばたばたしていてまだ返信できておりませんが、本日中にご返信いたします。 あと今日は税理士さんと打ち合わせ。数ヶ月分の損益書等を出してもらいました
フォームをより使いやすくしたい。 そんなときに使えそうなのが、『50 jQuery Plugins for Form Functionality, Validation, Security and Customisation』。フォーム周りに使えるjQueryプラグイン集です。 バリデータやアップローダ、パスワードの安全性チェックなど、いろいろありますね。 jQuery “Highlight” Plugin フォーカスが当たっているフォームに背景画像を敷いて、ハイライトしてくれるプラグイン Autotab: jQuery Auto-Tabbing and Filtering 電話番号などのinputで、自動で次のinputにカーソルを移動してくれる jQuery NobleCount Twitterのような、あと何文字入力できる、を表示してくれる「jQuery NobleCount」 AJ
96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed
サイトにスライドショーを使いたい。 そんなときに参考になるのが、『30 Examples Of Great Slideshows In Web Design』。かっこいいスライドショーを使ったWebデザイン集です。 洗練されたデザインが揃っていますね。 Agnarson jQueryを使った、フェードイン&アウトで切り替わるスライドショー。動きがとても気持ちいいです Boerdam 大胆に画像が切り替わるインターフェース Dconvulsions PCの中で、画像がクールに切り替わるDconvulsions Etondigital 手作り感のある背景の上に、スライドショーを乗せたデザイン Graphik グラデーションが美しいスライドショー サイトデザインもかっこいいものが多いので、一度見てみてください。 30 Examples Of Great Slideshows In Web Des
83317481, Maria Teijeiro/ Lifesize/ Thinkstock フェードイン&アウトで切り替わるスライドショーが作りたい。 そんなときにおすすめなのが、『Build a Simple Image Slideshow with jQuery Cycle』。フェードイン&アウトで切り替わるjQueryのスライドショーです。 jQueryのスライドショーは画像が移動するものがよく見られますが、これは同じ場所で切り替わりますね。動きが自然で気持ちいいです。 デモは以下から。 View the demo デザインの仕方から、XHTML / CSS、JSまで解説されているので、ぜひ見てみてください。 Build a Simple Image Slideshow with jQuery Cycle いつもと違うカフェに入ってみた。客層も雰囲気も違っていい感じだ。 今日は作業
リアルな紙をPhotoshopで描きたい。 そんなときに参考になるのが、『Create a Realistic Paper Texture in 5 Minutes 』。Photoshopでリアルな紙のテクスチャを作る方法です。 以下のような流れで解説されていますね。 1280 x 1024pxの新規ドキュメントを作成。「長方形選択ツール」で矩形を描いて、qを押下。クイックマスクモードに入る。「フィルタ / ピクセレート / 水晶」でセルのサイズに「3」を入力してOK。もう一度qを押下してクイックマスクモードを解除、「Cmd+shift+alt+N」で新規レイヤーを作って、dを押下後、「Cmd+Delete」で選択範囲を白で塗りつぶす。「Cmd+D」で選択範囲を解除 「焼き込みツール」で露光量を20%にし、紙を暗く汚い感じに見えるまで塗る。その後、「フィルタ / テクスチャ / テクスチャ
jQueryでシンプルな動きのメニューを作りたい。 そんなときにおすすめなのが、『7 Vertical Menus With jQuery Effects』。jQueryで作る垂直メニュー集です。 メニューにマウスオーバーすると、 中のテキストがすっと右にずれたり、背景がびよーんと伸びたりするメニューの実装方法になっています。 jQuery Easing Pluginを使っていて動きが滑らかなので、気持ちいいですね。 デモは以下から。 View Demo 一度見てみてください。 7 Vertical Menus With jQuery Effects ふぅ、やっと少し落ち着いた。今週はずっと集中しっぱなしでした。昨日ブログ書けなかった分を挽回挽回! Web Designingの方にお声がけいただいて、「サイトを彩るパーツのアイデア集」という特集で、見出しやテーブル、検索ボックスやTwitt
WordPressで作ったサイトをより魅力的にしたい。 そんなときにおすすめなのが、『20 WordPress Plugins For Better Image Handling』。画像をより魅力的に使うためのWordPressプラグイン集です。 おっと思うようなプラグインが結構ありますね。いくつかご紹介します。 jQuery Image Lazy Loader WP 最近の海外のブログでよく見られるプラグイン。ページをスクロールするのに合わせて画像が読み込まれる。これを使っていたのか。。 Frontpage-Slideshow クリッカブルなスライドショーを作成。記事へのリンク等に使える NextGEN Gallery 画像にFlashのアニメーションのような効果をつけられるNextGEN Gallery。かなりかっこいい FlippingBook ページがめくれたような表現で画像を表示
WebDesignFanで、かっこいいjQueryのスライダーがまとまっています。 いくつかご紹介しますね。似たようなエントリーを書いていますが、あまり見たことのないものがいろいろあります。 jQuery Plugin – Feature List 左にナビゲーションがあって自動で切り替わる Accessible News Slider ナビゲーションがわかりやすいニューススライダー。広げる、たたむ機能もあり Animated JavaScript Accordion V2 シンプルで使いやすいアコーディオンメニュー Easy Slider 1.7 – Numeric Navigation jQuery Slider とてもクールなスライダー。左右にナビゲーションあり SlideItMoo 1.1 – improved image slider 左右のナビゲーションでスライドするタイプ M
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く