こんにちは、ICS池田です。 HTML5で複雑なアニメーションを実現する方法にはいつか方法がありますが、それぞれの手法について容量とパフォーマンスのメリット・デメリットを検証してみたいと思います。 スプライトシートを使う方法 ベクターアニメーションを使... 続きを読む

• ics-web.jp
• テクノロジー

こんにちは。デザイナーのせいとです。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにする... 続きを読む

• liginc.co.jp
• テクノロジー

制作会社を頼らずホームページを作成するのに役立つツールを14個紹介します。どれも無料で初心者さんでもホームページ作りに役立てられます。前回の更新からかなり経ちましたが、テーマは同じでございます。 制作会社を頼らずホームページを作るのに役立つツー... 続きを読む

• websae.net
• テクノロジー

よくオリジナルのデザインでツイート数とかを表示しているサイトを見かけませんか？ ブランドやマッシュアップ系サイトでは、サービスとデザインをマッチさせていてかっこいいですよね。 そこで今回はjQueryを使って各SNSのカウント数を直接取得して表示する方... 続きを読む

• unguis.cre8or.jp
• テクノロジー

続きを読む

• w3q.jp
• テクノロジー

続きを読む

• w3q.jp
• テクノロジー

日本では意外とニュースになっていませんが、世界のネット業界で今最も話題になっている問題がWordpressサイトに対する世界的な猛アタック。日本語サイトへのアタックは少ないかもしれませんが、やられてからでは遅いのも事実。この記事を読んでWPサイトへのア... 続きを読む

• www.seojapan.com
• テクノロジー

UIデザイン 保存アイコンでみえてくるアイコンデザインの勘違い メタファが時代遅れだから、適切なアイコンではないと解釈するのは間違っています。利用者の行動を促すにはどうしたらいいのか。学習しやすい構成や導線はどのように設計すればいいのか。そこにア... 続きを読む

• www.yasuhisa.com
• テクノロジー

concrete5でお手軽にオリジナルデザインのサイトを作るチュートリアルを書こうと思っていたら、ちょうどいいものを発見しました。それは、Bootstrap, from Twitterです！ “Bootstrap, from Twitter” って何？ Twitter社が開発し、Githubにて公開しているウェ... 続きを読む

• notnil-creative.com
• テクノロジー

concrete5日本語公式サイトにログイン 日本語版は、2009年3月末に予定されているバージョン5.3のリリースの後に公開する予定です。もうしばらくお待ち下さい。 現在、Usagi Projectは、バージョン5.2.1の日本語訳と日本語処理の不具合の修正をを終えております... 続きを読む

• concrete5-japan.org
• テクノロジー

マイクロソフト、Mac開発者向けにWindows 8 ProとParallels を寄付25ドルで提供。ウェブの互換性テスト用 By Ittousai posted 2013年04月03日 04時32分 0 マイクロソフトが Macを使うウェブ開発者向けに、Windows 8 Pro とParallels Desktop for Mac を25ドルの... 続きを読む

• japanese.engadget.com
• テクノロジー

サルでもわかるといわれても、やっぱりわからない・・・ Web制作をやっている人は、少なからずバージョン管理システムの話を聞いたことがあると思います。 特にGit（ギット）っていうのは、内容まで知らなくても名前くらいは聞いたことがありますよね。 で、ネ... 続きを読む

• www.cherrypieweb.com
• テクノロジー

CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集｜Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過... 続きを読む

• weboook.blog22.fc2.com
• テクノロジー

もうCSS3で悩まない チートシート/リファレンス系サイトまとめ 【Web技術】 wrote on 2013/02/28 http://blog.56doc.net/Entry/541/もうCSS3で悩まない チートシート/リファレンス系サイトまとめ 先日書いたCSS小ネタまとめのようにCSS3も使えば使うほど味が出... 続きを読む

• blog.56doc.net
• テクノロジー

初めて借りたレンタルサーバで構築したWordpressに最初に導入したプラグイン16選。はじめてレンタルサーバを借りて、WordPressを構築。 今の時点で導入しているWordPressプラグインをまとめてみようかと。 備忘録的な感じ。オススメの物がアレば、Twitterかコメ... 続きを読む

• mugen-beer.com
• テクノロジー

Web担トップ « 編集記事一覧 « [コラム] Web担のなかの人――編集部ブログ « 編集長ブログ―安田英久 « Twitterタイムラインをサイトに貼り付けてる人、3月までに直さなきゃダメよ ««HTMLやメルマガ原稿の“変更履歴”をスゴく見やすくするWinMergeが手放せない... 続きを読む

• web-tan.forum.impressr...
• テクノロジー

新規サイトを作る時に必ず入れるWordPressのプラグインまとめ Tweet 公開日：2013年2月12日 最終更新日：2013年2月12日 WordPressのプラグインに関する記事が乱立していますが、プラグイン何入れてます？的な事を聞かれることがあり、その時にこのページ見て！... 続きを読む

• www.seotemplate.biz
• テクノロジー

米Googleは2月5日（現地時間）、クラウドストレージサービス「Googleドライブ」にWebホスティング機能を追加したと発表した。 使い方は以下の通り。 Googleドライブに新規フォルダを作成し、公開設定にする フォルダにWebページを構成するHTMLファイルやCSSファ... 続きを読む

• www.itmedia.co.jp
• テクノロジー

このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:befor... 続きを読む

• weboook.blog22.fc2.com
• テクノロジー

Webとブログが学べるサイト。ブログカスタマイズの参考情報をまとめました。WordPress、無料ブログ、ブログのビジネス利用、ネット集客など、ブログ入門記事が満載の総合サイトです。 無料ですぐに使えるWordPress用のコンテンツスライド（コンテンツスライダー... 続きを読む

• sanko-site.com
• テクノロジー

垂直のリズムに弱い今までのグリッドとは異なり、垂直・水平のリズムを自由に設計できるマトリックス状のレイアウトが実装できるCSSの1ファイルの軽量フレームワークを紹介します。 トップページのx軸・y軸を使ったレイアウトからワクワクしますね。 xy.css xy.... 続きを読む

• coliss.com
• テクノロジー

メモリ食いますしグラボによっては使えないそうですが、皆さんGPU/OpenGLって使ってますか？僕は一応使ってます。使いこなせてないと思いますが。けっこう便利な小技が揃ってるので、個人的に気に入った機能をまとめました。使った事無い方は是非一度お試しくだ... 続きを読む

• maka-veli.com
• テクノロジー

< さっそく開発してみよう！ /> まずはHTML,CSS,JavaScriptを使って会員登録に必要なフォームを編集してみましょう！ チュートリアルと、正解のコードを読みプレビューをみながら楽しく学べるので、初心者のあなたでも簡単にアプリを作成することができます。さ... 続きを読む

• codeprep.jp
• テクノロジー

2013-01-17 「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた Coupe Baguette デザイン はじめに みなさん、明けましておめでとうございます！・・・と言うにはあまりにも遅すぎる時期になって2013年最... 続きを読む

• blog.jnito.com
• テクノロジー

WordPressは、簡単にオリジナルのブログが作れることから、ブロガーを中心に利用している人が増えてきました。 また、最近は企業サイトやちょっとしたホームページも、WordPressで作られている場合が多いようです。 そんなWordPressですが、言語にはPHPを使用し... 続きを読む

• creive.me
• テクノロジー

HTML Code / Sebastian Fuss 愛用のテキストエディタ「Sublime Text 2」にも導入しております、Emmet（Zen-Codingの次期バージョン）。使いこなすことでHTML、CSSの記述を高速化することが出来ます。 んまぁ例えばこんな風に記述して展開すると… このようにHTM... 続きを読む

• ozpa-h4.com
• テクノロジー

自身が利用している有名なフォントや、フォントの基礎知識を紹介しています。新年明けましておめでとうございます。今年も色々と挑戦する年にしたいのですが、一先ずブログをしっかり書くというのをベースにがんばります。 早いもので、このブログも気がついた... 続きを読む

• wp.yat-net.com
• テクノロジー

海外デザインブログHongkiat.comで、2013年に注目したいデザイントレンドをまとめたエントリー「Web Design: 20 Hottest Trends to Watch Out For in 2013」が公開されていたので、今回はその中でも、特に印象的だった15個をご紹介します。 利用される機会の増... 続きを読む

• photoshopvip.net
• テクノロジー

初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマ...。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています。今回は初めて WordPress でオリジナルテーマを作... 続きを読む

• webdesignrecipes.com
• テクノロジー

2013年も確実にお世話になるであろうWordPressプラグインを一挙40個、纏めてご紹介しています。アクセスアップやSEO、セキュリティーやユーザービリティーを考慮したラインナップになりました。WordPressを利用し始めて、早三年が経過しました。 2013年にもなっ... 続きを読む

• room402.biz
• テクノロジー

ちょこちょこっと触っただけで、プロっぽいサイトが無料で作れる 今回はブログじゃないサイトをドラッグ＆ドロップで簡単に作成出来る2012年までに話題となったサービスを用途ごとにまとめました。 使い方をどこよりも詳しく解説してあるサイトのURLもつけてま... 続きを読む

• commte.net
• テクノロジー

どうも、松田直樹@まぼろし でございます。 当方、実はWeb制作が本業でして、このような記事を書くハメになってしまいました。（いや、喜んで書いてますよ） 「Fireworks」ってのは Photoshop のようなグラフィックツールでございまして。 Web制作に特化した機... 続きを読む

• rekishi.maboroshi.biz
• テクノロジー

Archive by month 2012年12月 (9) 2012年11月 (53) 2012年10月 (60) 2012年9月 (49) 2012年8月 (59) 2012年7月 (65) 2012年6月 (57) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 ... 続きを読む

• coliss.com
• テクノロジー

前回までで、作成しようとしているビジネスサイトの大まかな全体像を確認しましたら、いよいよWordPressの方の設定に入っていきます。 まずは左メニューの簡単な説明とインストール後に設定したい一般設定の解説を行なっていきます。 各種設定は後からの変更も... 続きを読む

• www.html5-memo.com
• テクノロジー

ブラウザのスタイルを初期化するCSSリセットの2012年に人気のあったものと、どのCSSリセットを使えばいいのか判断するポイント、CSSリセットを上手に使うポイントを紹介します。 CSS Reset 下記は各ポイントを意訳したものです。 2012年人気のあったCSSリセット... 続きを読む

• coliss.com
• テクノロジー

トップページにツイートを表示する方法とか、Facebookページの作成手順とか、Like Boxを設置する方法とか。JavaScriptで「ページトップへ」ボタンを実装したり、スライドギャラリーを実装したり、スクロールバーをかっこよくしたり。 Lopan cafeのトップページ... 続きを読む

• lopan.jp
• テクノロジー

自分のブログならいいけど、受託の場合は出来るだけプラグインやブログパーツ使用は控えたい。 例えば、Zenbackやlinkwithinって便利だけど外部リンクが表示されちゃうから、クライアントさんには使えない。プラグインを出来るだけ使わずに、自分でやんなきゃい... 続きを読む

• commte.net
• テクノロジー

RGBaカラーを使って全体に統一感のある横メニューを作ってみます。RGBaカラーといっても使うの色は白（rgba(255,255,255,0.4)など）と黒（rgba(0,0,0,0.1)など）だけで、その透明度を変えて様々なところで使っています。 先日書いた「カラーツール「0to255」で... 続きを読む

• weboook.blog22.fc2.com
• テクノロジー

HTML5とかJavaScriptがもてはやされてるけどやっぱPHPだよねっ。一人でWEBサービス作れちゃう人とかカッコイイィィィィ。デザインはTwitter Bootstrapでィィし、やっぱサーバーサイド出来る人が輝いてるぅウィリリリリリ。 みたいな会話が各地で聞こえてくる昨... 続きを読む

• log.deconcepter.jp
• テクノロジー

CSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ！今回はサンプルファイルも用意したので、ダウンロードしてコードをじっ... 続きを読む

• www.webcreatorbox.com
• テクノロジー