サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか?チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし!僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ!マジテンション上がるWA!』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介! 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります!コードなら、Demoとか多いので見ながらついていけば理解できます!是非参考までに流し読みして見
More often than not, a web design consists of a header, footer, sidebar, and the area for the main content, which seems to be the default layout.However, web designers, UI experts, and layout artists have become brave in breaking the norms and creating new web layout designs, even taking them to a new and exciting level. The year 2015 is drawing near to its end, and here is our list of layouts tha
jQueryをWebデザインの為に使い たい、という方にお勧めのサイト・ jQuery for Designersのご紹介。 jQueryは様々なプラグインがあり ますが、ここはWebデザインに特化 しています。 jQuery for DesignersはデザイナーのためのjQuery情報サイトです。まだ数自体は少ないのですが、チュートリアルやデモを中心に情報を配信していますので今後の期待も込めてご紹介します。 Webデザイナー用のjQuery情報サイトです。右上に「Easy」、「Medium」、「Hard」とありますが、これは導入難易度を示しているようです。 チュートリアルは動画とテキストがあります。動画コンテンツ上部のdemo、View Codeでデモやコードのページに切り替えます。 例えば以下のような情報があります。 Automatic Infinite Carousel 自動でスラ
illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。 いい感じのものが揃っているので、いくつかご紹介しますね。 How to Create a Gearbox Settings Icon Using Simple Shapes シンプルなシェイプを使って、ギアの形をした設定アイコンを作るチュートリアル How to Create an Abstract Vector Design in Illustrator 美しい抽象的なデザインは、シンプルな形から作られる。いくつかの形と透明度に変化を持たせたサンプルの作り方 How to Create an Open Book with Illustrator’s
投稿日:2009年12月25日 レベル:中級者 ソフトウェア: このチュートリアルでは、Photoshopでウェブレイアウトを作ってみたいと思います。 Step1 : はじめに Step2 : タイトル・キャッチコピーを入力する Step3 : ボタンを作成する Step4 : 必要な情報を入力する Step5 : コンテンツボックスを作成する Step6 : コンテンツボックスを複製する Step7 : 完成 900x900の新規ドキュメントを作成し、階調の異なる2種類の濃いグレーを背景色/描画色に設定します。 次に、長方形選択ツールでカンバスの一番上に長方形を描き、線型グラデーションで上から下にドラッグして塗ります。 さらに、次のようなレイヤースタイルをその長方形に追加してください。 今のところこんな感じです。
スタイルシートの初心者にも分かりやすく、各要素に的確なマークアップを行い、ワイヤーフレームをビジュアル化するチュートリアルをSoh Tanakaから紹介します。 Styling Post Headings That Stick Out demo 下記のチュートリアルでは、見出し、日付、カテゴリ、タグを含むブログのヘッダをステップに分けて実装していきます。 Step 1. Wireframe – HTML ワイヤーフレームに基づいて、「ヘッダ」と「コンテンツ」をdiv要素で配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="post"> <div class="postheader"> <!--ヘッダ--> </div> <!--コンテンツ--> </div> </textarea>
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル&サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
つい押したくなるようなボタン作成Photoshopチュートリアル集が40種類ほど公開されていました。 ボタンといっても色々な種類があって、ちょっとした変り種のボタンを作る際にも参考にできそうな豊富なチュートリアル集になってるようです。 各リンク先は以下のエントリを参考にしてください。 40 Best Photoshop Tutorials for Creating Buttons and Badges | Naldz Graphics
1st webdesignerで、Photoshopのレイアウトチュートリアルが紹介されています。 ざっといくつかご紹介。 ↑はDesign a trendy business & finance layout。 Create a Clean and Effective Product Layout Web Design Tutorial: Blog/Portfolio Template! Create a Professional Portfolio Design in 17 Easy Steps Softblue Template Tutorial その他のリストは以下からどうぞ。 » 90 New And High Quality Photoshop Web Layout Tutorials 実家に帰ってきてまったりしています。お店のパピヨンがかわいすぎて連れて帰りそうになりました♪
クオリティの高いボタンやバッジを作る為のphotoshopチュートリアル「30 Useful Photoshop Buttons and Badges Tutorials 」 WEBページでもよく利用するボタンやバッジ。細かな所ですが、そういった所のレベルを上げる事でサイト全体のクオリティも上げる事ができます。今日紹介するのはクオリティの高いボタンやバッジを作る為のphotoshopチュートリアル「30 Useful Photoshop Buttons and Badges Tutorials 」です。 Slick and Clean Button in Photoshop 立体的なものから、クリアなものグラデーションで質感を表現したものまで様々なボタンが用意されています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Glassy Button or En
WEBDESIGNDEVで、Web&グラフィックデザイナーのためのPhotoshopチュートリアルがまとまっています。 ざっといくつかご紹介。 » 30 Useful Photoshop Tutorials for Vintage and Retro Style Web design Ledgerによるビンテージ&レトロチュートリアル30 » 18 Web Header Tutorials Photoshopでヘッダー画像をデザインするチュートリアル18 » 12 Fresh Tutorials Design Reviverによるタイポグラフィーや壁紙、イラストのデザインチュートリアル » 23 Brilliant Adobe Photoshop Tutorials That You Shouldn’t Miss Smashing Downloadsによる見ておきたいPhotoshopチュ
This post was originally published in 2009 The tips and techniques explained may be outdated. With Twitter quickly becoming the hottest site to be seen on, everyone wants to stand out from the crowd. There has already been a range of quality designs showcased on various sites, which has shown an emergence of trends such as the ‘sidebar’. Let’s take a look at some of the best practices around Twitt
Icons Adobe Work Folders The adobe product collection in the form of folder icons. City Icons An awesome variety of different icons in this set. Simplexity File Icons A great set of 120 different file extension icons both in png and ico format. Web Applications A funky set of web application icons. Social Networking Icons Some great sets listed here! High quality social networking and app icons. V
Creative Nerdsで、クオリティーの高いデザインアイコンを作るチュートリアルが紹介されています。 ざっといくつかご紹介。 » シンプルなコーヒーカップのアイコン » iTunesアイコン » ベクターのRSSアイコン » ディスプレイアイコン » illustratorで作るベクターのSafariアイコン » 透明のバッテリーアイコン » アラームクロックアイコン » Photoshopで作るバンアイコン Photoshop、illustratorのチュートリアルがたくさん揃っていますね。 その他のリストは以下からどうぞ。 » 60 Tutorials Creating High Quality Design Icons 今日はGadgetPartyの打ち上げ。今後のこととかいろいろ話し合いました。登録してくださっているみなさんありがとうございます! ↓のページのiPhone 3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く