50+ Free eBooks for Web Designers & Developers — Speckyboy
There are thousands of books available online for web designers and developers to peruse. Countless languages, topics, and trends have been extensively explored and analyzed, resulting in this vast library of eBooks that cover almost every aspect of web design and development. The best part? All of these books are completely free to download! We’ve curated this collection of our favorite free eBoo
要素を立体的に回転させて動かすエフェクトTURNBOX.jsの実装方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、フロントエンドエンジニアのはやちです( ˘ω˘)✌ だんだんと秋の気配が近づいて過ごしやすくなりましたね。 なんだかゴロゴロしたくなってきます<( ˘ω˘ ┌┛)┌┛ ってなわけで今回は、要素を立体的にゴロンゴロン動かせるプラグイン TURNBOX.jsをご紹介しますc⌒っ´ʘ‿ʘ｀)っ それでは実装方法を解説していきます( ˘ω˘)☝ はじめに jQueryを呼び出す記述の後にturnBox.jsを読み込みます。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="/js/turnBox.js"></script> HTML divの中に表示させたい面の数の子要素を配置しましょう( ˘ω˘)
フロントで迷ったら読む自分用！javascript,css,htmlの命名規則やコメントの書き方・ルール・規約・ガイドラインについてとかとか - tweeeetyのぶろぐ的めも
はじめに サーバサイドの人間ですが、だからこそ大事にしたいフロント側のルール。 フロント側を一切を触らないのなら構いませんが触ることも多分にあるでしょう。 フロント大好きなのでそっちメインで触りたい時もあるでしょう。 ってことで、そんな自分がフロントのお作法として守っておきたいというときに参考にする自分用メモです こんなかんじ ってことでjavascript,css,htmlについて それぞれ自分が見返せるように参考サイトとティップスをメモ javascript 命名規則 コメント まとめ系 CSS 命名規則 id,class名のサンプル コメント まとめ系 HTML 文書構造 コーディング規約とかルールとか全般 ※HTMLは命名規則て感じではないですね 注釈 お作法といっても命名規則、コメントなどを主としてまとめました（htmlは文書構造) 部分的でも命名規則について参考になれば参考とさ
簡単に実装できる、ボタン画像のマウスオーバーイベント 10+ - NxWorld
画像のオンオフ切り替えといったようなマウスオーバーイベントで、簡単に実装できるものをいくつか紹介します。 CSS3やjQueryを使ってちょっと変わった動きを取り入れるサイトも見かけることも多くなりましたが、今回は普段も使用頻度が高いと思う定番のものに絞りました。 サンプルで使用する画像とDEMOについて 各マウスオーバーの動きを実装するにあたって上のような3タイプのボタン画像を用いており、各ボタンはそれぞれ以下のようになっています。 type A 単体のボタン画像 type B オンとオフを1枚の画像にした、スプライト型 type C オンとオフをそれぞれ別の画像にし、オフ時のものは_off、オン時のものは_onを拡張子前に入れています。 また、サンプルも用意したので実際の動きはこちらで確認して下さい。 CSS：マウスオーバー時に透過させる CSSのopacity（IEはfilter）の
Webサイト＆WebアプリのRetina対応方法まとめ
こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map
ソースコードをキレイに表示するWordPressプラグイン「SyntaxHighlighter Evolved」
どうも。@OZPA です。 WordPressのオリジナルテーマを作成したりして、最近htmlやphpのソースコードをブログに掲載するようなことが増えてまいりました。 そんなわけで、今さらながら導入しました、ソースコードを表示するのに便利なWordPressプラグイン「SyntaxHighlighter Evolved」のご紹介。 導入方法 プラグインは以下のリンクから入手するか、WordPressのプラグイン管理画面から「SyntaxHighlighter Evolved」を検索、有効化してください。 WordPress › SyntaxHighlighter Evolved « WordPress Plugins 対応しているコード SyntaxHighlighter Evolvedが対応しているのは、以下のコード。 html,actionscript3,bash,coldfusion
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Animated Background Headers | Demo 2
フロント作業の効率化
PACPAC!!
