ButtonMaker webボタン素材 自動生成サイト - 無料
このページはホームページ制作に使えるボタン素材を生成するサイトです。 ご希望の項目を設定し、右上の「create」ボタンをクリックするだけで簡単にボタンを作れます。 ※印の付いた項目は設定必須で、その他の項目は必要に応じて設定してください。 各項目の「カラー」の欄は入力欄をクリックするとカラーピッカーが表示されますので、 ご希望の色をクリックすると自動で入力できます。 背景色の「方向」はグラデーションにする際の１から２への色の向きです。 テキストの位置２は自由に指定したい場合に設定すると、 位置１の指定を無視して、位置２で指定した位置にテキストを表示します。
MT underHat - MT5.xのテーマ（テンプレート）を配布しているサイト。
News 2014年4月21日 「MT underHat テーマ 006 - レスポ」を一部修正し、MT6で動作確認をしました。 2012年10月28日 レスポンシブウェブデザインに対応したテーマ「MT underHat テーマ 006 - レスポ」を公開しました。 2012年10月24日 企業サイトの新着情報とかのベースに使えそうなテーマ「MT underHat テーマ 005 - 新着情報」を公開しました。 MT5.2にしたらコメントが投稿出来なくなってたので修正しました。 2010年11月11日 当サイトで配布しているテーマ「ぴくログ」がMovable Type コンテスト 2010のテーマ部門で「優秀賞」を受賞しました！ また、「カンバス」も「特別賞 スマート賞」を受賞することが出来ました！ ありがとうございます。 MTコンテストの受賞サイト一覧は下記より確認できます。 受賞サイト
カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」
Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout | DevSnippets
Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 7 Impressive techniques using some jQuery magic to grab the attention of your users with a simple, rich user experience that gets them excited about your website. 1. Nivo Slider Nivo Slider is a lightweight (7kb compressed) jQuery plugin for creating good-lo
FirefoxをSEO好きやWeb制作者向けにカスタマイズする為のアドオン8選＋α | パシのSEOブログ
SEOやWeb制作を行う上で、サイトの分析やチェックが必要になる事も多いと思いますが、作業効率を上げる為にFirefoxをまっさらな状態から完全なSEO・Web制作仕様にカスタマイズする方法をご紹介します。カスタマイズと言ってもアドオンをインストールするだけですので、誰にでも簡単にできます。 SEO関連 SEO for FireFox ダウンロード Googleの検索結果にSEOに役立ちそうな情報を表示する事ができます。また、nofollowリンクを視覚的に分かりやすくする機能もついています。 利用する為には無料ユーザ登録が必要です。メールアドレスとユーザーネームを登録し、送られてきたメールに記載のパスワードでログインし、さきほどのダウンロード画面からインストールできます。 「ツール ⇒ SEO for Firefox ⇒ Option」で表示したくない項目は消すことが出来ます。Autom
Top Web Design Layout Trends of 2015 Explained
More often than not, a web design consists of a header, footer, sidebar, and the area for the main content, which seems to be the default layout.However, web designers, UI experts, and layout artists have become brave in breaking the norms and creating new web layout designs, even taking them to a new and exciting level. The year 2015 is drawing near to its end, and here is our list of layouts tha
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（2） [technique 12] レイアウトに黄金比・白銀比を活用する 文＝沖塩慶悟（（有）ムーニーワークス） Tool レイアウトの小技 URL http://viskowaza.web.fc2.com/layout/ratio/divide/ パーツレイアウトやデザインの重心バランスに黄金比や白銀比を取り入れたい場合に、指定したサイズの範囲内で、直感的にその比率で分割し、罫線を引けるツール「レイアウトの小技」を活用してみるとよい。このツールは、黄金比・白銀比・半分のいずれかを選択し、たとえばサイト全体のレイアウトなら幅900px内、サイド領域にボタンをつくるため180×111pxの範囲内など、指定したサイズにベースを設けることができ、『▽』マークで分割位置をサポートしてくれる
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（1） [technique 06] グリッドレイアウトを正確にすばやく設計する 文＝伊東美沙貴（AISHA） Tool Grid Designer 2 URL http://grid.mindplay.dk/ Tool GRIDMAKER 3 URL http://www.grafikk.co.uk/gridmaker/ グリッドレイアウトの設計は、 Adobe PhotoshopやIllustrator、Fireworksのグリッド機能やガイドを活用したり、グリッドが描かれた画像を下敷きにするなどの方法がある。そのときにデザインの横幅やカラム数、各カラムの横幅などを算出するが、この数値を自動で算出するツールが「Grid Designer 2」だ。このGrid Designer 2
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（2） [technique 18] 黄金比計算機を使って手早くデザインに生かす 文＝タサキカズナリ（㈲ムーニーワークス） Tool Phiculator URL http://www.thismanslife.co.uk/ 黄金比を計算するとき、毎回その都度計算し直すのは少しめんどうな作業である。そんなとき便利なのがすぐに黄金比を算出してくれる「Phiculator」だ。 だれでも簡単に使えるのが特徴で、入力した値の黄金比を計算してくれるので手早く扱える。Webサイトのメニューからphiculatorページへ移動し、右上の見出し“Try it online”の下のボタン［Phiculator］をクリックすると計算機が立ち上がる。上下の領域いずれかに任意の値を入力すると、その値の黄金
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
フリー素材「取り放題.com」｜ネットショップ、ECサイトに最適なホームページ・WEB素材
フリー素材！ネットショップ、ECサイトの新規開店、リニューアルに・・・ アイコン・ボタン・バナーなどお役立ちの素材が無料で取り放題！ フリー素材「取り放題.com」は、ネットショップ/ECサイト様向けに特化して、 アイコン・バナー・ボタンなどのホームページ・WEB用フリー素材を無料で配布するサイトです。 もちろん個人や企業、団体のホームページなど、ネットショップ/ECサイト以外のWEBサイト様も是非、ご利用ください！ 個人利用・商用利用に関わらず無料でご利用いただけます。 ショップの運営者様やWEB担当者様はもちろん、SOHO、フリーランスのWEBデザイナー様、製作会社様もご自由にご利用ください。 もちろん加工もOK！ですので、ベース素材としてもご利用ください。 （ただし、再販、二次利用はご遠慮願います） ご利用に際しては、リンクなどのわずらわしいお手続き一切不要！ （リンクしていただくの
JavaScript Tabifier automatically create an html css tabs interface
JavaScript tabifier Automatically create an HTML tab interface using plug-and-play JavaScript. Features Converts your HTML into a dynamic tabbed interface. Does not require you to set up a list of links, or anchors for the tabs. Plug and play: no need to know JavaScript, just make a few simple changes to your HTML. Use CSS to customize the appearance of the tabs. Gracefully degrades if JavaScript
How to Create a Clean Web 2.0 Style Web Design in Photoshop
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. In this Photoshop web design tutorial,
Yahooサイトエクスプローラー
Yahoo!検索が提供する、ウェブマスター向けツール。Yahoo! JAPAN IDと一緒に使うことで、自分の管理しているサイトのフィードをYST（Yahoo! Search Technology）のクローラーに送信したり、動的URLの設定をしたりすることができる。指定するサイトのインデックス済みURL検索や、被リンク元URL検索もできる。管理サイトを追加 Yahoo! JAPAN IDでログインすると、管理サイトとして、サイトを追加できます。また、「管理サイト」に追加したサイトが認証されると、次の操作ができます。 あなたのサイトのフィードURLをYahoo!の検索エンジン（YST＝Yahoo! Search Technology）に送信する。 Yahoo!の検索エンジンにインデックスされているあなたのサイトのページを、Yahoo!検索の検索結果で非表示にする。 コンテンツに影響を
CSS Sprite Generator, Editor, and Code
What are CSS Sprites CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. This technique can
40 Exceptional jQuery Interface Techniques and Tutorials
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. With the advent of JavaScript/web appl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Aext.net
arbent.net
Google ウェブマスター ツール
http://www.pythagoras.bz/index.php/default/page