jsdo.itで覚えておきたい10のこと | </gecko> げことじ。
jsdo.it大好きです。 なので覚えておきたい10のことをまとめました。1 Chromeじゃなくてもすぐにコードを書きたい わからないことを質問する コメント・お気に入りにする プロフィールを変更する コメントを削除する Forkした・されたコードとのDiffを見る エディタでキーボードショートカットを使う エディタで同じ単語をハイライトする jsdo.it APIを使う Daily code rankingに載る jsdo.itを使ってる人向けです。 Chromeじゃなくてもすぐにコードを書きたい Chromeには JustEditがあるのですぐにコードを書き始める事ができます。 実はhttp://jsdo.it/code/newを叩くと書けます。ブックマークしてもいいね！ わからないことを質問する 気づきづらいですが右上にDiscussionsがあります。2 プロフィールを変更する
LavaLamp for jQuery lovers! | Ganeshji Marwaha
Click on the above image to land in the Lava Lamp Demo page. Then, hover over it and feel for yourself, the nifty effect that Lava Lamp offers. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light wei
名刺作成ならデザイン名刺.net【最短即日受取可能】
名刺作成・印刷をデザイナーが行うデザイン名刺の専門店です。 新宿の老舗名刺店として多くのお客様に愛される株式会社ケイワンプリントが運営しています。 ご注文頂いたすべての名刺は、デザイナーが一枚一枚丁寧に作成して、業務用のプリンターで名刺印刷と検品をして出荷しております。安心してご依頼ください。 お急ぎのお客様はスピード名刺作成をご確認ください。 東北、関東、中部、近畿へは翌日午前着でご自宅へお届け可能です。名刺専門店ケイワンプリントでの即日受取も可能です。 価格と納期、支払方法と発送料金は各ページにてご確認ください。
CSS PANIC - jsdo.it - Share JavaScript, HTML5 and CSS
＼紹介されました／ http://snook.ca/archives/conferences/css-takes-over-the-world http://tv.adobe.com/watch/max-2011-envision/css-takes-over-the-world/ CSS PANIC - a game, noJS, only CSS and HTML - JavaScriptを使わない。 CSSプログラミング第二弾「CSS PANIC」 m9( ﾟдﾟ)説明！ 制限時間以内に10匹のワニを倒せ！ 10秒くらいでお終いだ！ chromeでしか確認してません 画像はdataURIです。 iPhone , iPadで見るときはhttp://jsrun.it/GeckoTang/4rXg/がおすすめ I ♥ datauriplayground2 http://jsdo.it/ts
テイスティレシピ ハーゲンダッツ
ハーゲンダッツ（Häagen-Dazs）アイスクリームを使ったおすすめアレンジレシピをご紹介。バニラ、ストロベリー、グリーンティー、クッキー&クリーム、マカデミアナッツ。いつものハーゲンダッツを特別なデザートへ。
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
![ブロックレベル要素の高さを揃えるheightLine.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
わかる！マルチデバイス対応 ＋ HTML5 CMS - Web Meister：株式会社サイズ
わかる！マルチデバイス対応 ＋ HTML5 CMS - Web Meister 概要 講演資料PC版URL http://www.x-yz.co.jp/slippy/src/index.php?file=seminar_1209.html 記事：Webサイトのマルチデバイス対応とHTML 5に対応したCMSとは http://web-tan.forum.impressrd.jp/e/2012/11/07/13898 記事：Web担当者Forum ミーティング2012 Spring わかる！Web CMS選択術2012 + HTML5 CMS ― Web Meister http://web-tan.forum.impressrd.jp/e/2012/05/23/12714 参考資料：Web担当者Forum ミーティング2012 Spring わかる！Web CMS選択術2012 + HTM
日経xwoman：doors 20代からのキャリアとライフ：日経xwoman：日経xwoman
医師の異色キャリア「それでいい？」で選んだ厚労省→ソフトバンク NEW キャリア 2024.08.08
フリーなのにおしゃかわ！使えるWeb素材まとめ | 女子力アップCafe Googirl
Webに携わる人にとって、はずすことのできない素材。探すのも実は大変。今回は、かなり厳選した１０サイトをまとめてみました！ １ DOTS・DESIGN 商用・非商用フリーの素材。ナチュラルでキュートなアイコンが多め。 ２ * Nature * 空の写真素材 空の写真素材が本当にたくさんあります。美しい。 ３ 0円のWeb素材屋さん プロの作った素材を0円で使えるなんてお得です。内容もかなりイイです。シンプルリッチ。 ４ 足成 無料で使える写真素材。テーマの多様さがすごい。 ５ Graphic Downloads for the Designer 背景素材がオシャレ過ぎます。デザインのセンスがはんぱないです。 ６ morgueFile 外国系のハイセンスな素材たち。数が多い。 ７ Burningwell 風景写真がお得意な外国サイト。空を切り取った写真たちがステキです。 ８ Graphics
自然のさまざまな表情が活きる砂のテクスチャ集「35 Free Real Smooth Sand Textures」
TOP > Design > 自然のさまざまな表情が活きる砂のテクスチャ集「35 Free Real Smooth Sand Textures」 素材感を出したいデザインでは、さまざまな自然の写真テクスチャを使用することもあるかと思います。素材の選択の幅が広ければ、それだけイメージにぴったりのデザインを完成させられるのではないでしょうか？そこで今回紹介するのは、自然の力によってさまざまな表情に作り上げられた砂のテクスチャを集めた「35 Free Real Smooth Sand Textures」です。 （Very Useful Sand Texture） 質感の異なる砂のテクスチャが豊富なバリエーションで紹介されています。中でも特に気になったものをピックアップしましたので、以下よりご覧ください。 詳しくは以下 ■Sand Textures 砂の中に無数に空いた穴は、自然が呼吸をし
Movable Type 5を始める前に設定しておきたい10の項目
Movable Type 5を始める前に設定しておきたい10の項目を紹介します。 このエントリーは、「Movable Type 4を始める前に設定しておきたい10の項目」のMT5版です。MT4から機能が拡張・改善され、画面構成も変更されており、以前の記事では対応できなくなったので、全ての記述をこのエントリーで見直すことにしました。Movable Type 5を利用する場合の参考になれば幸いです。 掲載順序は、ブログ作成－サイトの設定－記事投稿－記事公開－コメント投稿という流れに沿って並べています。全ての項目が必須という意味ではありません。不要と思われる項目は適宜スキップしてください。 このエントリーではMTの基本機能だけを使った項目に絞っています。プラグインを利用した設定については別途エントリーしたいと思います。 また、ここに掲載していることよりも大事なことがあれば適宜追加しますので、ご連
[JS]かわいい猫画像になごんでしまった、指定範囲をフォーカスするスクリプト -Gallery Focus
オプションもリアルタイムに適用 Gallery Focusの実装 HTML フォーカスを与える画像を「#gallery」で内包します。 「#gallery」はjQueryのセレクタで指定できるものであれば、何でも可です。 <div id="gallery"> <img src="images/01.jpg"> <img src="images/02.jpg"> ... ... </div> JavaScript 「jquery.js」と当スクリプトを外部スクリプトとして指定し、下記のスクリプトを記述します。 $('#gallery img').galleryFocus(); スクリプトのオプション オプションでは、範囲のサイズ、フェードの量、適用範囲、反転、オーバーレイの有無を指定できます。 $('#gallery img').galleryFocus({ 'radius': 800, '
IE6〜8でCSS3セレクタ利用「Selectivizr」
CSS3セレクタを使う上で問題となるのはやはりIEです。HTML5 & CSS3 Supportで確認すると、IE6～8はほとんど対応できていないことが分かります。 そんなIEでもCSS3セレクタを使えるようにするのがSelectivizr.jsです。詳しく紹介されているサイトがあまりなかったのでご紹介。 Selectivizrの設置方法 ここで提供されているselectivizr.jsとJavaScriptライブラリを外部ファイルで読み込むだけで、CSS3セレクタがIE6～8でも利用可能となります。コードも外部ファイルを読み込むだけですのでとてもシンプルです。 <script type="text/javascript" src="[JSライブラリ]"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascr
こんなに高品質なのに無料で利用できるCSSベースのテンプレートのまとめ
企業用サイト用をはじめ、コマース用、ポートフォリオ用、ブログ用などの高品質ながら無料で利用できるCSSベースのテンプレートを紹介します。 テンプレートは1ページだけのものから、配下ページなど複数のページが揃っているものもあります。 ※テンプレートは全て無料で利用が可能ですが、ライセンスを必ず確認してください。
Twitterで見かけるハミ出した顔文字の正体 - RyoAnna
少し前からTwitterで見かけるようになった、上下に飛び出す変な顔文字。 気持ち悪いのであまり関わらないようにしていたのだが、この顔文字の謎が明らかになったのでお伝えしたい。 いつものようにiPhoneのApp Storeをぶらぶらしていた時のこと。 Unicoder Lite (App Store)というアプリが気になりダウンロードした。 起動するとなにやら見慣れた文字が。 顔文字でよく使われるギリシャ文字やキリル文字だ。 しばらく眺めているとこんな符号が。 合成用区分符号 これが上と下の行にはみ出す顔文字の正体だった。 ためしに作ってみよう。 ベースとなる顔文字を置く。 左目に合成用区分符号を入れる。 続いて右目に。 見事にはみ出す。 Unicode（ユニコード）とは、世界中のコンピュータの文字を符号化したもの。その "U+0300-036F" に配置されているダイアクリティカルマー
就活に打ち勝つポートフォリオWebサイトの作り方 | Webクリエイターボックス
2016年2月18日 Webサイト制作 Webデザイナーとして働く際、自分をアピールするのに最も大切なのがポートフォリオWebサイト。今まで作った作品や自分がどんな人間なのか、何ができるのかを紹介するサイトを作っておけば、就職活動にも大変役立ちます。ここではポートフォリオWebサイトを作る際のポイントや素敵なポートフォリオサイトを紹介します！ ↑私が10年以上利用している会計ソフト！ 最新版書きました！こちらも参考にしてみてください。 ポートフォリオWebサイトを作ろう！2015年版 ポートフォリオWebサイトを作る時のポイント 1. 自己紹介 自分は何者なのか？何ができるのかをわかりやすく完結に紹介します。あまりダラダラ書いても読まれない確立が高いため、大きめのフォント・短い文章で紹介すると効果的です。 「自分はWebデザイナー」という事をはっきり書く 自分ができることをわかりやすく表記
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop VIP ☞ Web制作に利用したいPhotohsop無料UIデザイン素材20個まとめ
ロクナナワークショップ
パスワード認証