Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2
A new way to think about content creation. Specialized creative talent, online and on-demand. HIGHEST QUALITY TALENTOver 1000 specialized creative professionals.Hand picked and vetted for your needs.We simplify complexity FULL CREATIVE SERVICEWe can start with strategy.Integrated products and services.An extension of your team
The art of incorporating drop shadows and inner shadows became a skill I acquired through my exploration of Photoshop’s Blending options. However, in the present era marked by the ascent of CSS3, the dependency on Adobe’s design tool to infuse a box with a drop shadow or an inner shadow has waned. In this contemporary landscape, a fascinating revelation emerges: the ability to craft exquisite CSS3
Examples Also check out the examples of our free WordPress plugins using jQuery Slick: WordPress Slick Menu Plugin WordPress Slick Contact Form Plugin Slick Social Share Media Buttons Social Media Tabs Below are the settings used for the 6 demos on this page: $('#slick-1').dcSlick(); $('#slick-2').dcSlick({ location: 'right', align: 'top', offset: '100px', speed: 'slow', tabText: 'Slick 2', autoCl
6 Powerful jQuery Plugins to Create and Enhance Website Layout | Queness レイアウトに関する強力なjQueryプラグイン6つが紹介されていました。 一昔前では不可能では?と思われたような複雑なレイアウトもjQueryを使うことで簡単に実現できます。 ちょっと変わったレイアウトにしたいっていう時に参考にさせてもらいましょう UI.Layout リサイズ可能な複雑なレイアウト作成 Masonry ブロックを新聞みたいにしきつめて表示 jLayout divをならべてその親divのclassにルールにしたがって記述することで複雑なレイアウトが簡単に作れます jQuery pageSlide ページ全体をズラしてアニメーションしながらサイドバーを出すエフェクト jQSlickWrap 画像にあわせて文書をまわりこませられる C
フレームワークやらライブラリやら、色々触る機会が多いですよね。 そうやって色々触っていると「あれ、あの関数なんだっけ」みたいな事がよくあります。 そういう時に便利な各種チートシートをまとめてご紹介します。 上はデザイナー向け、下へ行くほどデベロッパー向けになります。 Photoshop Keyboard Shortcuts 忘れがちなショートカット。Win/Mac両対応。 Color theory 壁紙用サイズも多数あります。 Periodic table of typefaces よく使われるフォントを元素周期表にはめ込んだモノ。ぱぱっとどんな感じのフォントなのか確認するときに良さそう。 Git Cheat Sheet Wallpaper どこに入れるか悩んだけど、皆使うべきなのでここにおいとこう。 Ultimate HTML5 Cheatsheat HTML5について網羅したチート
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
レイアウトの調整を簡略化したり、通常 は難しいレイアウトを可能にしたり、とい った補助的なjQueryプラグインのまとめ です。最近探す機会が増えたので今後 の為に備忘録的に記事にしておきます。 この手のプラグインは数多にあるので 好みで端折っています。 レイアウトの調整や補助などに使えるjQueryプラグインのまとめ。と、言っても大抵は既出だと思います。順不同。 Supersized 画面に合わせて自動的に背景画像を伸縮してくれるだけでなく、スライドショーにもなってくれます。いつか仕事で使いたい。最近FlickrのAPIにも対応しました。 Supersized jQuery UI.Layout Plug-in ブラウザごとの差異を考えずに自由にレイアウトを組めます。 jQuery UI.Layout Plug-in JQUERY CUSTOM CONTENT SCROLLER スクロール
Color Theory for Designers: Understanding the Psychology of Color
2010年の要チェック人気記事を発表! あなたはあの良記事を見逃していませんか? 解説記事、ニュース記事、ユーザー投稿などの種類ごとに、人気記事を紹介します。 解説記事トップ20 | ニュース記事トップ10 | ユーザー投稿記事トップ10 解説記事の2010年人気記事トップ20殿堂入り:Webマーケッター瞳 ―― マンガ記事として、各回人気を集めました。第1話からどうぞ 滅べばいいのにと思うSEOの10の迷信(都市伝説)(SEOmoz) SEO業界にはびこる間違った情報、それも正しいSEOの妨げとなる情報について見ていこう。 あなたの著作物をパクったサイトをGoogle八分に追いやる正しい手順(編集部ブログ) そもそも盗用されたコンテンツは、検索エンジンで探せない状態にしてしまえばいい 客はバカでちょうどいい。販促サービスにおける鉄則(企業ホームページ運営の心得) 販促サービスを成功させる
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル(現ラクマ)のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
Unobtrusively add style to your drop down boxes, leaving them to work almost exactly as before. introduction Needless to say, this site will look better in anything other than Internet Explorer, and so will the plugin, unless you change the css. For eaxmple I have used rounded corners and transparent png's. Not vey Internet Explorer friendly. The only thing that will differ is that if you change t
カッコいい管理画面のHTMLテンプレート総まとめ。 これまで紹介したエントリや、新しく発見したエントリで紹介されているものを全てマージしてみました。 有償のものも混じってますが、カッコいい管理画面を作りたいといった際にカタログ的に使ってみてもいいかも。 独断ですが、クオリティ順に並べ替えてます。 Simpla Admin Boxie Admin Complete Liquid Admin InAdmin Admin (FREE) Adminizio Lite – Admin Template Admin Templates - Professional XHTML Back-end Template Spring Time – Simple Admin Template Internet Dreams Admin Skin Visual Admin ThePixelDeveloper Ad
インタラクションデザイン研究会は日本国内でのインタラクションに関する取り組みを企業、大学、個人を問わず概観し、 我々の向かうべき先を考えるための会です。本研究会はどこの企業、学会にも所属しない有志団体です。 本研究会は定期的(概ね2ヶ月に一度のペース)に開催を予定していいます。各研究会ではそのときのテーマを決め、その分野における第一人者をお招きして、今後の日本のインタラクションに関する取り組みをどのように行っていくべきかを議論します。 くわしくはこちら 次回研究会予定 第五回インタラクションデザイン研究会は以下のとおり開催します。 テーマ:つくること、つくりかたの未来 - パーソナルファブリケーションの夜明け 講師:IAMAS 小林 茂氏、慶應義塾大学 田中 浩也氏, 東京藝術大学 城 一裕氏 日時:2011年7月20日(水)18:00 - 20:30 場所:東京藝術大学 芸術情報センター
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
HTML文書の文法をチェックし、採点します htmllint.cgi ver1.21 / htmllint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ
STEP 1 Copy the font files (.ttf, .eot, .svg, and .woff) and the CSS file into your project folder. STEP 2 Add the font CSS file (androidicons.css) to your HTML document or import it to your existing CSS file. STEP 3 Use CSS classes, Unicodes or HTML-Entities to display the icons. Style them with CSS (font-size, color, etc.).
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く