GWはじっくり腰を据えてスキルアップ！おさらいして読みたい、技術系お役立ち記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、GW前半に意を決して体組成計を購入し、体重・BMI・体脂肪率、内臓脂肪など、数々の恐ろしい数値があらわになったメディア事業部のあゆみです。体内年齢は27歳（実年齢＋2歳）…恐怖のあまり、即スポーツジムに入会しました。痩せよう。 さて、今年のGWはお休みが前半、後半と分断されていて遠出するか悩ましいカレンダーですよね。 そこで「中途半端にまとまったお休み、どこかに行く気力もお金もないし、どこに行っても混んでるからもう引きこもるに限る」という方にぜひ読んでもらいたい、LIGブログの技術系記事をピックアップしてみました。ゴロゴロするだけじゃもったいない！GWの時間を、知識・技術のレベルアップにあててみませんか？もちろん旅行や帰省の際の移動時間にもおススメです。携帯でも読めますので！（きっとPC開きたくなっちゃうだろうけど） WEBデザイン 必読！5分でわかる流行のレスポンシブWebデ
HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。 関連エントリ CSS3を使った驚きのデモいろいろ２５種類 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」 iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript
Private Presentation
Private content!This content has been marked as private by the uploader.
Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ（Webサイト）を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
HTML5とは何かを簡単にまとめてみた
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
デザイナーのためのjQueryテクニック「10 Easy jQuery Tricks for Designers」
TOP > WebDesign > デザイナーのためのjQueryテクニック「10 Easy jQuery Tricks for Designers」 非常に使い勝手が良いjavascriptライブラリ「jQuery」。様々なエフェクトを実現したり、ちょっとした問題を解決したり本当に様々な使い方がありますが、今回紹介するのはそんなjQueryを使った、デザインテクニックを集めたエントリー「10 Easy jQuery Tricks for Designers」を紹介したいと思います。 Equal-Height Columns 例えば上記のようなカラムを揃えるテクニック等、CSSでWEBを組んでいて気になる部分を解消してくれるテクニックが収録されています。 詳しくは以下 ・Rounded corners without the HTML mess（角丸を簡単に作る） ・Scrolli
ウェブサイトの制作・検証に役立つブックマークレット集
レイアウト用のグリッドをオーバーレイで表示します。 URLを変更すれば画像の変更可。 Bookmarklet Layout Grid Overlay MRI
ユーザーをしびれさせるjQueryチュートリアル&プラグイン20 – creamu
spyrestudiosというサイトで、かなり魅力的なjQueryチュートリアル&プラグインが紹介されています。 ざっといくつかご紹介。 » Creating a Keyboard with CSS and jQuery CSSとjQueryでPCのキーボードを実装 » Animate Curtains Opening with jQuery カーテンが開くアニメーションをjQueryで実装。↑のキャプチャはこちら » Sexy Drop Down Menu w/ jQuery & CSS するするっと消えていくクールなドロップダウンメニュー » Learning jQuery: Fading Menu – Replacing Content フェードイン&アウトして切り替わる超クールなメニュー » How to Load In and Animate Content with jQuer
滑らかにアニメーション動作してナビゲーションにも使えそうな1KBのアコーディオンＵＩ:phpspot開発日誌
Horizontal JavaScript Accordion 1kb - Web Development Blog 滑らかにアニメーション動作してナビゲーションにも使えそうな1KBのアコーディオンＵＩ 次のように、マウスをあわせると、ホバーした部分がビヨーンとアニメーションしながら伸びるＵＩ実装用のサンプルが公開されています。 設置手順がすごくシンプルです (1) HTMLを定義します <ul id="sm" class="sm"> <li><img src="images/1.gif" alt="" /></li> <li><img src="images/2.gif" alt="" /></li> <li><img src="images/3.gif" alt="" /></li> <li><img src="images/4.gif" alt="" /></li> </ul> (2
[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス
以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。 追記： 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日 デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース 機能を追加しました。 2010年11月19日 ver.3.0.7をリリース ライセンスを変更しました。 2010年11月17日 デモおよびダウンロードファイルをjQuery1.4.4に変更しました。 2010年9月19日 デモおよびダウンロードファイルをjQuery1.4.2に変更しました。 2009年7月6日 対応ブラウザ（IE8, Fx2.5, Chrome2）を更新しました。 2009年2月23日 ver.3.0.6をリ
![[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
CSSハック一覧表 はじめてのブログデザイン
CSS のハックが少しずつ貯まって来たので一覧表を作ってみました。 CSS ハックとは何か簡単に説明すると、それぞれの WEB ブラウザのバグなどを利用し、特定の WEB ブラウザに特定のプロパティ（設定）を適用させたり、逆に適用させないようにし、CSS 内に併記した複数のスタイルのプロパティ（設定）を、それぞれの WEB ブラウザに振り分ける技術のことです。 これからは私が使用した CSS ハックや詳細などはこのエントリで随時まとめていこうと思います。 〔追記：２００７年１２月４日〕 〔追記：２００８年１月１２日〕 〔追記：２００９年７月２３日〕 下のソースの赤い部分がそれぞれの CSS ハックの部分です。 スターハック WinIE4 ～ IE6 と MacIE4 ～ IE5 にだけ適用させられるスターハック。 * html p { /* for WinIE4 ～ IE6 and Mac
サイトデザイン時に有効なチートシート集:phpspot開発日誌
14 Most Useful Web Design Cheat Sheets | Web Design Ledger サイトデザイン時に有効なチートシート集。 AdobeのペンツールやJavaScript、Flashにいたるまで様々なチートシートが紹介されています。 Adobe Pen Tool Cheatsheet ペンツールのチートシート Mac OS X CSS Cheat Sheet Mac OS X用のチートシートウィジェット jQuery 1.3 Cheat Sheet jQuery1.3用のチートシート Adobe Flash CS4 OS X Keyboard Shortcuts 最新版CS4のきーぼーどしょーと 全部見る 色々とあるものですね。 関連エントリ CS4用など歴代Photoshop用、キーボードショートカットのチートシート集 Photoshop/illustr
プレビュー付きエディタ『Google AJAX APIs Playground』を使ってみた
すごいねこれほんとすごい。ってか今まで知らなかったこんなのあるなんて・・・。 Learn & Test Google’s APIs Easilyで掲載されてて朝から色々触ってました。 その簡単なレポートです。 GoogleAPIが色々サンプル収録されたエディターって感じでしょうか。 AJAX APIs Playground 面白いなぁ。わくわくするなぁ。 手っ取り早くRSSリーダーみたいなのを作ってみると この時点で、下のほうにプレビューが生成され、レイアウトや仕様を見ながら選べるのが特徴的。 すごく便利ー。 後はキーの部分や、取得するRSSのURLをちょこっと変えてコードをコピペすれば、あなたのサイトで簡単にRSSリーダが設置できますね。 APIキーについては、公式で確認するのが一番ですが、それぞれのサービスを使う為に、APIを使うURLをGoogleに申請して『キー』を発行してもらう必
Рубрика: Марафон 2022 | Марафон скачать
Зеркало Марафон марафон вход сейчас Зеркало Марафон «Marathonbet»: как найти альтернативное работающее зеркало сегодня Букмекерская контора «Марафон» является одним из топовых беттинговых операторов России, что подтверждается высокими позициями в рейтинге SocialBet. Однако стоит различать легальную в России БК «Марафон» (marathonbet.ru), и оффшорного организатора азартных игр «Marathon» (marathonb
2008年、ウェブのデザイナー・開発者がおさえておきたいリソース集 | コリス
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/08/wp-jquery.html
IDEA * IDEA
フェードしながらスライドするjQueryプラグイン – creamu
rborn.info
http://www.designwalker.com/2009/01/speedup.html
