［結果発表］コーディング苦手意識調査してみた
久々の更新になりますが、ひょんなことから職場の同僚へコーディングアレルギー克服のためのナレッジシェアをすることになったので、SNSで「コーディング苦手意識調査」をしてみました！ ご協力いただいたみなさま、ありがとうございました。あわせて、コードにアレルギーのある方向けのスライド資料も公開してみたいと思います。 調査はTypeformにて実施。Twitterとfacebookによるアンケート。 調査期間は2017年3月16日〜21日の5日間。 回答者は205人。 ウェブ制作クラスタを中心とした結果になっているため、「HTML&CSSが苦手！」という層は僕が期待していたよりは少なかったかもしれません。そして何より、思いつきでやり始めてしまったのでアンケートの設計が非常に悪く…ほとんどただのコメント収集となってますが、覗いてみてください。 プログラムはやはり敷居が高く、苦手意識は「とっつきにくい
ソーシャル投稿ボタンのクリックのcallbackをJS から知る方法 - Qiita
Google+ スニペットgoogle (+https://developers.google.com/+/web/snippet/)というテキストを含むユーザー エージェントのリクエストが表示されます html Google+ の場合、callbackを呼ぶためにタグにdata-callback="gplus" を追加しています。 <!-- twitter --> <a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a> <!-- //twitter --> <!-- Facebook --> <div id="fb-root"></div> <div class="fb-like" data-href="{サイトのURL}" data-layout="button_c
Tweet Button の独自イベントを取得してみる - しばやん雑記
Tweet Button はイベントを登録しておくと、ツイートされた時にコールバック関数を実行することが出来るようになっています。この機能は結構便利そうですよね。 Web Intents Javascript Events | Twitter Developers 注意点としては、標準の widget.js を読み込むタグではなくて、このページに書いてある専用のタグを使う必要があります。具体的には以下のようなやつです。 <script type="text/javascript" charset="utf-8"> window.twttr = (function (d,s,id) { var t, js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js=d.createElement(s);
『GAIABREAKER（ガイアブレイカー）』開発陣インタビュー ゲームエンジン“enchant.js”を使ったWii U向けシューティングに秘められた野望とは？ - ファミ通.com
2013年12月25日、Wii Uのニンテンドーeショップ向けに配信された『GAIABREAKER（ガイアブレイカー）』。既報の通り（⇒記事はこちら）、本作は任天堂が提供する開発フレームワーク“Nintendo Web Framework”に対応した、“enchant.js for Nintendo Web Framework”で作成された縦スクロールシューティングゲームだ。 “Nintendo Web Framework”に“enchant.js”（エンチャント・ジェーエスと読みます）というと、何だかすごそうだが、正直よくわからなかったり……。まあ、わからないことは開発陣に直接聞くのがてっとり早い！ というわけで、どんな技術で本作が作られたのかを解明すべく、ユビキタスエンターテインメントの開発陣へインタビューを敢行した。 なお、ユビキタスエンターテインメントは、ネットワークコンテンツの企
Modernizr を使ってブラウザの機能にあわせた CSS, JS を書く ｜ Tips Note by TAM
今回は、HTML5, CSS3 を使ってウェブサイトをつくる際の助けになる JavaScript ライブラリ Modernizr をご紹介します。 HTML5, CSS3 では便利な機能が多数追加されましたが、ブラウザによって対応状況はまちまちです。 Modernizr を使うとブラウザの HTML5, CSS3 対応状況を簡単に調べることができるので、個々の状況にあわせたコードを比較的容易に書けるようになります。 バージョンの古い Internet Explorer 等に対応する際、コンディショナルコメントやいわゆる CSS セレクターハックを使用することがありますが、それらと同様のものと考えると分かりやすいかもしれません。 それではごくごく簡単ではありますが、以下に基本的な使い方をご紹介します。（バージョン等は記事執筆時点のものです。変更になっている場合があります。） 1. moder
IE7 が死んだらできるいくつかのこと（ caniuse.com から見繕っただけ） - oogatta のブログ
IE6 への対応が一段落した昨今、 IE7 もいよいよ事実上市場から姿を消す日が近づいてきたようです。flickr が今年以降リリースする新機能にて IE7 をサポートしないことを表明しました。私の勤務先でも、今ものすごい勢いで IE7 のシェアが低下しており、今年の夏から冬にかけて、今の IE6 と同じくらいのシェアになるかもしれない勢いです。 というわけで、 IE の最低動作保証バージョンが 7 から 8 になったら何ができるようになるのか、僕らの caniuse.com を見てざっと洗い出してみましたのでご参照ください。 CSS inline-block display:inline-block が使えます。IE 6/7 では "display:inline; zoom:1;" で代用していたと思います。 Table Display display:table 、 display:t
最近はword-breakするのにJSは使わないほうがいいみたい - Webtech Walker
Twitter / tacamy: { word-wrap: break-word; } ... ということなのでJSを使わずにCSSだけでやれるみたいです。しかもこれだけ。 .word_wrap { word-wrap: break-word; } IE6、7、8、Firefox3.6、Safari4、Chrome、Opera10.52で確認しましたけどこれだけで全部いけます。ブラボー。 <div class="word_wrap">http://ja.wikipedia.org/wiki/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%83%86%E3%82%A3</div> <div class="word_wrap">aaaa
swfobject2.2 & swfforcesize のテスト : web dimension maker
swfobjectが 2.2 になったので(だいぶ前？)、試しました。また、swfforcesize の扱いが難しいので検証しました。 サンプルです。 swfobject2.2 について ちょっと不具合があって、今すぐは無理っぽいです。FlashPlayer のバージョン判定がおかしいのか、満たない場合に expressinstall.swf が動いてくれないです。ちなみに、Flash Switcher で検証しました。 swfforcesize について ダウンロードは下記のページからできます。 pixelbreaker : SWFObject add-on: Size limiting for full window flash 設置の仕方を誤ると、IE6 で最大サイズ以外で開いたときに、swfforcesize 自体の中、サイズの取得部分で無限ループを起こしてしまいます。これが厄介で
SWFObject2.0でSWFForceSizeを使う | FlashやWebにまつわるいろいろなこと
どうやって使えばいいんだっ！ と悩んだが、普通につかえた。 var obj = document.getElementById("cssidForFlashObject"); if (obj) { var forcesize = new SWFForceSize( obj,1000,660 ); } ページの下のほうに記述したほうが無難だと思う。 SWFObject2.0のドキュメントを見てみてて swfobject.getObjectById(”cssidForFlashObject”); で取ったObjectをSWFForceSizeを渡せばイイかと思ったけど それではダメだった。なので直接 swfforcesize.js そもそものことなんだけど、 IEだとロード時の領域チェックが失敗しね？！ なのでJSをちょっと修正。 swfforcesize.js の func
For a Beautiful Web
Web standards that have been outlined and classified have totally transformed the internet in just the last 10 years or so, creating an online experience that is more cohesive, more predictable, and a lot more robust. In 2005, when Cascading Style Sheets were updated for the third time – creating CSS3 – designers and developers around the world rejoiced at what this new web standard made possible.
HTML5 enabling script
Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I've quickly put together a mini script that enables all the new elements. READER DISCOUNTSave $50 on terminal.training I've published 38 videos for new developers, designers, UX, UI, product owners and anyone who needs t
HTML5の新要素にCSSを適用するテクニック
HTML5では、これまでにはHTML4やXHTMLでは規定されていなかった新たな要素が追加されています。Firefox 2.0、Opera 9、Safari 3では、未知の要素に対してCSSルールを記述したとしても有効になりますが、Internet Explorerでは無視されてしまいます。 もし将来的にHTML5でサイトを構築するような時が来たら、少なくとも現在リリースされているInternet Explorer6, 7対策に苦慮しそうです。 ところが、なんと、すでに、Mozilla CorporationのJavaScriptエバンジェリストであるジョン・レシグ（John Resig）氏のブログ記事『HTML5 Shiv』で、HTML5の新要素に対してCSSを適用させるテクニックが紹介されています。 簡単にまとめると、次のような感じです。 CSS: figure { border: 1
OS にあわせた font-famiry を PHP または、JavaScript で適用する | ヨモツネット
また、Safari には Windows もあるので、Windows の Safari にも Mac と同じスタイルを適用するようにしました。 JavaScript 版 JavaScript 版はサーバの環境に依存せずに実装が可能です。閲覧者の環境に合わせて CSS のルールにベースとなるフォントのスタイルを追加する仕組みです。 ダウンロードした basefont.css.js をテキストエディタなどで開き、fontRule の箇所を編集してください。書き方は通常の CSS の宣言と同じです。 basefont.css.js のデフォルトの状態は、サンプルがわかりやすくなるように背景を指定していますので background の箇所は削除してください。宣言部分 (プロパティと値) の書き方は CSS と同じです。 fontRule : { hiragino : "font-family:'
Prototype.js を使って、MovableTypeで最新記事を表示する：Goodpic
This shop will be powered by Are you the store owner? Log in here
JavaScript イベントハンドラを外部スクリプトファイルに書く
Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。 クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存のオブジェクトのクローンとして新しいオブジェクトを作成し、そのオブジェクトに独自の性質を付加してプログラミングする。 JavaScriptのオブジェクトの性質は動的に変更可能。Java等では一度決定したオブジェクトの振る舞いは変更できないが、JavaScriptでは実行中の任意の場所でメソッドの動作を変更したり、新しく追加したり、削除したりすることができる。
Daniel Nolan - Home
Image Rollover Code This script is a standards compliant means of adding mouse rollover code to images in a document without the hassle of coding in extra parameters to each image in your document. This code is standards compliant and should not invalidate your document. Sample Usage To begin with you need to load the javascript into a page in the head section of your page. If you place the code
Cheat Sheet Roundup - Over 30 Cheatsheets for developers
Cheat Sheet Roundup - Over 30 Cheatsheets for developers Updated on November 17, 2023 By Pete Freitag Lets face it, unless you have a photographic memory, no developer can remember all the different functions, options, tags, etc. that exist. Documentation can be cumbersome at times, thats why I like cheat sheets. They are quick references that feature the most commonly forgotten things on a specif
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me
Linker.in Domain Name Is Available to Buy - Domain Name Marketplace
http://www.yasuhisa.com/could/entries/000856.php