短期間である程度までjQueryができるようになる独学Webデザイン勉強法を書いてみる - Yukihy Life
HTML、CSSの勉強法を以前書きました。 www.yukihy.com この記事を書いたあと、jQueryに挑戦をして、まだまだ完璧ではないものの実際にこのはてなブログを通して、いろんなブログパーツのようなものを作ることができました。 そこで、jQueryを勉強するとき、効率良く身につけられる方法を書いていきたいと思います。 僕自身いろんな本やツールに手を出しながら進めてきたので、実際に下の通りに行ったわけではありませんが、もう一度勉強しなおすとしたらこういったようにやるなといった感じです。 それではレッツゴー！ jQueryを身につけるための最短ステップ ステップ１ Progateで手を動かしながら学ぶ ステップ２ 平行してWebデザインレシピの記事を読む ステップ３ ドットインストールで総復習&補完 ステップ４ 書籍を参考に実際に作ってみる 作りながら学ぶjQueryデザインの教科書
動画やスライド資料で学ぶ！Web制作・プログラミング学習サイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 最近、夜会社に1人でいると急にシュレッダーが動き出したり、エレベーターで押してもない階に止まって扉が開かずに再び動き出すなど、すごく怖いというわけでもないけど微妙に変な現象に巻き込まれることが増えています。 アドマスターのきょうへいです。 最近はWeb上でさまざまなことが学べるようになりましたよね。 少し調べると便利なサービスがたくさんあったので紹介させていただきます。 動画＆スライド資料でWeb制作やプログラミングを学べる学習サイトまとめ schoo https://schoo.jp/ Webに関する生放送授業を無料で受講できるサービスで、LIGメンバーも何度もお招きいただいて大変お世話になっています。 毎日さまざまな授業を生放送で受講することができます。 学べる内容も幅広く、大きく分けて「デザイン」「WEB開発」「ビジネス」「英語」「スタートアップ」「カルチャー」という6
HTML5、CSS3の実用的な使い方を学びたい人向けの一冊
HTML、CSSをある程度理解していて、HTML5、CSS3の実用的な使い方を学びたい人向けの先週末に発売されたばかりの本を紹介します。 HTML5の新しい要素から特に使用するものの使い方をはじめ、これから使われなくなる要素や属性、HTML5/CSS3未対応ブラウザへの対応方法など、すぐに現場で使える内容となっています。 HTML5&CSS3実践入門 [amazonでみる] [楽天ブックスでみる] 著： Brian P. Hogan 監修： 高橋登史朗 訳： 株式会社クイープ 出版社： インプレスジャパン 発売日： 2011/7/8 [ad#ad-2] 「HTML5&CSS3実践入門」は、今年の初めに出版された「HTML5 and CSS3: Develop with Tomorrow's Standards Today（amazonでみる）」の翻訳版で、今年最も旬なHTML5, CSS3
YouTubeがFlashからHTML 5に移行した今こそ振り返るスティーブ・ジョブズの5年前のレター
YouTubeがFlashからHTML 5に移行した今こそ振り返るスティーブ・ジョブズの5年前のレター2015.02.02 12:305,968 勝敗はすでに決まっていた？ 先日YouTubeはビデオのデフォルトをFlashからHTML 5に移行すると発表しました。アップルは長らくFlashをサポートせず批判されてきましたが、それに対してスティーブ・ジョブズが発表した2010年の声明が残っています。 彼が5年前にFlashとAdobeや、これからの時代の変化をどう考えていたか垣間見ることができます。 FlashはPCの時代にPCとマウスのために作られた。AdobeにとってFlashは成功しているビジネスだから、FlashをPC以外にも進めてくるのは理解できる。しかしモバイルの時代は低出力のデバイスとタッチインターフェース、オープンウェブスタンダードが重要であるのに、そのすべての分野でAdo
はじめてのJavaScript / JS Girls Tokyo #1
はじめてのJavaScript / JS Girls Tokyo #1 1. はじめてのJavaScript 2014/03/08(Sat) JS Girls Tokyo #1 PixelGrid Inc. @tacamy 2. 自己紹介 山田敬美（@tacamy） ピクセルグリッド フロントエンド・エンジニア（新卒1年目） HTML&CSS歴 : 4年 JavaScript歴 : 1年 3. 会社紹介 4. “ピクセルグリッドはJavaScriptの会社です。” 代表取締役 中村享介 5. ？？？ 6. 私のJavaScript歴 職種 JavaScript 期間 KAYAC マークアップ エンジニア すぐに挫折 2年 NAVER マークアップ エンジニア 1行も書いてない 2年 専門学校 無職 @hokacchaによる修行 1年 （修行 4ヶ月） PixelGrid フロントエンド エ
HTML&CSS フロントエンド 何度も読み直したい資料・ツールまとめ - 酒と泪とRubyとRailsと
HTML5/CSS3などのフロントエンドもWeb上の資料が充実しすぎていて、ついつい今までなんとなく作って体系的な知識が不足していました。知れば知るほど奥が深いフロントエンド・コーディングを少し手も効率的にするために、いくつか書籍を購入したり、ネット上の資料を読み込んでみたので、備忘録がてらまとめていきます。 (02/05 20:10) 定期見直し 🎂 [Style Guide]「Google HTML/CSS Style Guide」の和訳 Googleが作ったStyle Guide『Google HTML/CSS Style Guide』を和訳していただいた『Google HTML/CSS Style Guideを適当に和訳してみた』。HTMLのベーシックな書き方から、CSSの書き方まで一貫している。個人的にはCSSのプロパティがアルファベット順というのは合理的だと思う！ 🐰 [S
現場で使える効果的なHTML&CSS構造設計（Effective HTML&CSS）
2. プロフィール • 竹内 真 / TAKEUCHI SHIN #singtacks – 創業企業＆所属 • 株式会社レイハウオリ 代表取締役社長（W3Cメンバー） • 株式会社ビズリーチ 取締役CTO • 株式会社ルクサ CTO – 主な運営サービス • • • • • 2 ビズリーチ http://www.bizreach.jp/ ルクサ http://luxa.jp/ RegionUp http://www.regionup.com/ codebreak; http://www.codebreak.com/ CareerTrek http://www.careertrek.com/ #singtacks supported by
HTML&CSS、プログラミング、データベースなどのチートシート集
Webmasters by Designのエントリーから、HTML, CSS, XML,やプログラミング、データベース、htaccess、DOCTYPE、SEOなどウェブ開発者のためのチートシートを紹介します。 The Best Developer Cheat Sheets Around HTML & CSS HTML HTML Cheat Sheet (PNG, PDF) HTML Help Sheet. Panic Over. (PDF) XHTML cheat sheet (HTML) CSS CSS Cheat Sheet (PNG, PDF) CSS Cheat Sheet (PDF) CSS Cheat Sheet (HTML) XML XML Quick Reference (PDF) XSLT Quick Reference (PDF) XML Syntax Quick R
自分でできるデザイナーズ・サイト、Bootstrapをさらに簡単に最速でUIを構築できる「Jetstrap」は全てのウェブ制作関係者必携サービスとなるか 【増田 @maskin】 | TechWave（テックウェーブ）
「アイディアはあるんだけど、モックすら作れないIT起業家」「“UIだけなら自分で作れる” とやってみたけど、見にくいページにしかならない、どうしよう、、、」。高度なテクニックは不要、でも、やっぱりデザイナーさんに依頼しないといけないシーンが多いこの業界。 しかし、「Twitter Bootstrap」(以下 bootstrap)の登場により、多くの人がデザイン性の高いページデザインを短期間で作れるようになり世界は変わった。bootstrapは、プログラマーやディレクターなどが、最低限のコードの組み合わせでスッキリと解りやすいユーザーインターフェイス(UI)を構築できるライブラリ(支援プログラム群)のこと。 Bootstrapの登場で、スタートアップはスピーディにページを作りあげ、プログラマーは必要なページを “とりあえず” 作っておくくらいのことをするのが手軽になった。ただ、bootstr
WordPressではじめてテーマをカスタマイズ・自作するときありがちな10のつまずき – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
今回は【WordPressではじめてテーマをカスタマイズ・自作するときありがちなに10のつまずき】ということで、テーマをカスタマイズや自作していく際、まず最初につまずくであろうポイントを10個、できるだけ簡単にわかりやすく解説してみました。 全部私が実際最初につまずいたポイントなので、きっとはじめてカスタマイズするかたのお役にたてるはず…！ テーマカスタマイズの基礎の基礎編です。 テーマファイルを開いてみて、なにがわからないのかすらわからなくてカスタマイズを断念した、というような方にぜひ見ていただきたいエントリーです。 ざっくり概要がつかめれば、「なにがわからないのかわからない状態」が解消されるので、あとは自分で調べて理解していけるようになるんじゃないかな、と思います。 とりあえず一から作るのは大変だから既存テーマをいじって勉強したい。 今使ってるテーマのヘッダーをオリジナルの画像にしたり
サイトにキーボードショートカットを実装する際に便利なjQueryプラグイン「chaves.js」:phpspot開発日誌
サイトにキーボードショートカットを実装する際に便利なjQueryプラグイン「chaves.js」 2012年07月06日- Standard demo サイトにキーボードショートカットを実装する際に便利なjQueryプラグイン「chaves.js」。 jとかkとかnとかpでアイテムを送れたりする便利なショートカットですが、あらかじめ決められたマークアップをベースに $(elem).chaves(options) と唱えるとすぐに実装でき、カスタマイズなんかも比較的容易に出来るjQueryプラグインです。 以下のようなコードで bingingsにjson形式で関数を指定してあげるとキーボードに応じた処理がfireされるという仕組み 不要な機能もついてきそうですが、とりあえずサクッと実装しちゃいたい場合には使えそうですね 関連エントリ selectボックスを超カッコよくするjQueryプラグイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5のW3C正式勧告に完全対応、読みやすい分かりやすい使いやすいと三拍子揃ったHTML5&CSS3のリファレンス本
リニューアルに使いたいオシャレな動きCSS＆JSパーツまとめ20選 | 楽天ティップスRakutenTips
HTML5 Conference 2015 講演資料まとめ #html5j
実践Web Standards Design—Web標準の基本とCSSレイアウト&Tips (単行本)
“Zen Coding”などの入力支援機能が充実するHTML/CSSエディター「StyleNote5」NOT SUPPORTED
わたしが1年間に送ったメールのうち40件を公開しました