コンソールに「test」、アラートのポップアップで「test」と表示されます。 console.logの括弧内に""をつけずに変数名を入れると、 PHPでいうvar_dump();のように変数に入っているものを確認することができます。
「8 Best Tools to Make Easy CSS3 Development」という記事で、CSS3のコーディングに役立つツールがまとまっていたのでご紹介します。 CSS3 CSS3ジェネレータ。プレビューしたり対応ブラウザの表示もあります CSS3 Pie IE6,7,8でCSS3のいくつかのプロパティを使用可能にするhtcファイル Layer Styles Photoshopのようなレイヤースタイルをブラウザ上でCSS生成 Cascader HTMLにインラインで書かれたCSSを分割してくれる CSS3 Gradients Generator CSS3のグラデーションジェネレータ CSS3 Cheat Sheet CSS3のチートシート CSS3 Please CSS3をブラウザ上で学習できるサイト CSS3 Button Maker CSS3で作るボタンジェネレータ ref
ロゴデザインがしたい。 そんなときに参考になるのが、「Eight Helpful Rules for Logo Designers」。ロゴをデザインするときの8つのルールです。 印象的なものが揃っていますね。 より少ない色、より少ないフォント 一般的なフォントを使う。ArialやTimes New Romans、Helveticaなど シンプルな形が美しい ハイライトやグラデーション、シャドウを使わない 美しいロゴは、どんなメディアで使われても美しい 白黒でも美しく見えるのがよいロゴ メッセージを伝えるために、シンプルな構成がマスト 覚えやすいロゴにすべき。ナイキやコカコーラ、オリンピックのロゴなど Logo pondやLogospireなど、インスピレーションになるようなサイトもいくつか紹介されています。 ロゴデザインをするときの参考にしてみてはいかがでしょうか? Eight Helpf
美しい和のサイトを作りたい。 そんなときに参考になるのが、『白えび屋』。上品な色使いとレイアウトが美しい和のサイトです。 トップには、width=”958″ height=”536″のFlashが置かれています。ファーストビューにロゴと縦書きのメニューのみ、という構成で、とても美しいですね。 中ページではメニューが横並びになり、うまく情報を伝えていると思います。注文フォームがあって、サイトから商品の注文ができますね。 「ページの先頭へ」がスクロールに合わせてついてきますが、「jquery.scrollFollow.js」が使われています。 デザイン性と情報設計、機能性に優れたサイトだと思うので、一度見てみてください。 白えび屋 朝カフェ中。とても雰囲気のいいお店で、アルファ波が出るというか、ものすごく気持ちいいです。 さてと今週もがんばったので今日はゆっくりするぞ。
91137817/ iStockphoto/ Thinkstock デザインの幅を広げたい。 そんなときに参考になるのが、『80 Fresh Photoshop Tutorials For Creating Awesome Websites』。素晴らしいサイトをデザインするためのPhotoshopチュートリアル集です。 ディテールまで解説されたものばかりで、いい感じですね。 Create a Watercolor-Themed Website Design with Photoshop 水彩画のようなテイストのデザイン。ワイヤーフレームの書き方から、960 Grid Systemを使ったレイアウトの方法、テクスチャをどこから探してどう使うのか、Photoshopでのエフェクトのかけ方など Create a Theme Store Website Layout in Photoshop デザ
95555725/ Hemera/ Thinkstock PHPで文字列を操作したい。 そんなときにおすすめなのが、『10 PHP code snippets for working with strings』。文字列を扱うPHPのコードスニペット集です。 使いやすそうなコードが揃っています。 Twitter用に文字列を140文字以内に整形する function split_to_chunks($to,$text){ $total_length = (140 - strlen($to)); $text_arr = explode(" ",$text); $i=0; $message[0]=""; foreach ($text_arr as $word){ if ( strlen($message[$i] . $word . ' ') <= $total_length ){ if ($tex
100768523/ Hemera/ Thinkstock WordPressをカスタマイズしたい。 そんなときにおすすめなのが、『25+ Extremely Useful Tricks for the WordPress Functions File』。WordPressのfunctions.phpを編集する便利なテクニック集です。 WordPressのバージョンを非表示にして、クライアントにアップグレードのアラートを見せないようにしたり、ダッシュボードのフッターを編集したりと、いろいろとあります。 WordPressのバージョンを非表示にする function wpbeginner_remove_version() { return ''; } add_filter('the_generator', 'wpbeginner_remove_version'); function remo
紙や石などのいい感じのテクスチャを探している。 そんなときにおすすめなのが、『40 Fresh Free Texture Packs』。紙や石、水滴などのフリーテクスチャパック集です。 使いやすそうなのが揃っていますね。 Textures 8 綺麗なぼけ感のあるテクスチャ Designer Texture Pack #1 しわしわの紙やコンクリートなどのテクスチャ Texture set 12 ぼかしや引っ掻き傷が入ったようなテクスチャ画像集 8 Re-Stained Paper Textures 汚れた紙のテクスチャ。商用無料 Droplets – Texture Pack 美しい水滴のテクスチャ集 テクスチャを探している方は一度見てみてください。 40 Fresh Free Texture Packs 複雑な要件がやっと整理できた。一気に進めるぞ。 今日は前前職の人とランチ。起業したよ
フッターをデザインしたい。 そんなときに参考になるのが、『Beautiful Footers in Modern Web Design for Inspiration』。綺麗なフッターデザイン集です。 かっこいいものが揃っていますね。 Bits And Pixels 滴が垂れたようなデザイン。グラデーションも綺麗です Urban Pie 背景のテクスチャとイラストがかわいい「Urban Pie」 Miss Web Lash マルチストライプとテクスチャが綺麗な「Miss Web Lash」 Kailoon フッターにポートフォリオの画像を配した「Kailoon」 Straw Poll Now 木のイラストがかわいい「Straw Poll Now」 フッターのデザインを変えてみたいときに、一度見てみてください。 Beautiful Footers in Modern Web Design f
97412913, iStockphoto/ Thinkstock よりよいロゴをデザインしたい。 そんなときに参考になるのが、『45+ Beautiful Logo Design Tutorials and Resources for Designers』。デザイナーのためのロゴデザインのチュートリアル&素材集です。 いい感じのものが揃っていますね。 3D Logo Tutorial illustratorとPhotoshopを併用して3Dのロゴを作るチュートリアル Logo Design Project Step By Step Walkthrough コンセプトメイキングから実制作までを解説した記事 Design a Grungy Circular Logo 円形でグランジのテクスチャ感のあるロゴの作り方 Step By Step Logo スケッチからロゴを作るまでのチュートリアル
96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed
サイトをWordPressで作りたい。 そんなときに参考になるのが、『40 WordPress-Powered Websites With Awesome Designs』。WordPressで構築された美しいサイト集です。 かなりかっこいいサイトが揃っています。 Theme Garden WordPressのテーマを配布しているTheme Garden Aaron Irizarry テクスチャとタイポグラフィーが美しいデザイナーのブログ kazuhide fukuyama 日本のフリーランスデザイナー、Kazuhide Fukuyama氏のポートフォリオサイト UpThemes メニューやスクリーンショットの置き方、ボタン等、洗練されたデザインのUpThemes Awesem 反応の速いドロップダウンメニューと、スライドショーが美しいAwesem WordPressユーザの方は、一度見て
6133716, Hemera/ Thinkstock Web制作の参考になる情報を探している。 そんなときにおすすめなのが、『All Showcases』。Web制作に役立つサイト集です。 CSSやFlashなどのカテゴリーに分けて、かなりたくさんのサイトがまとまっていますね。 いくつかご紹介します。 CSS Best CSS Design ブログ型のCSSデザインギャラリー CSS Flavor クールなサイトを集めたCSS Flavor Flash Design Charts 週刊のかっこいいFlashサイトランキング DOPE Awards クールなFlashサイトをグリッド状に並べているDOPE Awards その他 CMS Showcase CMSで構築されたサイトギャラリー We Love WP 美しいWordPressで作られたサイトのデザインギャラリー サイト名やUIもか
デザインに使える or 参考になる素材を探している。 そんなあなたにおすすめなのが、『18 Search Engines For Designers – Creativity Boost』。デザイナーのための素材検索サイト集です。 いくつか便利なサイトがあるのでご紹介します。 IconLet ライセンス情報の記載がある、使いやすいアイコン検索サイト IconLook タグクラウドや人気のアイコンでフィルタリングできるアイコン検索サイト。ライセンス情報の記載がわかりやすい FyFont 画像をアップロードすると、何のフォントかを調べてくれるツール Vectorials ベクターデータのチュートリアルがたくさん見つかるサイト Tutorial Vault Photoshopやillustrator、Flashなどのチュートリアルが見つかるサイト。UIがすっきりしていて探しやすい 一度見てみてく
デザインの幅を広げたい。 そんなときにおすすめなのが、『The Ultimate Collection Of Brilliant Web Design Tutorials』。素晴らしいWebデザインチュートリアル集です。 クオリティーの高いものが揃っていますね。いくつかご紹介します。 Design an Italian Restaurant Web Layout レストランのサイトをデザインするチュートリアル。デフォルトで入っているカスタムシェイプをうまく使う方法など Create a Sleek, High-End Web Design from Scratch 背景のテクスチャやブラシをうまく使った、クールなサイトのデザイン手法 Create a Photo-Realistic Web Layout 木のテクスチャをうまく使ったデザイン Design a Non-Profit Web
WordPressで作ったサイトをより魅力的にしたい。 そんなときにおすすめなのが、『20 WordPress Plugins For Better Image Handling』。画像をより魅力的に使うためのWordPressプラグイン集です。 おっと思うようなプラグインが結構ありますね。いくつかご紹介します。 jQuery Image Lazy Loader WP 最近の海外のブログでよく見られるプラグイン。ページをスクロールするのに合わせて画像が読み込まれる。これを使っていたのか。。 Frontpage-Slideshow クリッカブルなスライドショーを作成。記事へのリンク等に使える NextGEN Gallery 画像にFlashのアニメーションのような効果をつけられるNextGEN Gallery。かなりかっこいい FlippingBook ページがめくれたような表現で画像を表示
TwitterやFlickrなど、ソーシャルメディアのアイコンを探している。 そんなときにおすすめなのが、『Mega Collection of The Best Free Social Media Icons for Bloggers and Designers』。ブロガー&デザイナーのための、ソーシャルメディアアイコン集です。 ブログ等に便利なアイコンがすごくたくさん紹介されていますね。 Vector Social Media Icons ベクターのアイコン集。制限なく使えますが、リンクバックは必要 Handy Icons 手書き風のアイコン集 Cute Tweeters Icon Set 有名サイトでも使われている、Twitterアイコン集 Web 2 Badges 商用無料でとてもかわいい円形のアイコン集 Function Free Social Media Icon Bonus
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く