50+ Free Map and Navigation PSD Designs (Google Map, Pins, Markers)
50+ Free Map and Navigation PSD Designs (Google Map, Pins, Markers) When it comes to Image editing or photo enhancement, Adobe Photoshop is usually the primary option to consider. However, the software package itself is a quite hard to learn — and extremely hard to master. And of course, Not all design lovers are web designers. You can find numerous amount of free design stuff online. Finding free
Mastering Photoshop: Noise, Textures, Gradients and Rounded Rectangles — Smashing Magazine
Often, it’s the little details that turn a good layout into a great design; details such as subtle textures, shading and smooth shapes. Photoshop contains a vast array of tools for embellishing a design, but choosing the right one isn’t always easy. Often, it’s the little details that turn a good layout into a great design; details such as subtle textures, shading and smooth shapes. Photoshop cont
Batch - 343 icons for web and user interface designers by Adam Whitcroft
By downloading the icons, you agree to the following terms: The icons are released 'AS IS'. You waive the implied warranty of infringement. You may use the icons in any personal or commercial works without obligation of payment, monetary or otherwise, or attribution to Adam Whitcroft. You may not resell or redistribute the icons (or modified versions of the icons). Intellectual property rights are
Search
Releases, Offers & More Be the first to hear about our newest content, best promotions and upcoming events. Plus get 25% off your next purchase. Newsletter Sign Up Download Accounts Your email address is your account identifier. You can create a password, or just download from the links sent via email. My Orders (Resend order emails) How We're Different Hands-on instructions Solutions to real-worl
Build Apps with AngularJS | Chrome for Developers
This guide gets you started building Chrome Apps with the AngularJS MVC framework. To illustrate Angular in action, we'll be referencing an actual app built using the framework, the Google Drive Uploader. The source code is available on GitHub. About the app The Google Drive Uploader allows users to quickly view and interact with files stored in their Google Drive account as well as upload new fil
Backbone.js FAQ 日本語訳 - "is a library, not a framework"
Backbone.js FAQ を日本語訳しました Backbone/docs/FAQ.md at master · enja-oss/Backbone · GitHub 上記のGitHubから参照できます。 まずFAQから訳しましたが、最終的にはみんなの力で全訳ドキュメントにするのが目標。ほんとは本家をforkすべきだったかもですが、Pull Requestに向けての整備は後で考えます。:) いまは、有志でMarkdownでさくさくと日本語ドキュメントを書きためていければいいんじゃないかと思っています。 enja-oss/Backbone ってことでIssueとかPull Request大歓迎です！ 詳しくはリポジトリをご覧ください。 Backbone.js の本性はMVCでもフレームワークでもない 「クライアントサイドMVCフレームワーク = Backbone.js」というような表現が
JavaScript のクラスの書き方 - yoshiweb.NET-blog
IT戦記さんのマネして「プロトタイプを上書きする。コンストラクタをプロトタイプに実装する。」 書き方をしようと思ってたけど、CoffeeScript や TypeScript から書き出されるJavaScriptを参考にしよう！ 比較的見やすいし CoffeeScript と TypeScript のどっちでも同じような JavaScript を生成するってことは そんなに悪い書き方じゃなのかと。。。 CoffeeScriptclass Item constructor: (@price) -> showPrice: () -> alert(this.price); i = new Item(200) i.showPrice() ↓↓↓↓変換 JavaScriptvar Item, i; Item = (function() { function Item(price) { this.pr
Kyoto.js #2 で 『ECMAScript 5 時代のオブジェクト・プロトタイプ継承入門』 という発表を行った - ひだまりソケットは壊れない
2012 年 11 月 29 日に開催された Kyoto.js #2 で 『ECMAScript 5 時代のオブジェクト・プロトタイプ継承入門』 という発表を行った。 ECMAScript 5 時代のオブジェクト・プロトタイプ継承入門 from Yu Nobuoka 発表の動機 世の中にある JavaScript のプロトタイプ継承の解説には new 演算子やコンストラクタが使われることが多い気がしていて、プロトタイプ継承そのものは単純なのに理解するのが難しくなっているように思っていた。 ECMAScript 5 の Object.create 関数を使って説明すればプロトタイプ継承が理解しやすくなって、さらにそれを理解したうえで new 演算子やコンストラクタの挙動を見ればそっちはそっちでわかりやすくなるのではないか、ということでそういう方針で説明してみようというのが今回の発表の動機。
Simple Effects for Drop-Down Lists | Codrops
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects. Today we want to share some simple drop-down list effects with you. The idea is to transform a normal select input into something more appealing with a jQuery plugin. The expanding of the options will happen with a transition and parameters can be configured in a way to achieve unique effects. A
サジェスト+Ajaxでタグがスムーズに入力できるjQueryプラグイン「Tag-it!」
Posted: 2012.11.29 / Category: javascript / Tag: jQuery, json タグ入力を補完してくれるjQueryプラグインは探すと結構あったのですが、日本語でサジェストが上手くいかなかったり、CSSでスタイルがカスタマイズできなかったりと色々問題がありまして、最終的にこの「Tag-it!」 に落ち着きました。 ダウンロード 「Tag-it!」は下記URLからダウンロードしてください。 また、別途 jQuery と jQuery UI が必要です。 jQuery Tag-it! プラグインをダウンロードしたらheadなどで読み込みましょう。 下記では jQuery などのライブラリは Google CDN で読み込んでます。 html <link rel="stylesheet" type="text/css" href="http://aja
node.jsでtrayという画像アップローダを作った - はこべにっき ♨
昨日のKyoto.js #2 で、trayというお手軽な画像アップローダについて発表してきました。ドラッグアンドドロップで画像がアップロードされます。画像は12枚のパネル上に表示され、誰かがアップロードするとリアルタイムで画面が切り替わったりします。 http://tray.douzemille.net:8080 http://imagetray.herokuapp.com/ でお試しできますので、お手元の適当な画像をドラッグアンドドロップして遊んでみてください! 何アップロードされているかはよくわからないので、ご注意ください。たまに勝手に適当な写真に切り替わるようにしてあります。*1 ドラッグアンドドロップでのアップロードが手軽で便利なだけではなく、12枚のパネルにきれいな画像をはめこむおもしろさもあります。 割と簡単に設置できておもしろいのでぜひおためしください。GIFアニメを投稿しま
Twitter Bootstrapのリソースを大量にまとめたサイト・The Big Badass List
人気のフレームワーク、Bootstrapを使う際に役立つリソースを大量に集めているWebサイト・The Big Badass Listのご紹介です。現在でも200近くのリソースがまとめられています。既に利用されている方は覗いてみては。 Twitter Bootstrapのリソースまとめサイトです。人気のフレームワークならではのリソース量ですね。 左の影マッチョが気になりますが、それくらい凄いまとめなのでしょう。現在180以上のリソースがまとめられています。 フォームとかデザインとかモックアップとかRubyやPHPにBootstrapを統合する手段とかなんでも揃ってます。 覚えておいて損は無いのでは。また、新たなリソースの情報提供も受け付けてるみたいです。以下よりご利用下さい。 The Big Badass List
Testing JavaScript With PhantomJS | Envato Tuts+
I don't think I need to convince you that testing your JavaScript code is a good idea. But, it can sometimes prove tedious to test JavaScript code that requires a DOM. This means you need to test your code in the browser and can't use the terminal, right? Wrong, actually: enter PhantomJS. What exactly is PhantomJS? Well, here's a blurb from the PhantomJS website: PhantomJS is a headless WebKit wit
是非チェックしておきたい！フリーWordPressテーマまとめ「Collection of Free WordPress Themes」
TOP > WordPress > 是非チェックしておきたい！フリーWordPressテーマまとめ「Collection of Free WordPress Themes」 WEBサイト制作時に利用している方も多いWordPressは、フリーで利用できるテーマも豊富に展開されています。今回はその中でも、フリーで使用できるWordPressテーマをまとめた「Collection of Free WordPress Themes」を紹介したいと思います。 Site5 FREE Themes Demo シンプルなものから、カスタマイズが苦手な方でも使いやすいデザイン性の高いものまで、さまざまなタイプのテーマが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Free E-Commerce WordPress Theme: B
IllustratorとVectorScribeを使って雪の結晶とカラフルなクリスマスボールを描く方法 / ウェブデザインライブラリー
Home ＞ グラフィック講座 ＞ IllustratorとVectorScribeを使って雪の結晶とカラフルなクリスマスボールを描く方法 IllustratorとVectorScribeを使って雪の結晶とカラフルなクリスマスボールを描く方法 投稿日：2012年11月30日 レベル：初心者 ソフトウェア： このチュートリアルではIllustratorとVectorScribeを使って雪の結晶とカラフルなクリスマスボールを描く方法をご紹介します。 雪の結晶を作るにはDynamic Shapes（※VectorScribeのプラグインの一部）とTransform Effectsを使います。 ※VectorScribeのプラグインはCS3以降に対応 Step1 ： はじめに Step2 ： メッシュの効果 Step3 ： グラデーションの設定 Step4 ： 完成 ここに記載されている
BackgroundImageでスプライトアニメーションさせるjQueryプラグイン「AniDG」:phpspot開発日誌
BackgroundImageでスプライトアニメーションさせるjQueryプラグイン「AniDG」 2012年11月30日- jQuery Plugin for Cartoon-like Background Image Sprite Animation ? AniDG ? (alernative to animated Gif) HTML, HTML5, CSS, CSS3, JQuery, Flash, Photoshop, mobile, iphone & ipad web application BackgroundImageでスプライトアニメーションさせるjQueryプラグイン「AniDG」。 １枚の画像をJavaScript を使い、背景画像を順番に切り替えていくことでアニメーションさせられます background-image の書き換えなので、要素の中に何か入っていてもよい
JSのMVCについて考えてみた ~ その2 テンプレートエンジンの分業とパフォーマンス - mizchi log
この前の続き。相変わらず思いつきでつらつら書いてて図とかまともなサンプルとかない。 JSのモデルには二種類ある フロントエンドである以上本質的にすべてビューだとも言える。 であるがゆえにあやふやにしないほうがいい。 ビューモデル UIの状態を示す属性。選択しているタブとか、開いているダイアログとか、そういうものの状態をDOMから読むのではなく、JSとして一度確定し、その結果をビューに反映すべきだ。激しく画面を組み替える場合はビューというグローバル変数はどこからも汚染される可能性がある。 データベースのローカルキャッシュ たとえば、a地点からb地点の距離をユークリッド距離を求めるのに、わざわざサーバーに問い合わせるのは無駄。普通に三平方の定理で計算すればいい。アクション性が高いものほど、ここの振る舞いは分厚くなる。いわゆるHTML5アプリはここを重点的にやるほどサーバーの負担が減り、サーバー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SSSSLIDE
新着記事
All You Need to Know About the HTML5 Data Attribute
Mobile Web: Create an SVG Loading Spinner
IBM Developer
IBM Developer
Efficient data transfer through zero copy
トップ15の無料の3Dモデルを紹介しているブログ記事「15 top free 3D models」 - 強火で進め
HTML, CSS, jQueryから、Ruby, PHP, Java, Python, Git, 正規表現などウェブ制作・開発に役立つチートシートのまとめ -OverAPI