ページ全般 ボックス テキスト リンク リスト イメージ テーブル フレーム フォーム フィルタ CSSの基本 CSSプロパティ一覧[ABC順] リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
まったくのプログラミング初心者の方を対象にJavaScriptの独学方法をのべていきたい。今回とりあげるJavaScriptの勉強法はあくまでWebデザイナー向け(もしくはフロントエンドエンジニア向け)なので、Node.jsのようなサーバーサイドJavaScriptはとりあげていない。 JavaScriptとjQueryをどちらから勉強するべきか。今回はあえて邪道とわかっていながらもjQueryにふれるという順番をとった。本来は、JavaScriptの基礎をしっかりおさえてからjQueryにすすむのが正統である。今回はトップダウン方式で実践にふれてから、基礎に戻る学習法を提案したい。 jQueryはJavaScriptを楽に開発するためのライブラリで、jQuery自体はJavaScriptのコードでできている。最初にいきなりjQueryにふれて、HTMLを動的に操作する(これをDOM操作と
ニュース パブリックドメインの資料を利用する際に所蔵機関について言及することを利用者に促すには - 2024年6月10日5/21(火) 生成AIと著作権法制度の未来イベント開催のお知らせ - 2024年5月7日TAROC オープンカルチャーの推奨に向けて - 2023年12月19日AI学習のためのプレファレンス・シグナルの可能性を探る - 2023年10月27日CCJP年次報告書(2022年度分)のお知らせ - 2023年9月20日 ニュース一覧へ 活用事例 CC事例その2:Linux標準教科書 - 2016年10月3日電通総研Bチームによる「Prototype for One」にクリエイティブ・コモンズ・ライセンスが採用されました - 2015年10月27日CC事例その1:大崎一番太郎 - 2015年5月1日法人スタンプ初!LINEクリエーターズスタンプ「アルパカさんとスギヤマくん」にク
いわゆるレスポンシブ・ウェブデザイン、つまりメディアクエリーを採用した Web サイトを構築する際の一番管理しやすいと感じるコードの書き方をまとめました。ただし、あくまでも個人的な、経験から感じた意見ですので絶対ではありません。 CSS のコードの配置広く知られている方法はいくつかあります。 CSS ファイル自体を分ける方法 @media 規則で 1ファイル内にメディア特性単位に書く方法 @media 規則で 1ファイル内にパーツ単位で書く方法 それぞれをコードで表すなら以下の書き方が該当します。 方法1 : CSS ファイル自体を分ける方法この方法は管理が大変でおすすめできません。これでファイルごとコード分割されてしまったらコード検索しづらいわけです。 <link rel="stylesheet" href="desktop.css" media="(min-width:769px)">
元々DTPやってました 自分は大卒でとある広告メディア系の会社に入ったんですが、ずっとDTP(エディトリアルデザイナー)の仕事をしており、正式にWebデザイナーに転向したのは2012年頃の話です。 「このまま紙だけやっててもそのうち食えなくなっちゃうよなあ…」と思い、仕事のかたわらHTML/CSSをはじめとしたWebの勉強を始めました。一応HTMLかじったことはあるものの、知識は大学生の頃で完全にストップしており、floatって何?レベル。(テーブルレイアウト世代) 一念発起したはいいものの、いざ勉強をしようとすると色々と問題が生じるわけですね。 Photoshopでデザインなんてやったことない、Illustrator使いたい 呪文みたいなコードを延々と打つ作業がだるい うまく動かなくて一つのコード間違いで3時間潰れたりするのが辛い 本屋行けば技術書、入門書はいくらでもあるけど、逆に何選べ
CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTML、CSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。 ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。 今回の解説
第6回 岡山WEBクリエイターズのセッション1で発表したスライド内容を全文掲載。第6回 岡山WEBクリエイターズ セッション1『WEB標準デザイン、はじめの一歩 ~デザインからマークアップまで~』 岡山WEBクリエイターズ勉強会でお話した内容を、スライドとともに全文掲載しています。 テキストはあくまで原稿そのままですので、実際に喋った内容とは幾分異なる場合があります。 スライドのPDFをダウンロード 講師概要 SKPRODUCT代表。 デザイン、コーディング、PHPによるシステム構築、ActionScriptを使用したFlashなど、WEB制作全般を行うWEBアーキテクトです。 岡山の大手企業・学校などを中心にWEBサイトと独自に開発したCMSフレームワーク『SEED』の提供を行っています。 本日は、WEB標準デザインはじめの一歩です。 WEB標準というと、技術的なことを想像される方
ビューン(新聞、雑誌、テレビがあなたの手の中に) 3.5.2(無料) カテゴリ: ブック, エンターテインメント 販売: Viewn Corp.(1.9 MB) 月額350円で雑誌読み放題のサービス「ビューン」を利用し始めて、6カ月になる。 書店をのぞきに行く回数は減らないが、出費は減った。大幅に減った。 以下、僕がビューンで毎月読んでいる雑誌を紹介。 MacFan 定価880円 × 1回 Apple好き、Mac好きは毎月読んでいるはず。 今月号では特集などの目玉記事は触りの数ページしか読めないが、「日々是検証」「マックな人」「iPhoneアプリ勝手にランキング」など読み応えのある連載記事を合計51ページも読ませてもらえる。 DIME 定価450円 × 2回 今月号は特集のロンドン五輪カレンダーが便利。 iPhoneやスマホの特集が多く、家電・AV機器・ガジェット類が好きな人なら毎号パラ
CGI登録件数3412件 CGI検索なら夢幻 フリーCGIからPHP,シェアまで検索できるPHP/CGI登録件数 3412件!PHP/CGI検索なら夢幻 フリーCGI,PHP,シェアウェアまで 検索できる
階層を区切る三角のデザインが特徴的なApple風のパンくずを同一の色相でカラーリングしたものを実装するチュートリアルを紹介します。 三角の箇所は画像を使用しないで、CSSで実装されています。 Breadcrumb Navigation with CSS Triangles デモページ [ad#ad-2] HTML -マークアップ パンくずはリスト要素で実装します。 シンプルでクリーンに実装するために、各アイテムにはclassを使用しません。 HTML <ul class="breadcrumb"> <li><a href="#">トップページ</a></li> <li><a href="#">第二階層</a></li> <li><a href="#">第三階層</a></li> <li><a href="#">第四階層</a></li> <li><a href="#">現在位置</a></
Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Building the Perfect Logo StripCreate a visually balanced logo strip by adjusting logo heights based on aspect ratios using CSS. By scaling logos dynamically, you can display a harmonious row of diverse logos without manual tweaking.
(年収270万で)プログラマーを引退して、医学部にきた俺が真面目に考えてやろう。 ① 言葉は正しく使おう真面目に読んでいて、ちょっと気になる箇所がある。たとえば PostgreSQL を postgre とか書くヤツは現場では嫌われるぞ。少なくとも postgres と書いてくれ。お里が知れるぞ。 ② プライドが高い消えていくエンジニアの特徴だけど、叱責されたり馬鹿にされるのが嫌で VCS にコミットしないヤツ、または貪欲にコードレビューをされるのが嫌がるやつは、成長しない。 ③ エリート意識この業界は数年前には『デジタル土方』と揶揄される業界でした。ちなみに、アメリカでも「テック系はハードだから避ける」という雰囲気でした。つまり何をいいたいのかというと、ソフトウェアの開発者っていうのは「泥臭い領域」なんだよ。エリートとは程遠い場所にあるというね。 ④ 「某天市場の先輩には,ここ仕事量少な
【リニューアル特別対談】 中村勇吾(tha ltd.)× 清水幹太(BASSDRUM) ⚫︎第1特集:Web制作に「最適解」はあるのか? AIとクリエイティビティ AIの台頭によりWeb制作の現場は大きな転機を迎えています。AIによるコーディングの自動化や画像・テキスト生成など、ほんの数年前まで想像もつかなかったプロセスが現実化してきました。一方で、AIとの関わり方については人それぞれです。AIを信頼しない人もいれば日常的に活用する人もいます。このような状況で、AIとどう向き合えば良い結果につながるのか、本特集ではその答えを探ろうとしました。 取材を重ねる中で、AI がWeb制作に寄与する面とクリエイティビティがどう交わるのかを模索しましたが、明確な答えは見つかりませんでした。けれども、人とAI の微妙な緊張関係と化学反応が生じていることは確かです。もしWeb制作に最適解があるとすれば、制
An HTML5 Logo It stands strong and true, resilient and universal as the markup you write. It shines as bright and as bold as the forward-thinking, dedicated web developers you are. It's the standard's standard, a pennant for progress. And it certainly doesn't use tables for layout. We present an HTML5 logo. The Technology Imagination, meet implementation. HTML5 is the cornerstone of the W3C's ope
webデザイナーには独学でなることも可能です。技術さえ持っていれば年齢や学歴にも左右されない強いカードになることでしょう。 残念ながら当サイトは2008年に作られたサイトなのでテーブルコーディングがところどころ採用されていたりとテクニックやデザイン的に古いです。今はDreamwerver等のウエブデザイン専門ソフトを使わなくても、簡単にホームページが作れる時代です。 webデザイナーになりたい!でもどうやって勉強したらいいの?そんな悩みを持つ君に、ホームページ制作課題を数パターン用意してみました。まずはチャレンジしてみませんか? 仕上がったら展示場に投稿してみんなに見てもらおう。(現在は投稿機能は終了していますが、各自ぜひお勉強のためにトライしてみてくださいね) 現場のプロがやさしく書いた Webサイト運営・プロデュースの教科書 webサイトのプロデュースから、webデザイン、SEO、運営
©2005-2023 WallpaperStock Facebook · Twitter · Privacy policy · Coming soon · Contact Wallpapers · Hintergrundbilder · Fondos de pantalla · Wallpapere If the copyright of any wallpaper or stock photo belongs to you, contact us and we'll remove it!
CSS3に興味はあるけど、きっかけが無いなあと思っている方へ こんにちわ、jsdo.it担当のふちがみです。 最近jsdo.itで地獄のミサワをイジりながらCSS3やcanvas、javascriptを学ぶ動きが活発なんです。 「それ2年ぐらい前に見たわー」という方も続きからどうぞ! 一瞬でわかるまとめ フロントエンジニアたちが地獄のミサワに夢中 - togetter canvasで描かれたミサワ
■Ajax : 勉強用サンプル&解説 Ajax (Asynchronous JavaScript+XML) がどのようなものか勉強用としてページやサンプルを作成しましたので参考にしてみてください。 最終更新日:2017/12/16 AM 9:27 Ajaxを勉強しよう jQuery入門 【短期集中連載】この冬作ろう!jQueryプラグイン講座 上のjQueryプラグイン講座の続き 【第13回を追加】 Yahoo UI Library入門 WebDesigning掲載サンプル マイコミジャーナル記事 (Ajax関連) Ajax エフェクト Ajax関連書籍一覧 Ajax ライブラリ一覧 Webサービス APIサイト一覧 Ajax ライブラリリファレンス Prototype系ライブラリ サンプルプログラム 逆引きAdobe Spryリファレンス Google Maps API リファレンス G
iPhone, iPad, Androidなどのモバイルデバイス、Facebook, TwitterなどのSNSのウェブサイト、IE, Firefoxなどの各種ブラウザのワイヤーフレームやユーザーインターフェイスのデザイン用の素材を紹介します。 Free Wireframing Kits, UI Design Kits, PDFs and Resources 上記サイトでは各素材が多数紹介されており、その中からPSD素材のもののみ下記にピックアップしました。サイトでは他にもOmniGraffle用のものやPDFのものが紹介されています。
The official home of 2Advanced Studios
IDÉE - New Direction #7At the Cultural Crossroads さまざまなアイデンティティーが行き交い、多彩な文化が育まれてきた地中海の暮らし。私たちの暮らしに新たな発見や気づきを与えてくれます。 For ContractMUJI BASE TESHIMA 瀬戸内海の豊島にオープンした無印良品の宿泊施設 “MUJI BASE TESHIMA”のアートとインテリアのディレクション、コーディネートを手がけました。 NEWSIDÉE SHOP JIYUGAOKA RENEWAL 新たに4Fギャラリーを加え、1棟すべてがイデーショップに。現代の多様なライフスタイルに合わせた幅広い提案ができる空間へと生まれ変わりました。
「Webデザインテンプレート集」はトップページや飾り枠など、綺麗に見えるデザインのHTML/CSSテンプレート素材を無料で配布するサイトです。 Updates 2009.1.19 -[CSSデザイン] #3 2008.3.30 -[飾り枠] #26
はじめに まだ経験としては3社で、社会人になってまだ3年目の私。つまり、まだまだ若手のデザイナーです。 そんな私のWeb系デザインの勉強法をご紹介したいと思います。(たった一人でもいいから参考になればという想いで書きます。) 学生の方 デザイナーを目指している方 私と同様に若手デザイナーの方 若手デザイナーを部下またはチームで持っている方 に読んでいただくと、参考になる部分があるかもしれません。 もちろん、それ以外の方も大歓迎です! まず、私のバックグラウンドをご紹介 私がデザイナーになるまでの話 簡単にお話をすると、小学生の頃からアフィリエイトをする目的でブログやホームページの作成などをしていたことがきっかけでWebに興味を持ちはじめました。 高校で進路を考える際に将来の仕事は何をしたいか色々考えて、それがWebデザイナーだったという感じです。 そこからは4年制の専門学校でIT・Web関
Flashを使って制作していく過程を重視して手法を紹介します。ヒントが得られたら君のセンスとアイデアで作っていきましょう。
Announcements [3] Icons [138] Application [43] WebBrowser [16] MediaPlayer [6] Graphic [3] Folder [10] Drive [16] Hardware [10] FileType [0] Internet [1] System [6] RecycleBin [2] IconSet [6] Miscellaneous [19] Skins [139] VisualStyle [93] VistaVisualStyle [26] Styler [7] Firefox [1] Winamp [1] foobar2000 [5] AveDesk [5] WindowBlinds [0] ObjectBar [1] Wallpapers [68] Abstruct [45] Minimalistic [14
Site design and development by Copyright © 1996-2024 Shift Japan. All Rights Reserved.
■Ajax : 勉強用サンプル&解説 Ajax (Asynchronous JavaScript+XML) がどのようなものか勉強用としてページやサンプルを作成しましたので参考にしてみてください。 最終更新日:2017/12/16 AM 9:27 Ajaxを勉強しよう jQuery入門 【短期集中連載】この冬作ろう!jQueryプラグイン講座 上のjQueryプラグイン講座の続き 【第13回を追加】 Yahoo UI Library入門 WebDesigning掲載サンプル マイコミジャーナル記事 (Ajax関連) Ajax エフェクト Ajax関連書籍一覧 Ajax ライブラリ一覧 Webサービス APIサイト一覧 Ajax ライブラリリファレンス Prototype系ライブラリ サンプルプログラム 逆引きAdobe Spryリファレンス Google Maps API リファレンス G
毎年恒例の株式会社「HAPPY ANALYTICS」年間振り返り記事です。年末の暇つぶし的に見ていただければ!昨年の記事は以下から analytics.hatenadiary.com 【目次】 長いので3段でまとめると 簡単に自己紹介 HAPPY ANALYTICSについて 2023年の主な取り組み 稼働時間 2023年の売上・コスト・利益 2023年の振り返り 来年に向けて 長いので3段でまとめると 1)稼働時間1,001時間(前年比-44%)。売上は0.71億円(前年比-43%)。コストは0.74億(前年比-21%)。純利益率は-4%(前年比-29pt)。セミナー登壇や勉強会講師件数は減少(2022年:124回、2022年:72回)。稼働時間や売上減少は主に育児のため今年の後半に大きく仕事を減らしたこと。 2)仕事の内訳自体は大きく変わらず。コンサル関連で53%(前年比0pt)・セミナ
ここはAdobe Photoshop(アドビ フォトショップ)の使いこなしWebサイトです。まずお読みください。 ▼このサイトについて 中心コンテンツです。Photoshopを使った作例を紹介しています。同ソフトをお持ちの方はぜひやってみてください。デジカメで撮った写真を補正修正したり、いろんな加工をしてみましょう。 Photoshopのバージョンによって操作が少々異なる事がありますが(画面はMacOSですがWindowsでも同じです)、わからない点があれば掲示板に書き込んでもらってかまいません。 ▼Example 1~10 ▼Example 11~20 ▼Example 21~30 ▼Example 31~40 ▼Example 41~
メディアは、手段にすぎない。 実行力のないコンサルティングは、無意味だ。 私たちAIADは、違います。 どこまでも課題ファーストで考える。 1978年の創業から鍛えぬいたファッション思考で、 ソリューションを導きだす。 ひとつひとつの課題に、統合化されたソリューションを。 クライアントの声にまっすぐ向き合う。 課題の先へ、さらに先へ。深く潜り、ビジョンを捉える。 そして浮上しながら、他にはないアクションを起こしていきます。 それは、才気あふれるクリエイターの広告かもしれない。 流通システムの改善かもしれない。 最先端のデジタルプロモーションかもしれない。 人材育成という一歩踏みこんだ提案かもしれない。 データは完璧ではない。だからこそ、持ちうる限りの知恵や感性を注ぐ。 すべては、ブランドの未来につながるビジネスモデルのために。 ファッションの未来を構築する。それが、私たちの使命です。
参考:http://d.hatena.ne.jp/mizzusano/20080407/1207531215webdesigningとか読んでるとAIRとかFlexのネタがわりと目立つ。DBPressとか読んでいても、AIRとかFlexの記事は割とある(AS3)含めて。で、考えてみたのだけども、そもそもFlexは誰のためにあるのか、ということ。そもそもFlexとはなんなのかと。これは未だに僕もよくわからないのだけど、早い話 HTMLなのではないかと、HTMLの代わりにMXMLがあって、Javascriptの代わりにActionScriptが使えるのではないかなと。で、Flexというものは、RIAを手軽にサクっと作る事ができるツールで、それこそDreamWeaverライクに、フラッシュブルなサイトを構築できる。ドラッグアンドドロップでオブジェクトを配置していくだけで、サイトが作れるのだ。いや
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く