【2018年5月版】はてなブログでFont Awesome5を使う - MogHouse
案の定早々に飽きてすっかりほったらかしになってるはてなブログ。 久々に覗いてみたらなんだかアクセスが増えてる。 どうやらFont Awesomeを使いたい人が昔書いた記事を見に来ているらしい。 ただ、2年前の記事なのでFont Awesomeがバージョンアップした関係上、記事の通りにやっても上手く動かないようだ。 せっかくなので最新のFont Awesome5の導入方法を調べてみた。 前回の記事を読んでFont Awesome4を入れた人向けにFont Awesome5へのアップデート方法を記事の最後に書いたので必要な方はどうぞ。 前回の記事はこちら moghouse.hatenablog.com Font Awesomeって何だっけ？ 様々な用途で便利に使えるWebアイコンフォント。 フォントなのでサイズや色の変更をCSSで好きなように出来て便利。 2年前は600種類程だったが、今は10
検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog
HTMLファイ部のほんだです。 気づきTips！ Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当する エンジニアを集めた部署「HTMLファイ部」では、 制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。 通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の糸口をさがす ▼ 3. こんな方法があったのか〜 と気づきを得る というフローでスキルアップしていくことがもっぱらだと思うのですが、 学びを増やしていくためには違うアプローチも必要なんじゃないかと思います。 カヤックHTMLファイ部では、 1. みんなで蓄積したTipsをざぁっと読む ▼ 2. こんな方法があったのか〜 と気づきを得る ▼ 3. 制作の際に導入していく というフローを繰り返し実践していくことで、 検索では気づけないことを学び、実装力アップ
Firefox の拡張機能をふとした時に手元でチョコチョコいじれるようにしとくと楽しい - IT戦記
この記事で Firebug ハッキング Tips を纏めたい Firebug に一行追記して右クリックで XPath をコピペ出来るようにする。 - IT戦記 とか言ってたけどその前に、 僕は Firebug だけじゃなくて、 だいたいの拡張機能で、簡単に「チョコチョコいじれる化」というのをしてるのでそれを書いてみます。 チョコチョコいじれる化とは jar ファイルを解凍しておいてすぐ書き換えられるようにしとくこと。 「チョコチョコいじれる化」しとくと気付いたときにちょっと JS や XML や CSS を追加するだけで、いろいろ改造できて楽しい。 「でも、 Firefox が壊れる可能性があるじゃん＞＜」って？ チッチッチ、ナンセンスだよメーン そんなの拡張機能のディレクトリを削除しちゃえば元通りさ Don't be scared! iKnow!で英語。ちょっとの努力で、大きな成果を。
IE５でアルファチャンネルPNGを使うための一番簡単なライブラリ あるいはIEの失われたテクノロジに驚異せよ
http://d.hatena.ne.jp/amachang/20070206/1170715555 http://labs.unoh.net/2007/02/ie6_png_fix.html http://web.kankodo.net/2007/02/01-233315.html http://phpspot.org/blog/archives/2007/02/iepngjavascript.html なんかはやってるみたいなんで作ってみました！ 一番設定が簡単だと思う。IE5IE5.5以上なら多分動く*1。 あとIEすごいよ！というお話 やりかた 1.次の内容を alpha.htc という名前で適当なところに置く <SCRIPT LANGUAGE="JScript"> (function(){ runtimeStyle.filter += 'progid:DXImageTransfo
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
フォーマルで行こう
情報のかたちと理解 InformationはFormを持つ 情報を構成する枠組みを知る 情報を既存の知識と関連付ける エージェントに伝える形、ユーザに伝える形 ウェブの「型」を身につけよう 文学や芸術に“形式”があるように「フォーム」は重要 ウェブの「型」 → ユニバーサルアクセスとデータ共有・再利用 情報のかたちと名前 コンピュータと形式と名前 形式化：形（枠組み）に名前を与えて共有可能にする 形式化された情報はコンピュータ処理が可能 情報を抽出する、変換する、推論する… 名前とコンテクスト おーい、あれ持ってきて（完全にローカルコンテクスト） オペラが好きだ（コミュニティによる違い） 東京都中央区銀座1丁目（コンテクストに依存しない） 名前は共有できてはじめて意味がある ウェブページで使われる名前はどんなスコープで通じるか HTMLと情報のかたち 文書のかたちを示すマーク付け シンプル
ウェブ系プログラマが覚えるべき3つの言語 : akiyan.com
ウェブ系プログラマが覚えるべき3つの言語 2006-01-29 私はウェブ系のシステム開発・設計・提案を業務としているのですが、最近仕事をしていて「ウェブ系プログラマが絶対に覚えるべき言語」に気付きました。あなたがリーダーの立場にいるなら「部下のウェブ系プログラマに習得させるべき言語」です。 その言語とは「HTML」「JavaScript」「CSS」の３つです。 「覚える」の程度は、手書きでスラスラ書けるレベルだと思ってください。 Web系プログラマの現場ではこの３つの言語はかなりないがしろにされていないでしょうか？「HTMLならDreamweaverを使ったりその都度リファレンスを引けばいいし、JavaScriptなんて使えないし、CSSなんてデザイナーが覚えればいいでしょ？」といった考え方です。凄く勿体ないことです。 HTMLをすばやく手書きできないことで失う時間、JavaScript
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
CSSとJavaScriptでチェックボックスなどをグラフィカルにする「formStyle」