RefineSlide / Camera | a free jQuery s... / CarouFredSel他...全7件
![レスポンシブWebデザインに対応したjQueryスライドショープラグイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/94b49aee9ff5a0fa9b53a420ae3885f850acd10c/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2012%2F4%2F2%2Fl_2012-4-2_9e18fd44ff6a15f53e75966e3bd37bb1.jpg)
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね! 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le
Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
テンプレートキングへようこそ! このサイトではコーポレート(企業/会社)サイト、個人サイトで使えるwordpressテーマを中心に編集していきます。 当サイトでで使用しているwordpressテーマはAFFINGER6(WordPressテーマ)です。 有償ながら「最適化」に特化したアフィリエイトサイトからコーポレートサイトまで幅広くカスタマイズが可能で汎用性が非常に高いのが特徴です。 また、管理画面も初心者でもマニュアルを読む事もなく操作出来てしまうシンプルさも持ち合わせております。 最初からAFFINGER6を利用すれば良かった。 そうお客様から言われました。 綺麗なデザインだけでは勝てる時代はもう終わりました。
SOY CMSは成果を上げるためのCMSです。 「人員を増やさず受注量を増やしたい」「取引を継続的なものにシフトしたい」「受注できる仕事の幅を増やしたい」Web制作会社様のためのCMSです。 Webへの投資の費用対効果を最大化させたいサイトオーナー様も是非ご利用ください。 オープンソースライセンスで公開、配布していますのでご利用は一切無料です。サポートが必要な場合にのみ、有償でサービスをご提供しています。 SOY CMSを使用したサイト構築・リニューアルについて SOY CMSを利用したサイト・ネットショップ構築に関しては開発元もしくは公式パートナーまでお問合せ下さい。 サポート内容、詳細についてはこちらのページをご覧ください。 開発元ではCMSを導入しても更新を継続していくのが難しいという場合の、Webサイト運用体制構築のコンサルティングも提供しています。 更新情報・お知らせ 2024/
いつもricollabをご利用いただき、ありがとうございます。 この度、誠に勝手ながら2018年2月28日をもちまして「ricollab blog」「郵便番号検索サービス」の各サービスを終了させていただきます。 日頃より利用いただいております皆様にはご迷惑をおかけすることとなり、誠に申し訳ございません。長らくのご愛顧をいただき、厚くお礼申し上げます。 ricollabは、2008年より運営を続けて参りました。しかし、この数年で利用者も大幅に減少しており、サービスとしての役割を終えたと考え、終了という判断に至りました。ご愛用頂いている利用者の皆さまにはご迷惑をおかけしますが、何卒ご理解頂きたく存じます。 ■郵便番号検索APIのご紹介 http://zipcloud.ibsnet.co.jp/doc/api https://github.com/madefor/postal-code-api
Photoshop actions: 124 Free Photoshop Actions to Boost Your Designs An action is a series of tasks that you play back on a single file or a batch of files - menu commands, palette options, tool actions, and so on. デザインを高速に行える技巧的なPhotoShopアクション集。 複数の処理を一括してまとめて行えるPhotoShopのアクション機能。 高度な画像処理を行うアクションがまとまっていましたので紹介。 フィルタではなく、アクションなので、それぞれの細かな動きも見ることができてPhotoShop自体の学習用にもよさそう。 (アクションの読み込み方は本エントリの最後を参照) 画
カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々 2008年02月13日- Prototip - Tooltips for prototype While waiting for Prototype 1.6.0.1 I've put together a preview for the next release of Prototip. カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々。 まずは、最近公開されたprototip の紹介。 実現したい大体のツールチップは prototip で出来る、というぐらい多機能です。 通常のツールチップ タイトルを付けてみる ツールチップ表示位置を指定 HTMLを表示 リンクボックスを表示 その他 ツールチップのアニメーション表示 クリックでツールチップ表示
ホームページは持っていますか?お店や会社をお持ちならいまやホームページは常識! お店の情報やメニュー、その他お客様に知ってほしいことを24時間宣伝してくれる営業マンとなってくれます。 またこれから商売を始めよう、新規でお店を持とう、と言った時にもホームページは強い味方。 本業の売上UPやブランディングに役立ってくれます。 しかし、そうはいってもホームページにも色々あって「何をどうすればいいのかわからない。」といった場合がほとんどでしょう。 中にはご自分で勉強してホームページ制作ソフトを購入して作り上げる方もいますが「なんか垢抜けない」 「良いのか悪いのかわからない」 「seo対策ってなんなの!?」となったりもしますね! 自分で作ったものだからつい贔屓目で見てしまって結局閑古鳥が鳴いてしまい「ホームページは使えない・・・」となったりしていませんか!? ではどうする!?ホームページ制作はこちら
Adobe Photoshop tutorial: Adding Reflections To Sunglasses In Photoshop サングラスに好きな写真を映りこませるPhotoShopチュートリアル。 次のように、サングラスの部分にやしの木を合成するチュートリアルです。 いろんなものを映りこませてみたいですね。 関連エントリ 凄くクールな名刺を作成するPhotoShopチュートリアル WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル テキストに迫力ある隕石風エフェクトをかけるPhotoShopチュートリアル Photoshopで幻想的なファイナルファンタジー風のロゴ作成チュートリアル
Drawter.com - DrawAble Markup Language ドラッグ&ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」。 次のように、グラフィックソフトを扱うように、範囲をドラッグ&ドロップで囲ってブロックが作れます。 好みのレイアウトが出来たら、後は、Code メニューから「Generate Code」を選ぶだけでコードが作れます。 ブロックベースのレイアウト作成ツールはありますが、こういった自由な形に作成できるものは珍しいですね。 凄く凝ったレイアウトを作る際になかなか使えそうです。 関連エントリ 質問に答えるだけで1〜3カラムのCSSレイアウトページ生成 ビジュアルにドラッグ&ドロップでCSSレイアウトをデザインできる「YAML Builder」 WYSIWYG型オンラインCSSデザインツール「CSSEZ」
We love free icons and icon sets. In the overview below we present 55 more excellent, free and professional icons for desktop and web design. Some of them can be used for both private and commercial projects. You may always use them for free in your private projects. Nevertheless, it is always worth to take a look at the license agreements — they can change from time to time. We love free icons an
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く