Changing Times For Web Developers – 6 Tips You Should Read To Survive
The context of this post is about the changing times for a web developer, and I see a lot of web developers still lagging behind especially in the .NET world. If you haven't yet started mastering your art and adapting to the changing trends, you should start today. Think about crafting your web applications properly. Use commonsense to mix and match based on scenarios. Here we go with 6 Tips to b
jQueryコーディングの基本的なことからプラグイン化までの注意書き（Webデザイン）
jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery で Webデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまり JavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前：CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery
Front End Development Guidelines
What's Up, DOCTYPE? The absence of a DOCTYPE is a crime punishable by death. You may have relied on the following DOCTYPE in the past, but it's important to know that this is now being superseded by a leaner and meaner snippet. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Ideally, the HTML5 DOCTYPE should be used. It's suppor
レガシーなWebブラウザにもgetUserMediaを·getUserMedia.js MOONGIFT
getUserMedia.jsはFlashを使うことでレガシーなWebブラウザでもgetUserMediaライクなWebカムアクセスを実現するJavaScriptライブラリです。 HTML5の新しいAPIの一つにWebカムアクセスがあります。そんなWebカムアクセスをレガシなーWebブラウザを含めて使えるようにしてくれるのがgetUserMedia.jsです。 最初です。カメラへのアクセスが求められます。 まずはWebカムの映像を画像として保存します。 さらに顔を認識して鼻眼鏡をつけるアクションです。 getUserMedia.jsではWebRTCに対応している場合はHTML5のgetUserMediaを使い、それ以外の場合はFlashベースのWebカムアクセスを使います。結果は同じように扱えるので、安心してWebカムアクセスできるようになるでしょう。 getUserMedia.jsはJa
JSter – JavaScript Catalog
EssentialsApplication FrameworksMobile FrameworksMVC FrameworksRealtime FrameworksDesktop GUIServerSide LibrariesTesting FrameworksTemplating EnginesLoadersUIUI FrameworksWindows, Modals, PopupsKeyboard WrappersForm WidgetsUI ComponentsSliders & GalleriesNotificationsWYSIWYG EditorsTouchLayoutTours & GuidesMultimediaGame EnginesPhysics LibrariesAnimation LibrariesAudio LibrariesPresentation Librar
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
tacamy.tumblr — 書評 : ノンプログラマのためのJavaScriptはじめの一歩
@hokaccha 著の「ノンプログラマのためのJavaScriptはじめの一歩 (WEB+DB PRESS plus)」を読ませていただいたので、JavaScript超初心者目線での感想を。 対象読者 この本のタイトルに「ノンプログラマのための」「はじめの一歩」というキーワードがあるとおり、プログラムの類に一切触れたことがない人でも分かるように、初心者目線で書かれています。 でも「JavaScript初心者」といっても、目指すものの違いによって2種類の人がいると思います。 コピペして動けば、あとはライブラリを少し修正できる程度で充分な人 JavaScriptの基本を理解して、1から自分で書けるようになりたいと思っている人 どちらがいい悪いとかはないのですが、この本では2の人を対象として書かれています。 「jQueryをある程度使えれば充分で、素のJavaScriptなんて書く機会がない」
フッターに記載するコピーライトの年表記を自動更新する方法
今回はとっても小ネタです。 たいがい、どこのサイトでもフッターに入れているコピーライト表記ってありますよね。 形式としては© 開始年-現在年 Name All rights Reserved.というのが多いかなと思います。この現在年を自動で更新する方法を紹介します。 Photo:Large copyright sign made of jigsaw puzzle pieces By Horia Varlan 本来的なコピーライト表記 いろいろなサイトを見ていると、上述した表記例が多く見られますが、実のところコピーライト表記は以下の記述で十分だったりします。 © 開始年 Name 現在年とかAll rights Reserved.とかは、正直必要ない文言なんですね。 それどころか、現在カンボジア以外の国はベルヌ条約を締結して、無方式主義が採用されているので、カンボジアでの著作権保護対策さえ考
uu59のメモ | 安全なウェブサーフィンのしかた
一度ガチな人が「安全なウェブサーフィンの仕方」みたいな文章を書いて誰も真似できないような感じの内容になってブラウザベースの攻撃だけで可能な程度のことで逮捕されるのは理不尽だという世論が確立すると良いと思う— malaさん (@bulkneets) 11月 20, 2012 安全なウェブブラウジングとはどのようなものでしょうか。ここでいう「安全」には2つの意味があります。 ウェブブラウジングによって、自分が所有するリソース（顔や声なども含む）が意図しない破壊・窃盗・改竄・漏洩に遭わないこと 警察に誤認逮捕されることで社会的な立場などを毀損されないこと このうち1については一般にセキュリティと呼ばれ、様々な対抗策が世に広まっています。しかし過日、CSRFトラップを踏んだだけで警察に身柄を拘束され自白を強要させられる事案が神奈川県にて発生し、1の意味での安全だけではもはや不十分だという認識が広ま
Courses and Tutorials in CSS | Envato Tuts+
Get every type of asset for any type of project, and access to AI tools From $16.50/m
Building A Relationship Between CSS & JavaScript — Smashing Magazine
Even though we keep JavaScript, CSS and HTML in different files, the concepts behind progressive enhancement are getting all knotted up with every jQuery plugin we use and with every weird technique that crops up. In this post, Tim Wright offers a little perspective as to where we are and how we can realign our goals. jQuery, Prototype, Node.js, Backbone.js, Mustache and thousands of JavaScript mi
JavaScriptをシンプルに書けるCoffeeScript使ってみた
JavaScriptをシンプルに書けるCoffeeScript使ってみた CoffeeScript は JavaScript を Ruby や Python ライクに書けるので、タイプ数が減ったり、コードの見通しが良くなったりといったメリットがあるようです。 この記事では CoffeeScript の基本構文と使い方をご紹介します。 投稿日2012年02月13日 更新日2012年02月13日 変数に var は必要ない では、基本的な構文からみていきましょう。 CoffeeScript num = 3245 console.log num JSなら var num = 3245; と書くところですが「var」も「 ;（セミコロン）」も必要ありません。 2行目の console.log num は console.log (num) とカッコで囲んでも大丈夫です。 これをコンパイルすると次の
「第32回 HTML5とか勉強会～HTML5 Conference 2012 Reloaded～」活動報告 | gihyo.jp
10月23日、第32回目の「HTML5とか勉強会」はGREEさんのオフィスをお借りして開催しました。会場確保にご協力いただいたGREEの佐島さん、ありがとうございました。 今回のテーマは「HTML5 Conference 2012 Reloaded」とし、9月8日に開催された「HTML5 conference 2012」で好評をいただいた中からWeb制作者向けのセッションをピックアップして行われました。 本稿では、今回のイベントについてレポートします。 更に進化するCSSの表現力と新しいWebツール はじめに、アドビシステムズの轟啓介さんより、CSS3の最新仕様やアドビのオープンソースプロジェクトへの取り組みについて紹介いただきました。 CSS3の新しい要素からCSS Regions、CSS Exclusions、CSS Custom Filtersの紹介がありました。 CSS Regio
いまさら聞けないHTML5 Canvasの使い方
Flashになじみのある人がHTML5でまず興味を持つのが、アニメーションやモーションなどの表現力ではないでしょうか？ 私がFlashに興味を持ち、虜になったきっかけも、モーションの気持ちよさやデザイン性、インタラクティブな表現力でした。 今回は基本的なモノ(object)を動かすための準備として、矩形や円を描画してみましょう。HTML5では、canvas要素とJavaScriptのCanvas APIによって、ビットマップ画像を描画できます。 Canvasで画像を描画するには、HTMLでキャンバス領域を定義します。 ■サンプル1[01.html] <body> <canvas id ="cvs1" width="150" height="150"></canvas> <script type="text/javascript" src="js/01.js"></script> </bod
改行削除するくらいなら gzip したらいいじゃない
CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
CSS 20 stunning examples of CSS 3D transforms
Bootstrap向けの汎用的なモーダルボックス実装スクリプト・Bootstrap Modal - かちびと.net
CSS 20 stunning examples of CSS 3D transforms
jslibraryboilerplate by dciccale