これはすごく便利。 Easy Front-End Frameworkは今風のウェブサイトを作る際に使えるテンプレートである。 HTML、CSS、Javascriptが全部含まれているので、見出しや本文、テーブルといったスタイルだけではなくて、Tooltipsや浮かび上がってくる画像なども簡単に作れる点が特徴である。 テンプレ自体は英語で作られているが、日本語対応に改造するのもそれほど難しくはないだろう。 仕事をするときに最も難しいのは「始める」ことである。こうしたテンプレを使ってウェブ作りをさっと始められると確かに便利ですね。

In our previous articles, we have posted several free brushes that you can download and use for your designs. For a change, we have collected several tutorials for you to create your own resources. Yep, you read it right! 35 Tutorials for Creating and Mastering Brushes in Photoshop are listed below that you can read through for tips and techniques to create your own brushes. We have even included

最近、このブログの方向性に危機感を抱いています。agoです。 そろそろあちこちで「2009まとめ」的な記事が見られるようになってきましたが、tech.kayac.comでもjQueryに特化してまとめてみたいと思います。 jQueryを使ってphpで言うところのstrip_tagsとかhtmlspecialcharsする方法 かなり簡易的な方法ですが、それぞれ一行で出来たので記事にしてみました。 JSをphp的に使用したい場合、php.jsと言うのもあるようです。 jQuery.liveをfirefoxで使うときの注意点 jQuery 1.3系でサポートされた$().live()で実際はまった問題の紹介です。 JS制作に欠かせない3つのツール Flash制作に欠かせない3つのツール・まとめ編 | エントリー | _level0.KAYAC _level0.KAYACとの連動記事です。 jQ

When it comes to the world of venture-backed startups, some issues are universal, and some are very dependent on where the startups and its backers are located. It’s something we…

iPhoneを始めとするタッチパネル＆フルブラウザ搭載のスマートフォンの普及が進んでいる。iPhoneの出荷台数は世界で3000万台、日本国内に関して公式な発表はないが200万台を超えていると推測されている。今後はWindows Mobile端末の進化やAndroid携帯電話により、このスタイルの携帯端末の利用者がさらに拡大していくことが予想される。 今回は、こういったタッチパネル＆フルブラウザ搭載のスマートフォンからのウェブサイト／サービスのユーザビリティについて、主にiPhoneを題材に考えてみよう。 iPhone対応は形式にとらわれず「ユーザー中心」視点で iPhoneからのウェブ利用には、従来の携帯電話と同様の「携帯性の高さ」「位置情報との連動」などに加え、 従来の携帯電話と比べて画面サイズが広い 端末の処理能力が高く、アプリでのサービス提供の自由度が高い 独自の操作（画面をつまむ

E-commerce websites have a reputation for not featuring attractive or creative design. While usability is extremely important in order to maintain a profitable e-commerce site, the design can still be appealing, as the sites featured in this post will demonstrate. Here we will showcase 30 well-designed e-commerce sites from a variety of different industries. You’ll see a variety of design styles b

24 Clever Website Designs That Combine jQuery and Illustration Thanks to the might of JavaScript, the words "dynamic" and "illustration" no longer apply exclusively to Flash-based websites. Now that dynamic HTML is a reality in most commonly used browsers and that a lot of fancy JavaScript libraries exist to make using it easy, CSS websites can take back some of the street cred held so tightly by

Google+にて、Google検索で「how far is it from A to B」で検索するとAとBの都市間の直線距離を表示できるようになったとの投稿がありました。 実際にやってみたところ、こんな風に表示されました。 こちらは「NYと東京の距離」。 これまでも下図のように移動距離は表示していましたが、（私が調べた限りでは）交通手段があって、アクセス可能な場合に限られていたようです。 いずれにしても、この直線距離の表示はまだ日本語環境では導入されておらず、英語環境でも「How far is it from London to New Delhi（ロンドンとニューデリーの距離）」では表示できなかったので、一先ずは限定的な提供のようですね。 ※こちらの記事は最初別のタイトルで公開されましたが、私の勘違いが含まれていたので、書き直して再投稿いたしました。 最初の記事を読まれた方にはご迷惑

Form validation can be daunting for developers, but it’s a crucial part of building a functional and user-friendly website or application. Fortunately, various form validation jQuery plugins and libraries are available that can simplify the process and save you time and effort. In this article, we’ve curated a selection of powerful, reliable, and easy-to-use form validation plugins that can make y

こんにちは、太田です。今回はChrome拡張の開発時のノウハウとして、開発ツールの解説をお送りします。Google ChromeにはWebKit由来のWeb Inspectorというデバッグツールが搭載されています。以前にも少しだけ紹介しましたが、今回は具体的な使い方まで掘り下げて解説します。なお、今回のWeb Inspectorの解説はChrome拡張だけでなく、JavaScriptを使ったウェブアプリケーションの開発に一般的に役立つノウハウとなっています。 WebKitのWeb Inspector Chrome拡張の開発の必需品であるWeb Inspectorですが、こちらは元々WebKit（Safari）で開発されたもので、Google Chrome（Chromium）に搭載されているものはさらに機能が追加されています。FirefoxにはFirebugという定番ツールがありますが、そ

Over 1,000,000+ icons, templates, fonts, and more. Sponsored

One Ping Pingback: 10 Excellent Tools for Creating Web Design Wireframes | Tools 40 Comments Cool round-up. Stuff like this keeps me sane =) Great Post! I found a few things to download I didn’t already have. That’s awesome. Thanks so much, guys- you have no idea how much time this will save me. thnx for featuring my work here … TWICE 🙂 cheers m. Great post of ending 2009 i like it, here is all s

Trevor Davis, Former Front-End Development Technical Director Article Category: #Code Posted on December 16, 2009 We are certainly at an interesting point in time with the web. There are new techniques being created every day, and as developers, we have the privilege of deciding how and when to use them. I'm the new guy at Viget (only been here a few weeks), and every company is different, so it i

疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】

Opting for Shopify as an ecommerce platform and page builder has its advantages. Not only does Shopify offer a full online store with advanced marketing tools at an affordable monthly rate, but the themes and apps for designing and extending your store are often free or rather inexpensive. We often recommend premium themes from Shopify due to their extra features and more intuitive designs, but th

「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧

Blog » WordPress » How and where to learn WordPress plugin development (FYI, we build plugins) How and where to learn WordPress plugin development (FYI, we build plugins) It can be overwhelming when you first try to get into WordPress plugin development. Honestly, one of the best ways to learn is just to dive right in and start coding. However, this is something that doesn’t just happen overnight.

We take thousands of pictures of people, places, and things and most often share them with others. But not every click is perfect, and you often need to improve your photos. If you don’t have the time and resources to run your photos through professional photo editing software, then a free online photo editor would work the best for your everyday photo editing and enhancing needs. In this post, we

Blog » WordPress » How and where to learn WordPress plugin development (FYI, we build plugins) How and where to learn WordPress plugin development (FYI, we build plugins) It can be overwhelming when you first try to get into WordPress plugin development. Honestly, one of the best ways to learn is just to dive right in and start coding. However, this is something that doesn’t just happen overnight.

You’re a web designer or developer. That means that you know what you’re talking about when it comes to the creation of a business website. That also means you know your way around a content management system. Most notably, you should be familiar with WordPress, the world’s most popular website builder, and CMS platform. You understand the reasons why anyone should want to work with WordPress. You

These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.

今日で2009年も終わりです。１年間というのはあっという間ですね。 今年で33歳になり、企業ではいよいよ中堅クラスに差し掛かろうかという年代になってきました。30歳を超えてからというもの、娘が産れたからというのもあるかも知れませんが、20代の頃とは時間の流れる速さが全然違いますね。 さて、大晦日ということで今年を振り返ってみると、この１年間は Movable Type 漬けの１年だったような気がします。ですので、今日は、2009年に僕がこのブログで公開した Movable Type のプラグインをまとめてみることにします。 Add Help Movable Type 4 の管理画面に、更新ユーザー用のヘルプコンテンツを追加しやすくするプラグインです。 Custom Display Menu Movable Type 4 の管理画面の管理画面を CSS と JavaScript のみでカスタ

今年も色々と情報が発信されました。 後で試そう、とか後で見よう、と思った まま何もしていない自分がいたので ちょっと復習用にメモ。来年の勉強用です。 個人的なメモですが参考になれば幸い。 内容はWeb制作に関わる記事ですが、まとまりがありません。単なるメモなのでご了承いただければと思います。順不同。 JPEG画像をより美しく、より軽量に最適化するテクニック 理屈に沿った軽量法でした。これは癖を付けてナンボのテクニックですね。頭に叩き込んでおきたい。PNGも合わせて。 JPEG画像をより美しく、より軽量に最適化するテクニック とっても使えるoverflowプロパティ。その使い方色々。 凄く便利。こんなに役に立ってくれるプロパティだとは知りませんでした。これも覚えておくと便利そう。 とっても使えるoverflowプロパティ。その使い方色々。 商用無料で使える写真素材サイトまとめ2009年度初版

SmashingApps.com now covering digital world, life skills, point of views and lifestyle The year 2009 is almost ended. We have explored and reviewed so many useful tools and resources for you all the year. Today, we are going to take a look on few of the web apps we have featured that we think you would like bookmark for 2010. I hope designers, developers and programmers will like this list, but yo

Although the footer of a web design appears at the end of the page yet it cannot be neglected. With an effective footer design, you can create a long-lasting impression on your visitors. Through a well designed footer, you can certainly grab the visitors’ attention. In this article we are presenting the most innovative and amazing examples of websites showing impressive footers. These footer desig

An error occurred when getting the results, please click here to try again or modify your search criteria.

Creating a logo for a company is quite a task to undertake each time. It’s important to know that it’s not just to push some pixels into a design and then call it a logo. There is much more that goes in to it and it is usually taking a long time to come up with the right design that speaks to the company requested the new logo as well as the customers the company is aimed towards. The more informa

Now that the aughts are behind us, we can start the new decade with a bang. So many new technologies are ready to make a big impact this year. Some of them will be brand new, but many have been gestating and are now ready to hatch. If there is any theme here it is the mobile Web. As I think through the top ten technologies that will rock 2010, more than half of them are mobile. But those technolog

ウェブサービスは、利用頻度という観点でみると、大きく2つの種類に分けられる。1つは、通常業務に完全に溶け込む形で、日々ガンガン利用して業務を大幅に効率化してくれるウェブサービス。例えばGmailなどのウェブメーラーのほか、カレンダーやソーシャルブックマーク、RSSリーダーなどが挙げられる。PCに接続している間はつねに稼働していてくれないと、何をするにも支障をきたすというイメージだ。 その一方、日々の利用頻度はそれほど高くないが、ブックマークに入れておくといざという時に役立つウェブサービスも数多く存在する。フォーマット変換や大容量ファイル送信といったサービスがこれらに当てはまる。困っている人にこれらを教えてあげれば確実に感謝されるであろうウェブサービス、と考えるとわかりやすい。 今回は過去に本誌「エディターズレビュー」で紹介したウェブサービスを中心に、上記2タイプのサービスをそれぞれ5個ずつ

One Ping Pingback: 35 Inspiring Headers and Footers | Inspiration 17 Comments This is a wonderful list of inspiration. Headers and footers are the one place to really show some creativity. Thanks a ton for the compilation. It’s really great to see designers breathing life into what used to be boring elements (mainly the footer). Great inspiration for anyone going the extra mile. Nice collection. M

In wrapping up 2009 I thought it would be a good idea to showcase some of the best portfolio site designs from the year. In this post you’ll see 25 portfolios with a variety of different styles (all have been featured in our gallery since it’s launch in June). Feel free to leave your comments on your own favorites from the year. If you’re not already subscribed to our feed, you can get portfolio d

CSS 3のアニメーションの機能を利用すると、これまではJavaScriptやFlashを使わないと設定できなかった効果をスタイルシートだけで設定できるようになる。そこで今回は、アニメーションを利用したロールオーバーボタンの作成やフェードインの設定を行いながら、アニメーション関連プロパティの細かな機能を見ていきたい。 なお、現在のところアニメーションの機能に対応しているのはSafari 4とGoogle Chrome 2以上となっているので、これらのブラウザでサンプルの表示を確認してみてほしい。また、アニメーションの基本的な仕組みについては前回までの記事にまとめている。 アニメーションの基本機能について： CSS 3のアニメーション機能「Transitions」 CSS 3のアニメーション機能「Animations」 画像が少しずつ表示されるロールオーバーボタン まずは、カーソルを重ねると

ドットインストール代表のライフハックブログ

Amazonクラウドを運営するAmazon Web Servicesの日本法人、Amazon Data Services Japanが活動を開始しました。現在、同社には社員が2人在籍し今後さらに陣容を拡大していくと、同社のマーケティングマネージャー 小島英揮（おじまひでき）氏が、昨年の12月25日に行われた「Amazon EC2ユーザ会」で明らかにしました。 Amazon Data Services Japanマーケティングマネージャの小島氏。前職はアドビシステムズでFlashなどのマーケティング担当だった マーケティングマネージャの小島氏がAmazon Data Services Japanに入社したのは昨年の12月。同社にはデータセンターを担当するもう1人の社員がおり、現在さらにテクニカルサポート、ソリューションアーキテクト、営業統括などの役割を担う社員を募集中。「われこそはと思う方は

Photoshop boasts many impressive and exciting features, and in recent years they have introduced some amazing new features, like vector layers, Content Aware Patch/Move tool, Adaptive Wide Angle filter, Crop tool, and so much more. Adobe has not tried to replace Illustrator, but if you need creative, simple shapes for use in design projects, then Vector Layers of Photoshop can do a superb job with

Twitterをより便利に使うためのツール「Twitterクライアント」。OSやブラウザの種類に合わせて様々なクライアントが登場し、ユーザーにとっては「どれを使うのがいいんだろう？」と悩むことが多くなりましたよね。そこで今回は、PCから利用できるTwitterクライアントについてのエントリーを集めました。 ■Twitterクライアントって何？ Twitterクライアントとは、Twitterをより便利に利用するためのツールのこと。Twitterのページ以外からもつぶやきを投稿・閲覧することができ、リプライやRTなどはもちろん、本来のTwitterのページにはない、より充実した機能も揃っています。クライアントには、Webから利用するもの、Web以外から利用するもの、メールで投稿するものなど様々なタイプがあります。 どんな種類があるの？ ▽Twitterクライアント - TwitterまとめWi

写真加工ドットコムとは イラスト化が人気の無料写真加工サイトです。 100以上のアプリを用いて、画像の編集、レタッチ、イラスト化が行えます。 どなたでも無料でご利用いただけます。

ドットインストール代表のライフハックブログ

76 Comments Nice collection,but i think you can give me some more beauty patterns. That’s an interesting post with very creative backgrounds. Thank you so much for sharing ! Really useful, thank you! Great collection. I especially like the BirdsNBerries and the stripes. These are wonderful! If I were to see a 500+ Pack of the same quality, I would sign up for a pro account for those, alone! This c

Googleマップには、他人に場所を共有するためのサービス、マイマップなるものがありますよね。 今回は、そのマイマップの共有能力を最大限まで引き出してくれる、韓国発のGoogleマップとのマッシュアップ サービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! マイマップをさらにパワーアップさせる「DearMap」「Dear Map」は、Googleマップで自分の地図を作成して共有できる機能、「マイマップ」を、よりパワーアップさせて利用できるサービス。 サービスサイトで自分のマップを作成すると、グーグルアース版のマップや、再生可能なツアーも自動生成してくれます。 サンプルマップ

Check if cookies are enabled $(document).ready(function() { var dt = new Date(); dt.setSeconds(dt.getSeconds() + 60); document.cookie = “cookietest=1; expires=” + dt.toGMTString(); var cookiesEnabled = document.cookie.indexOf(“cookietest=”) != -1; if(!cookiesEnabled){ //cookies are […] Check if cookies are enabled $(document).ready(function() { var dt = new Date(); dt.setSeconds(dt.getSeconds() +

3 Pings & Trackbacks Pingback: 55 Colorful Web Designs to Inspire You | Inspiration Pingback: 50 Inspiring Textured Web Designs | Inspiration Pingback: 40 Fresh Examples of Minimal Web Design | Inspiration 46 Comments Verry nice list. Show my white site 🙂 White backgrounds always make a website look incredibly open to me (in a good way!). Thanks for the list! Thanks for the sharing!!! I’d love to

How do you mockup a website? The typical workflow starts in Photoshop and then transitions over to HTML and CSS to mimic the original PSD as best as possible. However, there is a growing trend in web design to scrap the Photoshop step in favor of creating the initial comp right in the browser with your favorite editor. I’m sure right about now your head is buzzing with reasons why this approach wo

With the different styles and trends that are emerging in the fashion world, we often loose track of what’s in and what’s not. However, admittedly, the retro look never really gets outdated. Not in the literal sense of course… May it be on games, fashion and even designs, retro concepts are still used. If you are one of those designers who finds retro fashion fascinating, here’s a set of photoshop

li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact While there are a lot of powerful and feature-rich content management systems available to c

Share on Twitter Share on Facebook Share on LinkedIn It is not uncommon for companies to sink large amounts of money into obtaining traffic to their websites in an attempt to increase conversions. Some of their money might go towards search engine optimization and some might go towards pay per click or search engine marketing. Little do they know their problem might not be about getting more traff

Tutorials can often be your greatest source of inspiration when trying to design that project you have been putting off. In this post, I have rounded up a collection of very useful tutorials from around the web from the month of December. You’ll find everything from a Minimalistic Poster Designed in Photoshop, to creating a Clean 3D Notepad. The artwork is best flaunted using quality image hosting

The variety of plugins and tutorials available for jQuery never cease to amaze me. I’ve been looking for some new plugins, so I extended my research a bit to share these cool jQuery plugins with you. If you need more, you can take a look a these jQuery scripts to improve your site’s interface, or at the jQuery scripts for your portfolio. 1. TN3 Gallery Probably one of the best jQuery image gallery

アクセス解析ツールを導入して数カ月。いまいち使いこなせていないあなたへ。私が初めてサイトを分析する時に行う12のSTEPを紹介いたします。GoogleAnalyticsで全て対応出来るレポートです。ここで紹介するのはアクセス解析業界（？）における標準でもなんでもなく、私なりの分析手法ですので、他にも様々な方法やバリエーションがあります。 ※アクセス解析用語の基本的な知識と、GoogleAnalyticsを使ったことがある（出来ればアドバンスドセグメントを使ったことがある）人向けの方法になります。 2つの事前準備 分析に入る前に、以下の二つの事前準備を行いましょう。 A.サイト全体をじっくり見る サイトマップや主要の導線をたどってみたり、実際にコンバージョンしてみたり。自分なりにサイトの良いところと悪いところを見つけて箇条書きにしておきましょう。また、それが数字にどう反映されるか？を想像して

こんにちは、「プチペット」を担当している吉沢です。 最近はモバイルサイトを作成するためのブログやノウハウ本などがたくさん出てきて、とても便利になってきましたね。 個人的にはモバイルサイトのデザインやユーザインターフェース関連に関心が高いので、ブログでは「モバイルデザインアーカイブ」さん、「case:MobileDesign!」さん、本では日々、こちらで勉強させていただいております。 モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。 著者：株式会社ゆめみ 販売元：インプレスジャパン 発売日：2008-12-25 おすすめ度： クチコミを見る モバイルデザインアーカイブの本。―携帯Webコレクション 著者：モバイルデザインアーカイブ 販売元：春日出版 発売日：2009-08 おすすめ度： クチコミを見る ケータイサイトのレイアウト 企業・キャンペーン・サービ